Transcripts
1. Infographic Design AE: Hi and welcome to my course Infographic design. Archie excited to be here. Okay, so in all seriousness, my name is Aisha Borough, and I will be your instructor for this course. So what qualifies me to teach you? Well, lots of things. First of all, on the professional graphic designer. I've been a graphic designer for well over 20 years now. And just a few years ago, I got into infographic design when things I love about graphic design and infographic design is being able to take a lot. And I mean a ton of data and charts and all sorts of things and be able to dissect the main information from those pieces and put them into a nice little packet called in infographic . So when Infographic, in a nutshell, is basically just that, it's an information graphic. Those two combined created infographic toe where it's a universal way to understand and to receive information. So think about infographics. If you're not quite sure yet what they are. Think about infographics as more of universal language toe where you look at the picture and you know, immediately, or at least are intrigued enough toe. Want to know more about the information that is going on inside the infographic. So, for example, infographics are everywhere. When you're at the airport, you'll see infographics. Even if you don't speak the language of the country that your end, you might see little icon with a bus on it let you know that the buses are that way, and then you'll see an airplane in a Nikon in an arrow pointing that way, and that lets you know airplanes are that way. So these days people are becoming mawr more creative with how they display lots of information. And that's why I created this court. All right, so enough about this and that and all that stuff was dive into the course because that's why you're here. All right, cheers.
2. Infographic Design 101 Basic Design Principles : Infographic Design 101 Basic info. Graphic design principles. In this lesson, you'll learn about the 7% rule and how it relates to infographic design. Exactly why nonverbal communication matters and how to best communicate your infographics be of visual methods. So let's talk more about the 7% rule exactly what it is and how it relates to infographic design in data visualization. Now the 7% rule says that nearly all communication occurs nonverbally, meaning we talk to someone about any subject matter Onley 7% of the words that you say are actually being received by the brain. The other 93% of what's being communicated can be interpreted through both body language and your tone of voice. Now, why exactly does nonverbal communication matter so much? Well, in order to answer that question more fully, we need to dive even further into the details. In regards the 7% rule have a look. 55% of all non verbal communication is expressed through your potty language. 38% of attention is given to your tone of voice, as in the words you choose, whether written or spoken, varying kinds of vocal inflections. You express questions such as, Can people hear you clearly? Are you confident intimidating reliably on and on and on? Or are you interesting to listen to? Do you know your subject matter? Well, all of these questions are being answered silently by the listener, and they leave a valuable impression on them. Not only that, but the tone of voice we use greatly effects our ability to connect with another person and communicate in a way that is intended. Interestingly enough, only 7% of the listeners attention is being given to the words that are actually being set . This is how important body language is when it comes to our ability to effectively communicate with others. Now body language being your facial expressions theme, out of eye contact you make or don't make the hand gestures you use and your overall posture. All these things become increasingly important when looking at the overall bigger picture. When it comes to communication with all this data and research on verbal and nonverbal communication, exactly how it how do we translate it into communicating visually in the form of infographics? So glad you asked. Justus Speech contains nonverbal and verbal elements sodas, infographic design, where body language, tone of voice and words are used to communicate a message. Infographic design also uses its own forms of nonverbal communication to transmit a message as well. Thes forms of nonverbal communication are conveyed through choice of fonts, color images, graphics, icons, content, how it's all laid out, structured and any other form of spatial arrangement inside the infographic.
3. Canva for Creating Infographics: if a graphic design getting started creating infographics with Kampe in this lesson, you will learn exactly what campus why Using Camba to create all kinds of infographics is Justin excellent choice and the difference between the free version of Camba and the paid canvas at work account. So exactly what is campus? In a nutshell. Canda is an online graphic design and content creation tool that allows you decree anything from logos, business cards, books, presentations, postcards, infographics and so on. With its unique interface and thousands of professionally designed templates, Kampe makes great design accessible to everyone, for little to no cost campus, also incredibly easy to use, which makes it all the better. Why use Camba for infographics? While one of the many benefits of using Camba is that you immediately have access to dozens of infographic templates, you have the option of either using a standard template or completely customizing altogether. It also saves you quite a bit of time, and it allows you to get up and running quickly since there's a really low learning curve. The other thing is that Campbell offers a premium version called Can Network that allows you to upload your own brand colors, logos, fonts and work with people across your team. Let's talk about free versus the paid camp account. The free and paid versions, a canda are very, very similar. With the free version of camera, you access toe all of canvas templates. There's also one big difference between the free Camba and the canvas work paid account, and that is the premium version allows you to create your own branded templates. You can save your branded templates, colors, logos and fonts inside the paid canvas app, so you don't have to create them from scratch every single time you need them. A couple other pluses to using the camera work paid version is that you can export PNG graphics with transparent background. You can also use the magic resize tool, which allows you to have your graphics magically resized into various formats like for YouTube, thumbnails, posters, business cards, fliers. So I'm literally just by clicking a. But in this course, I'll be using the paid version of Camba. But feel free to use whichever version best suits your needs. Your homework for this lesson is pretty simple. If you haven't done so already. Signed up for Camba, and if you're not sure which one you'll want or need, then you could always upgrade later or do every 30 day trial version of the camp at work again.
4. Welcome Watch and Learn INTRO : hello and welcome to my studio in this very special session. What we're going to be doing is a watch and learn Siri's. So what that means is that you are going t get in over the shoulder view into exactly how I create infographics from scratch in Canberra, So let's go ahead and get started.
5. Create Custom Dimensions for Infographics: now, not all infographics are the same size. Infographics comes in all kinds of sizes. So with canvas, they have a standard template of infographics being will just roll over this 800 pixels by 2000 pixels. Some infographics are going to be a range of sizes. Some are gonna be more widescreen, the 16 by nine format. Others are going to be more square, something that can fit and say instagram feed and others might be not so long and skinny, but maybe just a little bit long and short, more like a rectangle. So how you create custom dimensions is by doing this, we'll go up here to use custom dimensions, will click on that, and I'm gonna change this from 800 pixels by 1300 pixels to 1500 pixels, it's already in pixels, and there's also the option of millimeters or inches for creating custom dimensions. So I'm gonna go ahead and click design and voila! We have a now 800 by 1500 pixel infographic. That is just a nice white sheet of paper ready for us toe design from
6. Building a Basic Structure: once I decide upon the size of my infographic. In this case it's 800 by 1500 pixels. The next thing I do is create a really quick structure for my infographic. Here's what I mean. So the first thing I do is I go to elements and I'll go to shapes. Now, since I'm wanting to create an infographic that looks roughly like this right here, I You've got several different bars and backgrounds that I want to automatically start putting in place. So I'll pop this to the side. Have this over here so I can easily switch back and forth between the two. All right, so we'll go to shapes. And the shape that I'm looking for is a rectangle or basic square. Now this right here will be this color, the teal in the background. So the next thing I'm wanting to do is create more shapes and pop things up here and have a place for my header to go. So for now, I'll just make this war of a dark gray color and I'll copy and paste this and add it to the bottom. And this is just really, really rough. If I need to change these dimensions Or, you know, of course I'll be changing the colors. I can do that. But right now I'm just creating a really basic structure also known as a wire frame for my infographic to set within. So I'll finish this up. So the next thing I want to do now that I've got bad in place, is I just want to create a couple circles and will change the colors of Thoenes toe where it's a dark grey. Just so I know exactly what it is that I'm working with. So I know that I want to use 12345 different circles for my infographic so I'll place those right in here is Well, I'm kind of liking this back and forth structure. So I'm just gonna click on this and I'm gonna copy and paste those. All right now, this gives me a real good idea of as far as how things are looking with size, instead of putting all of my assets and infographic graphics on the page here instead, I'm just going in with just row basic shapes and sizes and getting a feel and structure for how my Infographic is going overall. Look. So right now I see that perhaps scenes circles are a little bit too big or this right here . The sources info and the header bar is a little bit too big. So I can either make this smaller or I can make my circles smaller. I think that in this case, I'm actually going to make my circles smaller, since they really don't need to be that big. And I can easily do so by amusing. I'm clicking on the shift button and I'm shift clicking while holding the shift button. I am clicking all of the ins, and so what I'll do now is I'll just go ahead and all at once make things smaller, and I'm thinking that I want my header to be just a little bit larger and maybe a little bit more room for my source material at the bottom. I just work on my spacing. I don't want them to be too close to the edge. I want my Infographic to have plenty of room to breathe, so I'll move these over as well toe where they're not right next to the edge of the Infographic. We'll just move that over a little bit, and I'm kind of eyeballing as faras the distance between appear and down here. And I'll do the same with this Over here. I want them to definitely line up, and I'll just eyeball it toe wear. All create Thoenes over. Okay, And it looks like that's a pretty good size for now, so I don't have everything in there. Like I said, this is just a basic, really, really basic structure for me to put my infographic within.
7. Adding Icons to Your Infographic: So we've got the basic structure now for Infographic. We've got the size, the basic structure. Now, once we do that, what I'm wanting to do is to start bringing in my assets. Assets is in my colors and my graphics. So remember, in the earlier lesson when I was talking about picking out your colors and getting your assets organized, we're going to be adding on to that. So this is where that organization comes into play. Okay, so my infographic has several different images here. We've got this image. We've got this one right over here and five different icons. We've got several different colors. Words? We've got other assets, such as my logo down here. And then we've got the text or the content with stuff like lines and all the other good stuff. So now we're going to start bringing in those assets. Now, one of things you'll notice with can va is that if you take something and we'll just copy and paste this real quick, So if I take this and I put it off to the side, it basically just completely disappears. Well, that doesn't help me if I'm actually trying to just kind of arrange my assets and not clutter up my actual page. So what we'll do in this case is will go down here to add a new page. And on this page, this is going to be where we put all of our assets colors, color palette, just whatever it is that we're needing extra content. And then as we use it, we'll just copy and paste or just bring it up into this space right here. All right, let's go ahead and keep going. Okay, so I've got these five different assets I want to bring in, so I'm gonna go ahead and bring those into my uploads. So everything's in my y use canvas infographic folder. So I've got all my assets there. So what I'm gonna do is I'm just gonna go ahead and open up things. Now you can quickly upload a set of fonts or images or assets or whatever your f floating into by. Just shift clicking from up here and then shift, click all of these and then click open, and that will just go ahead and start opening them all at once. Now that those air uploaded, I can start putting them on my assets page. So just go down here and put them over here. And one of things you might notice right here is that Cam is doing some type of funky little thing toe where they're hiding by info cameras. Definitely not without its fault, since it is in the online software program that is, you know, essentially starts for free and then goes to a premium. There's various little glitches and stuff that you might notice along the way, so just try to roll through them. And if you're not liking something or can we get stuck, then just go ahead and click your reload button at the top of your page. All right, so that refreshed my page, and now we've got this home screen again. So I've got this all as a clutter and which is perfectly fine, because what I'll be doing now is I'll be re sizing everything all at once, so I'll just basically click and drag up here to select all of these. And that basically creates one nice little area that all I have to do is just size all my icons to be just like that. So and then I can start separating them from here. And they don't have to be any particular order just as long as I can see them. And you know that. Okay, these are my different types of icons that I'm using, and they're all located up here.
8. A Word About Icons: now, what important thing about icons and infographics is this. Let me show you. OK, so we'll go ahead and just copy and paste are infographics here and we'll just create a rural basic group. So I'm just gonna go up here and one of things you might noticed right away is that our icons are basically they don't have a background to them. So when we zoom in way, go back up to the top where we are thing, you'll notice that even if I take like this icon and we'll just on glue bit group it for now, and I pop it over here, it still retains this background, meaning I can see the background. And I can see, you know, whatever shape and color that I put behind it now, one of things. That that is why I mean, basically, that is specifically because these are I've got them saved as PNG files with transparencies . If you're not sure what that is, no big deal. I'll explain a little bit more in the description or probably given area like a cheat sheet where you can get more information. But let me show you something a little bit more to bring home the point of why your files are needing to be saved or why you're icons need to have P and G with transparency behind them. OK, so let's go ahead and bring in thes this icon set right here that we just downloaded from free pick dot com. So I've got this, and this is really great because it gives me all kinds of icons. So whatever one I'm going to use Aiken do so The only thing is that I can easily crop things by just clicking the crop button, and I can crop in on, say, if I'm just wanting to use this little amplifier and then I'll just click the check mark. Now that's great and everything. But the only thing is is that it doesn't have the background like the background on this is still preserved in canvas. The time of this recording doesn't allow us to actually row quick way to get rid of that, so a couple options are in the bait. One that I highly suggest doing is to basically take this sheet right here that you get from your icons and go to a place like Fiverr dot com and just ask them. Ask a designer if he knows when you could do this to just basically take all of these icons right here and to separate them onto their own page with Saved as PNG files a and transparency. So I know it's a little bit complicated, but it's pretty much the best solution. Either that, or you can basically go to various websites to get rid of backgrounds, but they don't always look the best, so just something to keep in mind.
9. Importing the Color Palette into Infographic: So now that we've got our icons brought in and they are PNG files with transparencies, what we're going to do next is start bringing in our color palette. So we don't know you to actually create a color palette in this case because what we're using is this color palette right here. So what we're gonna do is we're gonna go back and forth a little bit, and we're gonna start bringing in thes watches into our assets area for our infographic that we're creating. So what I mean is this I'm just gonna go to back to elements click shapes and I am looking for the square. I'm going to click Square, and I'm just gonna make thistle a little bit smaller and actually a lot smaller. And now I'm basically just going to copy and paste this by using control or basically on. Since I'm using a Mac, I'm gonna use command C and V to copy and Paste sings. Okay, Now, I'm not sure if these are all the colors only, but I definitely have swatches of reserve for the in spots now. So what I'm gonna do is I'm gonna go back. Teoh, over here. and I'm just going to start picking up colors that I know that I will be using. Let's go ahead and start with the gray sends its first. So I'll click on the gray here. And Mikey, No, I'm gonna go to format, and I'm gonna click over here for my color slider. Now, here's the hex code that I'm wanting. So I'm just gonna go ahead and click on this and copy and paste it back and forth. So I've got to go ahead and go back and all right, just watch. All right? So we've got all of our color palette imported into our assets area. Let's go ahead and zoom out and take a look at everything that we've got so far. Okay, so we've got our color palette next, ready to go
10. Adding Color to Your Infographic: Okay, so I've got my color palette, and I've got my graphics, most of my graphics and so forth imported. Now, what I'll do next is, instead of putting even more information down here, I like to skip at this point. I like to skip back up here and start adding my actual colors and my graphics into where I'm gonna place him. So let's start doing that. So we'll just go back to this area, get rid of this over here, and I'll look at this to where I know exactly. You know what? Colors and stuff need to go back and forth. So I'm gonna start adding colors right now to this gray wire frame. Very basic wire frame that we have going on right here. So at this point, we've got I know that these two are the dark color palette. So I'm just going to go ahead and click on this, click the color palette and switch it to this. Okay. And then with the's, we start off with the orange, the green, the blue, pink and yellow. So that's though the order that I'm going to go in back and forth. - Okay , so we've got that now all set and our infographic is starting to come together. The only thing that we forgot as faras colors is this background color right here. So we'll just go ahead and go back over here and I'll click this and I'll pick up the color of the background, which is a really pretty tail. And I'll just go back over here and I'll start Teoh. I'll create a new area to put this. All right, now we've got that, Teal added. And our Infographic is now starting to take on more bit. Infographic will look so let's go ahead and start adding some or different, you know, information and different assets and stuff to the mix. So the next time we have here are these little lines and it just helps basically give the infographic even more structure and more flow. So let's go ahead. And even though this infographic is more of the white frame format and this one is a rectangular, let's go ahead and still at those to it. So how we do that is we go to lines and I'll go ahead and continue on, and the next lesson
11. Using Lines and Framing: So let's go ahead and add those lines toward Infographic. Okay, so we've got these lines right here, and I want to put them in my infographic. So I'm already inthe e elements and the lines area. So what I'm looking for now is basically those rectangular lives. It's like, this might be it right here. There we go. Okay. So we know that those lines were not brown. They were actually a gray like a nice a light gray, almost a white grades will make those that. I'm just gonna zoom in a little bit more so I can kind of mess with it a little bit more. And I'm going to make this whiter and maybe not so deep. Zoom in a bit more now, as far as making it, you know, whiter, taller. We can make of whiter by stretching it out. We can also, but as far as making it, making things dashes taller or shorter, it's a little bit different. So what we have to do is we basically have to stretch this back over here and work with the actual height first. So I'm only warning my infographic. I'm wanting it to be maybe about like this. And then what we do is just have to stretch it out from there. So can, but sometimes is a little bit different as far as how you have to approach a subject matter . But once you pretty much will learn that this is the way that it works and functions. Then you can work with Campbell from there. So now that we've got that and I'm just going to zoom out a little bit, scroll back up, adjust that, using my arrow keys on my keyboard and then I'm going to copy and paste and greet that down at the bottom as well. And this will create a nice amount of balance for my infographic. Now I have more than just the top and bottom. I want to also create kind of an up and down type of arrow. So what would that be? Horizontal vertical? I don't know. Basically, I want one to go up and down this way. So, um, I'm just gonna take this and I'm going to copy and paste it. And now, using this little button right here, this right here allows me to rotate the access of my line. So it nicely snaps to a 90 degree angle when I can tell that because right here it shows 90 degrees. So now that I've got that right there, I can go ahead and at this and it will automatically snap in the middle. And then I can zoom in, scroll up a little bit and bring it down just a little bit further way. Now we've got ah line in our infographic, and that way it is now starting to resemble this more and more.
12. Working with Content (P1): So my infographic is coming along really nice. I'm liking the way it's looking. It's starting to resemble. Are the power point side that I had or keynote side that I was using even Mawr. So next thing I'm going to do is I'm going to start building the content. So what I mean by that is I'm going to start adding the text and various content points from there. So let's go ahead and keep going. So with tax, what will deals will just go to the text thing. Whatever it's called Text tab would probably be the appropriate name. So now that we've got that, we're gonna go ahead and at the text. So I've got my funds already uploaded. Something's gonna click back here, and it is. I'm just going to double quick and it says, Why use canvas? So now I just come back over here and I'll create a heading. I'm just going to click on this one since its top in front and center and put, Why use campus now? This is actually not the font that I'm wanting to use because I want this infographic to look a lot like this. So in this case. I see. That is Ariel. Narrow. Bold. So say that three times really fast. Their own Arab old Aaron. Terrible aerial. NARAL Bold. Yeah. All right, I digress. Um uh, sometimes I am just so cheesy. It's just Yeah, I crack I completely correct myself up. Okay, So with that said, let's keep going. So I'm just gonna go ahead and triple click on here, and I am going to change the font Toothy aerial, narrow bolt. So I've got already uploaded into my uploaded fonts. However, can va has a ton, ton ton, 10 ton ton of fonts available to me and again, like I was saying that you if you have certain types of fonts that you're wanting to use, you can easily upload them yourself into camera, using the canvas at work on the premium account. If you don't have the premium account, that's fine. Just use something that looks similar to it to create this. All right, let's go. Now, what I'm doing now is I'm just kind of playing with size. I'll go ahead and make it the color that I'm wanting. And for this case, I actually want to use White. So I'm just gonna go ahead and click over here and start to pop. This were I wanted to be now was spacing. I have the spacing at center, so we'll just go ahead and leave it at that. However, I'm not wanting to be all caps, so I'll just go ahead and make that adjustment EG and it is using all caps anyway. So again, sometimes camera gets stuck in a certain area. It's the best thing to do is to just go and delete and start all over. So we'll just go back to textile Click one. That is not all caps and I just from there now a lot of design has to do with eyeballing it, so in this case, the font is actually 200 points. But that's because I'm using keynote to use it. And with this camera is using more of the traditional pixels or whatever. I think it's is for the fonts as faras font size. So I've wanted to be nice and substantial, so I'm just kind of going to go back and through here, mess with the spacing and adjust the size to something more substantial and appropriate. So that's nice That's nice size. Just pop that in the center for now, and I will use this for adding my subtitle and my subtitle. Is this right here for creating high quality infographics Question mark. So just go back to my camera and all type in for creating hi in campus. My computer's running a little bit slow since I've got the screen flow software running as well in the background and the webcam. So just bear with me. There we go for creating high quality infographics. Okay, so let's see, What's the font that I use? More than likely, I used the aerial. So with fonts and everything, when I pick a fine for an infographic at most, I'll use three funds, and that's like very, very rare that I'll use three funds. More than likely, it's going to be one or two funds. So I like to choose a family of fonts, meaning like a group of fonts that is, has a lot of variation. So vary aeration as n the regular, the bold italics and then, you know, regular regular italics, bold, bold italics. And if I can have more options, that's even better. So more than likely I'm gonna be creating infographics that have just 1 to 2 fund. So in this case, all of my fonts, and we'll just go ahead and check him. Are the aerial narrow or aerial narrow regular? So basically one fund and I am going to click herel narrow regular just the regular, this one right here for that and make it a bit bigger in a course, change the color Now with this one instead of white. I have it is gray, and why you have it as great is because it just helps it toe where it doesn't compete. It's toe where you know you're not looking at the, uh, the title and the subtitle all at once. Instead, since the title or the header is and white, it kind of grabs your attention first and then the subtitle below it, with it being in a rule light gray. It's like subdued in the background, So those are just a few of the things that you can do when you start to play with color. And also this color right here is the same color that we're using for these lines. However, let's see, in this case, let's go ahead and zoom in just a little bit closer. In this case, I might actually make it just a little bit a tad bit darker. Just so it's not competing as much toe where, you know, you get that stepped down from greedy ations and the colors and I'm just gonna allow this to be centered as well, because I think that looks nice for this infographic. Which means I'm just gonna play with this one a little bit. I'm gonna make it. I don't want it to be quite 64 as faras the size and I don't quite want it to be 56. So up here, I can actually type in the number that I'm warning. And in this case, I wanted to be 60. All right, now I'm just going to click on this like that and bump it up with my arrow keys and zoom out. Now, when I create infographics and everything, I do a lot of zooming and and out that way I can kind of see what it looks like from afar and what it looks like close up as well. I also do a lot of it orations, so I might have changed this toe like a 60 which it looks like it actually never even changed. So type in 60 and click returned this time toward actually makes it 60 and do that. So, yes, I just go back and forth a lot with my infographics as far as sizing what looks right and so on. All right. I think I've said that like five times. Now I've got that up there. Let's go ahead and start adding some more of this content such as these little titles, header titles and the info below them. All right, So what I'm doing right now is I am lining Might text box up with this circle toe where I know that this is dead center with the circle that is there. So those little details and things for lining things up, having them exactly in the center, they make all the difference when it comes to creating really high quality, professional looking infographics that look amazing. I also do a lot of copying and pasting. It helps with production of creating my infographics and knowing that I am, you know, not wasting time creating, you know, stuff. So basically, I'm just going to make this what it should be, which is their own narrow, bold and do a copy and paste. So do you see how this now is lined up exactly with that right there as faras the top of the teal or the light blue circle. So those little things again, it's about the details, You know, they say that God is in the details, and I highly believe that. Okay, So one of things I'm running into is this right here toe wear. I am running out of room for my actual text. So no big deal, because that's why you create a wire frame you create one just to know. Okay, this is basically where I want to lay things. It's kind of like a mind map. It's like, OK, this is kind of the structure in area that I'm going to arrange stuff and now I just have to go in and actually like a just as in tighten things up as we go. So for me, infographics start off really broad and then slowly I start to bring in the details. I'm a hone in. I might hone in, tow one particular detail and then move out. Look at the big picture again and focus my area in one area and just back and forth. So I'm gonna have to definitely create some adjustment for that.
13. Working with Content (P2): before I start messing with the circles and the text and so forth beneath the circles. I know that they're not right. And I know that they're going to need some adjusting, however, before I start making those adjust and fit properly. There's also other elements in my infographic that could and more than likely will change the like spacing and not necessarily the structure, but the sizing of my infographic altogether as faras the circles and the font size and things like that. So at this point, what I'm going to do is go ahead and start adding the other bits of content and making this , um, where I know exactly what I need to adjust and where I need to adjust it. So I'm gonna start adding other bits of content, such as naming these all correctly and adding this to the mix as well, because, you know, this will make a difference into how my infographic will look in the end. Hurry. So I may or may not make this a small as the Texas small is a 12 point type, but just I'm wanting to get an idea right now of how much face I have and what my overall picture looks like as far as content and spacing. So once I start kind of cramming everything into the page now, then I can start saying, Okay, this looks better. Like this looks looks better at this. Maybe I should move this into something like this. So it's just a matter of just going back and forth, playing with it and adding, Just keep adding content as you go and adjusting from there. - Okay , So I've got those put in there, and that starts to give me an idea of just how things were looking, the structure of it, what it's looking like and everything. So what I'm going to do now is I am going to next start adding my assets and just filling of page and seeing how things look.
14. Working with Content (P3): and before I make any more adjustments and everything, I'm going to go go ahead and at my assets that I have onto my infographic page that I'll be using. So I'm just going to take things and start to play somewhere. They need to be placed. It's all right.
15. Page Layout & Configuration (P1): Okay, so the next step is start honing in on the details and configuring a really solid page layout. So what I'm going to do now is I'm gonna go ahead and zoom in and start to make all of these images just a little bit smaller and yeah, so I'm gonna shift, click and click all these items and maketh Um, just a bit smaller. OK, so I'm going to use this top left image right up here to know exactly how big to make my images. That looks pretty good. Now I'm going to check it, such as use the spaceships and says a little toll. And then we'll use the create as faras looking How that lines up Now the time in the watch or clock looks pretty good. And the chest piece Okay, all of those items are looking pretty good snow. I'm just going to click off and adjust those to where they are in the correct position that I want them in. You see how now can va has this crosshairs to where it's like, OK, letting me know that now is perfectly lined up. So that's what I'm basically looking for with all of them is just to get that cross hair and lined them up perfectly. All right, that looks pretty good. Now. In some instances, I might actually go in and just manually adjust, like tweak, um, where it's looking like with this chest piece. Even though it's lined up perfectly. I just want it to be up just a little bit and over a touch, just because that helps it till look better to others. Light, for example, with this one not so much room on the top, even though it's supposedly cross haired and lined up perfectly. So it's just those little visual elements that make it all the better and help to adjust things. Toe Look just right. Okay, so a word about another word about icons. So with the icons and stuff, let's go ahead in Zuman just a little bit closer and up a little bit. Okay, so right here, we've got the access and we've got create. We have time. We have quick and we have upload. So with these areas, I've chosen icons based off of that key word that I have brought out. So in this case, access access to dozens of templates For me, this looks like an icon of what you might see of templates and so forth. So it kind of gives that universal meaning right there. Create as faras, you have an idea in your head. So we've got icon with a head and an idea or a light bulb shining up. So time time is pretty easy. Time could be easily represented through clocks or stopwatches. And quick, I chose the space shuttle because I want Teoh playoff of get moving quickly and or get moving and up to speak quickly. And the fastest form of fastest vehicle that we have right now in our existence as human beings is the space shuttle. And then I've got upload your own images, fonts and colors. Now you might think that a chess piece doesn't really have anything to do with upload. You know, I could have easily gone with, say, uh, an arrow pointing up and then, like a little shelf on the bottom to show that that's an upload icon, which is definitely would have gotten the point across. However, I want to just change it up a little bit, and that's what I like doing with my infographics. It's like, Well, I know you were kind of thinking this, Like with the time, however, let's kind of go just a little bit different to see how things look that way. So with this, I figured, you know, this is all about uploading your Foncier colors is all about brand your own brand in your own brand strategy. So instead, I use that invisible word strategy to portray the icon that I'm using. So strategy. I automatically think of chess pieces when I think of strategy. So even though it's not upload icon, it is definitely have to do with your branding because it's all about strategy.
16. Page Layout & Configuration (P2): lets start grouping items and playing mawr with page layout and configuration. So I'm just going to click this. I'm going to click the Yellow Circle and I am going Teoh stereo going back and forth Sometimes it doesn't want to actually click on the image, but there we go. So clicking the icon and clicking on the yellow circle let's go ahead and group those and I'm gonna group. The rest is Well, okay, So the reason why I'm grouping these icons with the circles is that I know that if nothing else, I want those two items to stay together now when it comes to, like this access and the text below it. So this information, the little header and the text I don't know if I necessarily will keep those a group like that because I may decide to instead have the information moving this way instead of up and down. So we'll see how everything looks okay, So I'm going to actually take this and move it out of my way right now. I've got that out of the way. That way I can see the page all at once, and I am going to click on these images, and I'm going to start moving them, so that could be interesting. I could have all the text. Come on, click. Let's zoom in a bit more. Okay, let's try this. Way to go. I'm gonna go ahead and groupings images these items together since canvas having a little bit of trouble keeping up. Or maybe it's my computer that's having trouble keeping up with Camba. Either way, I'm gonna go ahead and group these items. Group that with way a group. Make sure that fast. Just cruise that. So I'm clicking over here. I'm clicking. Then I'm shift clicking off of this a larger teal background because I don't need that group and then just going up here and clicking group just in case you're wondering what I was doing specifically okay. And having the text over here would allow me Teoh work. Perhaps better with the space that I have, and I might I might make the text bigger as well. So we'll zoom back out just a bit and I'm gonna zoom out even more just to make sure I know how that's looking. Okay, so I've got plenty of space up here, actually, sometimes too much, so I might mess with the header a bit more and I'm gonna go ahead and put my graphic here for my logo. So let's go ahead and add my free mind academy dot com logo. It's somewhere down here. Let's see which version and my wanting to use my trade this one See how that looks. Maybe not. That's taking up a lot of space. Okay, So instead of deleting, it will just pop it over here and try one that is more vertical. Poor horizontal. Okay, I am will pop it over here. That's a lot better. But I want that to be good. Invisible, not too small. So I might just go ahead and make this larger. This up here, I'll use my arrow keys to bring it up. You just eyeball where exactly it needs to go. And since I have the top centered and we'll zoom outs, you can see it as well to mount, not zoom in. Okay, so since I have this centered right now, I'll go ahead and alright, Alexa is just turning on. Um, yeah, anyway, Okay, So since that's all centered, I'll just go ahead and leave this centered for now and okay, I'm kind of liking all of that back to back. But now what I'm thinking about right now is flow. How do I get the best type of flow for my infographic? So zoom in a bit more back to something. Five. Okay, so I think I'm gonna make the text bigger. So I'm just going to click things shift, click. And I won't let me on group all of them at once. So I just go through and then group them one by one. This with text and make the spacing basically laugh. Kind of line that up like that. See how that's starting to look. Okay, so we've got this as a 16. I'm gonna go ahead and uniformly make all of the in 16 just basically playing around with the design, seeing how it looks. And this is exactly what I do. When I create infographics, it's just going back and forth, playing with it, seeing what looks best and, um, going from there and also being inspired as I go towards like All right, now that I've done this, let me go ahead. You know, that inspires me to do something else. So I want to make sure that these air all aligned left for now. Okay, so that goes across that way. This could actually go across this'll way that it's roughly see why did Let's try making this 3 72 as well. Theresa. Me too. Let's make the spacing toe where it is right Justified. We'll do the same with this. Click off. You're right. Justify. Right. Justify. There we go. Since this graphic is over here, we want people to automatically know that this left justified couldn't scroll back up. But this left justified area is for the information that's that way in the right. Justified is Thean Formacion for that icon. All right, let's change the justification on this because this is still centred way wanted to be left justified, meaning that it is hard left. All the text starts at a hard left area and goes out to the right. Right? Justified means that all the text starts right hard and then goes out to the left. Yeah, I'm just going in and visually lining things up so we'll make this all the way. Why they make this left justified. Line it up with the s. And I'm just gonna go through and do all things that way as well. All right. And that's what our Infographic is looking like right now. Things were just kind of out of place and a little bit of everywhere, but it will start all come together. So this is the fun part. Where is just It's like the storm before the calm. Is that right? The calm before the storm, the storm before the calm. Either way, this is basically a really great way to just kind of see how everything is starting to look and to play with different formats, structures and basically just kind of see Okay, does this work together? How is it going? Um, yeah. So see in the next video.
17. Page Layout & Configuration (P3): All right, let's go ahead and start honing this end and bring it home. What I'm gonna do is I am going to zoom in just a little bit to this, and that's pretty good right there. And I want to take a look at this infographic that I've got designed here. What? Ah, one of things I'm noticing is that, like, the graphics are bigger, the fonts bigger and just using up more space. Whereas this one has a lot more empty space in areas around it. So I'm gonna go ahead and make those adjustments. That's weird. Gotta love Camba. All right. And since that does keep happening, I'm just going to go ahead and click. Uh, reload. All right. And let's have those are lines back in. I'm kind of curious will look like if I add hm over here and just send backwards this spring. Things to Fracked. Look, let's just try those back together now. Copy and paste this over here. - It's just so that just disappeared entirely. Okay? Since it doesn't seem to want to do what I'm wanting it to dio, which sometimes is the case with, um online program software. And so forth. Is that me right now trying to use it as a like a professional platform. It's really pushing the boundaries. So sometimes you just got to go in and just for Nagel stuff, See what you can do And, you know, just keep moving forward from there. So I'm gonna group this. And so right now, I'm just basically trying to just kind of lying it up with how I'm wanting it to be very good. Get this lined up. Do this over. I'm going Teoh that smaller. So I'm actually going to bring it in list of having a on off. I just top of the place have this coming down way. It sits in there nicely, and we'll group those items together. Okay, h that's starting to look more how I'm liking it. Liking having some variation. It kind of creates a nice little kind of a triangle, Look off to the side like this, um, and gives it some very aeration as faras. Instead of having both of Thoenes great dotted lines, both e same with Earth, they might instead just giving him a slight variation. I think kind of gives it a little bit more visual interest. So now time to fix some of the small details, such as adjustments to say how close like this is Teoh here. Just a little bit of space. And this closer you can I'm gonna have the sexually stretch over because I think that nice in contrast, because what it does right now it's stretching all the way over is a nice contrast for actually, it's a nice compliment for this right here, since Thistle over here is stretching all the way across as well. And then we'll tighten this up a bit more way just makes it nice and tight. And I'm thinking that I am almost done with the Give it just a little bit more space to breathe That way it's not so close to the actual icon. Just give a little bit of space. I told. Bring that in a bit. Just a minute. The soft touch and I am I am liking that. So I think I'm done all right. I think this looks I mean, this definitely looks good. I'm happy with that, and this looks good as well as faras moving from a horizontal to a vertical format. Infographic using Camba and this one was done in keynote. So I'm thinking that looks pretty good. I'm thinking that, um I'm happy. I'm definitely happy with how it is looking. All right. And since I'm no longer needing this, I'm just gonna go ahead and trash that. And now we have justice template right here. Perfect.
18. Saving & Exporting Your Infographic: All right, So now that I've got my vertical format infographic saved of this right here, why use Camba for creating high quality infographics infographic? Now that I have that saved, what I'm gonna go ahead and do is, uh, basically just download it. So how I do that is I clicked. Download? I'm gonna click. I'm gonna I have several different options for saving this. I have the option of saving it as J pay. Jay Peak is useful for if I'm wanting to share it on, say, social media or something like that. So, like Facebook, Facebook accepts J pegs. They do not accept. You can upload a PNG files. So if I'm going to save it at Facebook, I would save it to your even Instagram as an image J peg would be it. P and G is for keeping like the file size small and saving it as like this type of graphic . Pdf is a course. It's portable document format and that allows basically anyone to be able to open it. P and G also pretty much do these days as well. So I'm going to save this as P and G, or what's recommended and I don't need transparent background because there's no transparency on it right now, and I'm just going to click download. An essential aspect of creativity is not being afraid to fail. That's definitely true, all right, and as we can see, it downloaded it right here, and I'm going to click on this and open it. And this is the infographic that we've got. So I think it looks really, really good. I'm quite pleased and happy with how it turned out. So there we go. That is exactly how you create. Actually, that's exactly how I go through my process. It's exactly how I go through my process of creating infographics, Um, Can. But like I was saying through here, it's a little bit odd sometimes win creating stuff. But it's just basically trying to find light back doors and windows and things that you can go and do what you're wanting to in the software in the platform as a whole. I'm very, very pleased with it, and from a professional like standpoint, it's a great program to use. Sure, it's not Adobe illustrator, Adobe and design or even photo shop, but it's not supposed to be Those platforms are nice, but they're also extremely one expensive into difficult to learn. So unless you're a professional graphic designer, I'd say Stick with Gamba and create your infographics and all kinds of other things from there.
Aisha Borel, Instructional Designer | Mind Map Lover
