Skip to main content

art & design

Building Infographics in Illustrator

Lesson 21 of 21

Bringing It All Together and Becoming an Infographic Maker Part 2

Jason Hoppe

Building Infographics in Illustrator

Jason Hoppe

buy this class


Sale Ends Soon!

starting under


Unlock this classplus 2000+ more >

Lesson Info

21. Bringing It All Together and Becoming an Infographic Maker Part 2
Jason continues his demonstration of how to bring the various elements of the infographic together

Lesson Info

Bringing It All Together and Becoming an Infographic Maker Part 2

Now we have left room for kind of our bacon stuff, because you know, sorry, we gotta do bacon. Make sure I save all this stuff. So I'm gonna go in here and we got some really good bacon stuff here. And one of the things that we had done here was obviously, we had done this, that bacon right here. I've got my bacon consumption numbers, which we had worked on before. So I'm gonna come and I'm gonna plunk those in here. Wanna reduce those down so those are gonna fit nicely into one of those little columns right there. Scale it so that it fits. And we need to make that prominent because bacon is worth noticing. And now I've got some other really good bacon stuff right here. And copy this over, put this in as well. And this is why I like important information, fun information, interesting stuff, where you can make stuff graphical, you can make stuff type-based, you can go ahead and do fun stuff like this that starts to violate the space. You can do things like this that are really engaging,...

but it's all fun and visually interesting. So did you know why bacon is addictive? Because it contains six types of umami. I don't even know what that is. 'Kay? I don't know, somebody look that up, would ya, and find it out. That's why bacon is addictive. That's why bacon tastes so good. Umami is a, actually, it's a flavor profile similar to sweet. You know how you have sweet, you have sour, you have bitter, and umami is one of those tastes. Okay. So bacon. Bacon needs its own header. So I think what I'm gonna do here is I'm going to kind of break this out like so. And because it's a really big word, I'm going to go ahead and make it as a lighter color here so it doesn't have as much impact on here. But it kinda brings you in to the whole bacon theme right here. This is our bacon zone right here, and... If you want a strict definition, it's from the Japanese, and it strictly translates to pleasant, savory taste. Okay, I like that. So I don't know if I'm going to actually create an infographic for the addiction of bacon because that could just get really, really weird. So what I'm gonna do is I'm just going to make this so that all of my copy is just gonna be kind of like a nice little segue in here. So we bring this in. Again, I can't type, because it contains six types of umami. Alright, nice little fun piece. I'm gonna put it there, maybe do a flush right here so it kind of brings it in right there. And why does it now, spacing after all the paragraphs? Good old Illustrator. Yep. So a little tidbit there. Not much information, but I'm gonna go in here and I'm just going to make this about 80%, 70% gray so it's not that big. Now of course, we have to have pictures of bacon, right? Oh my gosh. What better way to do bacon but a line that we specifically do our Distort & Transform and turn into bacon. So with that, of course, smooth. Yeah, hello? Lots of them, lots of segments, lots of ripples. There it is. Okay, that's a little bit too much bacon. That's kinda like Fakin' Bacon. So I need less size, I need less ripples. Right there, click to preview. Right there, right there. Little bit less size, less size, less size. Oh yeah. Oh yeah, now we're in the fryin' zone. Go ahead, yep. And of course, the color of bacon. Bacon. Yep, there we go. No rounded edges on bacon. Bacon is square. 'Kay. And there's our bacon. Oh yeah. Now what's great about this is that we can use these as some awesome dividers in here. And I just think this would be like totally, totally perfect right here. I think I love bacon so much that I'm going to finish out the little section right here with this size. This is one of the things I don't like about the effects, because the effects change as you scale your object. So if you try to do different objects in here, the blasted non-sticky Preview button right there. There it is. Let's see, I think we want five. Okay, there we go. I'm going to go in and I'm going to duplicate my bacon. 'Kay? Great infographic for bacon, folks. I'm sorry, but it doesn't get much better than that. 'Kay? Wonderful. Now of course, we need eggs, 'kay? So of course, you can do eggs. And one of the things is that you can't really do a side version of like a fried egg, but you can go ahead and do a flat version of it, you know? So now I'm not getting picky here, you know? We're seeing things on the side and seeing things flat. But we are talking about eggs and bacon. So if you do want to do something here, of course, simple egg. Hello, you draw yourself a circle, 'kay? And we're gonna use a little white, maybe a little off-white here. And if we do this, it's going to be very light color, you know? Little bit of egg color. Right there, not much. And this obviously needs to be put on a different colored background here. But then I'm gonna take that same one, I'm gonna duplicate it and I'm gonna reduce it down and then I can go ahead and select the yellow right there from the name bacon. And there we have our egg right there, which works. I'm gonna make this actually gray so you can kinda see this a little bit better for now. I think this is gonna end up on a background. 'Kay, there it is. There is my egg right there. So now I got my egg, I got my bacon. And let's not yolk about that thing, 'kay? Now if I did wanna do like an actual egg egg, that's simple. That is just a circle. And then what I'm gonna do is I'm just gonna take my Direct Selection tool and I'm just going to kind of egg shape it like so, 'kay? And then it becomes an egg. And I can squish it, and I gots myself an egg right there. Actually, you know what? I like that better. Right there. Aha. Bacon and eggs right there. Eyedropper tool 'cause I need to make it a light color yellow. And there's my egg right there. Bacon and eggs. And I think with this, we need to do and eggs. But that needs to be really small because bacon is the important thing here. So I'm just gonna make that small. I'm gonna park it right under here. And eggs. Reduce it down in size. It's not insignificant, but it's pretty close to it. There we go. Now I got my little bacon, I got my eggs. And we have 50% bacon consumed on weekends, 49%, err, 59% consumed on weekdays, 41% on the weekends. Great little infographic there too. And we can do that and then what other information did we have here about our bacon and eggs? What do we have? Oh, here we go. These two, so I'm gonna go over here. And I already copied those over, didn't I? I did, right there. Bacon and eggs are eaten together 71% of the time. Totally useless thing, but great for fantastic filler. And that, I can tell ya, can go right here. So I'm gonna put this in. Put this over here. I think I'm gonna put Mr. Egg right here. And that can go right beside Mr. Egg. And doesn't need to be huge, that's for sure, but I think that would work really good if we turn it up so that we can see the sunny side of it. Yeah, I've been doing this too long, haven't I? (audience laughing) Don't encourage him. Don't encourage me, it only gets worse. (audience laughing) Let's see, eaten together 71% of the time. That egg definitely needs a little bit lovin', doesn't it? I think it needs a little doodle highlight, don't you? Mmhmm. Something like that. Well, our bacon's starting to look good. 1.7 billion pounds of bacon sold each year in the U.S. Wow. That's a fact that we need to know. All caps. So, something like this, I'm not gonna draw an infographic on because that's just gross. (chuckles) So what I'm gonna do here is I'm actually going to just do this in all type. And so I'm gonna take this whole thing, and this, I'm actually gonna spell this out just to see if I can get these things to break differently. Put that in there. And then, increase the size 'til it kinda fits in here on each one, and then I'm gonna kinda do just kind of the block part of it. I'm gonna adjust my leading as I go and my kerning too. Kern it in, make that all fit. Get that in there. Kern, track that. Leading right there, right there. And I think just having this be kind of an impact piece right there, I can do that. But the thing is is that I need to make this really, really, really light. I like having this impact here, but I think what I need to do is I need to make this kind of a really light yellow so we don't see it as much. So we get that information, it's there, but it's not going to be like tons of information. It's kind of light right there. So there, we got our little bacon stuff. We got all the bright bacon and egg colors in here, don't we? Mmhmm, definitely do. So the important part, yeah, that's being served with bacon, and part of the time here. Hmm, I think we need like a little bacon and egg romance here. Don't we? Yeah, I think we need one of these little things, but I just don't know how I want to include that in there. Hmm. Maybe that's right here. Yep, and then do that. Put that over there a little bit. And maybe this goes ahead and becomes a much lighter color. Yep, that can work as well. Keep calling on my color palette there. That's looking good. Now we got a lot of things going on here, and I think one of the things I've gotta do now is I've gotta put some color behind here. I'm gonna start to differentiate these things with shapes behind there, not with shapes of color, but with lighter and darker tints of the same color. Maybe knock some of 'em out to white so they kinda call themselves out here so we can actually see this stuff, 'cause I think it's coming together really well with stuff, or else I just think it's a train wreck and looks really cool. But actually, it is. I think we've got a lot of fun stuff here. If I turn the grid off right there, I can see that we got a lot of cool information all coming together. And you can see how building things and blocks and things like that are really helpful to what we're doing, and the grid structure really helps. So with this, I'm gonna add a layer to the back of everything. And this is gonna be the background color. And gonna draw a big container in the background here. Doesn't matter what color it is right now 'cause it's gonna be in the background. There it is. And now, oh, you know, that's not a bad color, the color of bacon. But of course, what's happened is that I've lost that little bacon strip. The sacrifices you have to make. Mmhmm. Right there. I think that's a bit too dark. I'm gonna go ahead and I'm going to use just one of my existing colors here and kind of bring it back. Yellow is always a nice soft color, especially if we kinda bring it in here, little touch of gray, actually kind of brown it up a little bit. So I got that. Don't wanna go too gray. Right there, that can work. Nice soft color seems to work pretty good. Doesn't work very well with the gray, but it starts to add a little bit of character to it. And then I'm gonna need to obviously go in and wherever I chose gray here, not a good color against that particular yellow. Let me go in and grab that yellow. Nope, I don't wanna do that 'cause I wanna make sure I just get those particular fills and not everything else. So that's gonna be that particular yellow. That could work just fine. But with this, I think my biggest issue is is I've got all these supermarket facts, and I need kind of a headline for each one of these. So I think I'm gonna move this all over here, right to that point. I think I need a little story here with the cost of everything as it goes. And I would like to kinda put a little box around this to kinda bring these together. And I'm gonna use my grid structure for this. So I'm gonna put in a new layer here, and this is actually gonna be my boxes in back of things. I'll lock my artwork right now. And I don't know if I'm gonna use like rounded corners or what. I may use just slightly rounded corner boxes here to kinda give it a softer edge or round some corners and not others. So if there's my rounded corner box, and I just go in here and I'm gonna make that white. Is that white? Yeah, that's white. Well, why does it look kinda gray? Guess I've been looking at things too long here. Turn off my grid to kinda see. And that boxes layer, I do not want that to have a yellow border around it. There we go. Okay, now I can see that. And I'll lock my boxes, go back to my artwork. Grab each one of these here and I'm just gonna reduce this down in size, ever so slightly. So we get this nice little buffer in there. I'm gonna move that there. Move this over here. Select everything. Distribute everything between the centers. No, not align them in the centers, distribute them. That looks good. And then I can put a little story in here of the average cost of, that needs to be all caps. Lowercase just doesn't look good in that font. There we go. Actually gonna copy this. And this is the average cost of groceries, groceries, per family. Per family. Increase the size of that. Spread that out a bit right there, so it tells a little bit of the story. And kinda gives a nice little impact right there, balanced right in. Turn the grid structure off here. No, that's not that. That's the grid structure. There it is. Cool, okay. Yeah, that's kinda working. And I've got my butter cost here. I think my butter costs are gonna stay with the yellow in the background. This electricity use, I think I need to a little bit more explaining on this right here, because I think it doesn't, 'cause nobody knows what the electricity use is in an average grocery store. Course, decrease the size of the font, spell grocery correctly. Got all the right letters in there. Bring that right up. Kern that together a little bit more. Bring that down. Track that out a bit like that. I think that works. With this, I don't know that I'll actually wanna call this out very much. So I think I'm gonna grab my little dotted apple cider bar right here and I'm just gonna turn this and I'm gonna rotate this, and I'm just gonna park it kind of here where the divider is. And then that fill, I'm just gonna go in and select that fill right there and do that. Of course, I can't do that because then I'm gonna lose my dots right there. So I do that, and then I can go ahead and I can sample this. But it's Illustrator, so of course, I cannot go in and sample the color. So I have to draw the box. Then I have to sample the color. Then I have to put the stroke around the box. I wish I could just take that and drag that right on there. You know what? It's staying green. Okay, so you can here, when I do something like this, I do like that blue, so what is that blue here? 58, 36, 30, 13. 58, 36, 30, 13. There we go, there's our blue. So you see how that blue kinda ties in? But it doesn't really bring that whole thing out. I don't need to put anything in the bottom here to box it in. But it just kinda breaks things out very nicely. This is its own little piece right here. This is kind of a fun little tidbit. I may go in here and put a different color in here. So I may just draw one of my rounded boxes here. And on my boxes, I'm gonna go in here, and I'm just gonna draw, it's gonna snap right to my grid structure. With this, I'm going to use the white back there, but with the white, I'm actually going to add just a little hint of a yellow here, so I'm gonna grab the yellow. Eyedropper, yellow, I'm just gonna back it off a bit so it's not completely white. It's just slightly lighter here. Gonna lock that down. Get rid of my color here. Gonna grab all of this and kinda reduce it down in size so it fits within my little box. I do wanna check my grid structure 'cause I wanna make sure that this box actually fits the grid structure and keep snapping everything to it. This is going to make sure that I align everything, and I'm gonna make sure that goes to that path. This is going to come over here. That's probably just gonna bisect that. That's gonna come over here and touch that path, perfectly like so. There. And now I can put this here, put that there. Just leave some empty space. Turn back off my grid structure. There it is. I like this, this kind of breaks it up. This right here, I think this is going to be white as well. Of course, now my guy is no longer white. So then he needs to become, what color does he need to become? Blue? No. That color? No. Green? Sure. Why not? Right there. Unfortunately, we can't really see the edge of that barrel now. That's the only problem. So don't really know that that's a barrel. Hmm. So you know what? I think we add a little suggestive detail in here. So there it is. I'm gonna go in, and I'm gonna take my Ellipse tool right here, and I wanna go and I'm gonna draw right through here and kinda draw those little rounded ends like so. Gonna lose the ends right there, but I'm gonna connect the ends using my Command + J. Got that. Fill that in. So I can kind of imply little barrel right there, like so, so I kinda give that little icon so it looks like a barrel. Go ahead and copy this whole thing. Option + Click and drag, use my Reflect tool so that I can go and reflect right over the surface right there, create the little mirror. Move that over, park that in place. So they kinda nest right in there. And now what that does is that kinda gives the highlight out there, kinda makes the barrel so it looks like a barrel right there. Sure thing. Okay. Well now we have our little shopping cart accident. Our Mr. Bacon here, I think this also requires a nice little standout box as well. So I'm gonna go up to my boxes yet again and I'm gonna copy this one, wanna park that in there. I need to have my grid turned on so I can see right where I'm going to be with my grid structure, so that I snap that to it and I make sure that I'm lining it up with everything else here because anything that's slightly off is gonna look kinda weird. And so there it is. Grab my ends right there. Put my bacon, you know, I may just go off the end here, just like that. And I'm gonna make sure that everything inside here just kind of stays a nice little distance away from the edges. So all this is going to just kinda come up a bit from the edges so it doesn't get in there. This, gonna cheat. That needs to come down, that needs to come down, that needs to come down. All that. Cheat that ever so slightly. I know I shouldn't be, but I did. Mmhmm, keep the spacing the same around everything too. Lot of stuff packed in here, but we kinda call that out. So that's looking kinda cool, kinda fun as well. We have our little apple cider thing. I've got some other information that I think we need to put in here that we haven't put in yet. Oh, you know one of the things. (chuckles) Here it is. The top 10 items purchased at the grocery store. I mean, that's really important. Bar codes, you know I'd like to put that in. Do you know they were first used on rail cars and the original one was actually a bullseye? And trivia, first bar code was used on a pack of gum. Did you know? Wrigley's gum was the first one that had it, yep. Very cool. So we're working through all this stuff here. We got all this information here. Yep, the butter, the lighting, the average cost, all that stuff, good, we got that in. Top 10 items purchased at a grocery store. Yep, this is good because now, this is gonna fill up a lot of our space. And I think what we're gonna do here is I am going to drop, oop, I don't wanna do that. That's gonna be my background color, lock that. I'm gonna grab all of this here and I'm gonna put this, well, I don't know where I'm gonna put this. I'm gonna put this off to the side here and this off to the side, 'cause those are good. This little thing's a great little throwaway right in the middle of the whole thing. Boom. May even reduce that down so it fits right in there. Yeah, 'cause that fits nice in there. I like that a lot. Okay. So now one of the things, I wanna do the top 10 things purchased at the grocery store. Piece that in there. Top 10 things purchased at the grocery store. This could be a nice list. I can do it in different ways, but let's just do little infographics with every single one. Just do a list, infographics. Boom, boom, boom, boom, boom. 'Cause what, we got 15 minutes? What the heck? We can do this, folks. We are gonna do this. 'Kay? So there's gonna be my list and I'm gonna do the list in light and I'm gonna increase the size there. Top 10 items purchased in a grocery store. Okay, this needs to be all caps as well. There it is, great. Back to the Selection tool. Top 10 items purchased in a grocery store. I think this is gonna make a nice list right here. And that's gonna be my headline. There it is. And there's my list. Wonderful. I don't know that I actually need to have the numbers here, but I'll see. Let's see, double-click on that, change it to paragraph type, there we go. Now I can go in. Purchased in a grocery store, great. Now this needs to be made bold because it's gonna be the headline here. And then I can go in and I can sample the color. Top 10 items purchased in a grocery store. Kern that out just a bit so that I can make that all kind of flush right without actually making it all flush right. Okay, pretty close. There we go, shore that up. Wonderful. So here's my top 10 items. I don't know that I actually want the numbers here because it kind of, I don't wanna make it all listy and everything. So I think I'm gonna do is I'm gonna do a staggered list, where I'm gonna go back and forth and back and forth. So basically, we'll have an icon, name, name, icon, things like that. So here's my content right there. So here's the marathon. Little did I know, I've already done milk, or I've already done soda and bread and beer, snacks, easy, cheese, not a problem, frozen dinners, yep, cereal, cool box, fine, not a problem, cigarettes, done, okay. So first of all, we need to do soda. Look at that soda can. Okay, great, ungroup the whole thing, grab Mr. Soda Can right there, ungroup that again, grab Mr. Soda Can, copy it, come right over here, and park Mr. Soda Can right there. Scale the whole thing, but I need that stroke to be scaled as well. There we go, Mr. Soda Can. Yep. So you know what? I need my colors down here because I need to use 'em right here. Copy them, rotate them, bring them on down in size. Park them close to everything. Now I gots 'em there. Okay, soda can. Soda, soda, soda. Soda always looks good in red. Yeah, I think so, 'cause beer is gonna become blue. Yep. So I'm gonna group that together. There it is. Item right there, kinda line it up. I think that's a bit big. I'm gonna take the word soda, cut it out of there, paste it right there, soda. Mmhmm, okay. And then I'm gonna do milk as well. So I'm gonna make sure that this kinda sits right there at the baseline. Right, and then milk. That's gonna come over here. And I need to do a milk carton. Milk carton, pfft, simple. Yep, rectangle, always got a square bottom. Sure does. And then we do a triangle on the top. Yep, right there. That gets parked right inside there. Right to the edge, boom. Intersect right there. Bring that on up. Merge those together. And of course, the most important part right there, we have to flat, oop, wrong key. Flatten the top. There it is, and then of course, rounded rectangle. Put something right on there, boom, 'cause we have to have our little fin right on the top there. Yes, we do. There's a milk carton, boom. Milk carton, yep, that's gonna be white. No question about it. Boom. Select it, make it white. There we go, milk carton. Now of course, milk is kind of hard to understand, so we have to do a cow, right? And of course, what better way to do a cow but this way? 'Kay? Because all cows have a round face, yes? Mmhmm. And then of course, we got eyeballs. Yes, right there. Mmhmm. And then we of course, we have to have the little nose because the nose, of course, course with the nose, we have to have a little circle. Am I making a piggy instead? (audience member chuckling) I think the bacon's on my mind. No, 'cause cow's nose have to be kind of flat, don't they? Yes? Okay, I may be falling down in the whole cow department. And it needs horns, right? I think I'm making a pig. Mmhmm. Yeah, I need horns. Forget the cow. We'll just put a missing person on here. Here we go. Logo, beautiful. (chuckles) Milk carton. (chuckles) Alright, group that together. Make sure that I size that kind of appropriately. Gonna throw in milk over here, right there, okay. So, you know, maybe soda goes up here, milk goes down there. And that needs a little bit more contrast as well. So I think we can get away with blue on the milk right there. And then of course, then we have to have the picture of the missing person on there, and that needs to be white so that it knocks it out nicely. Hit Escape, get out of my mode right there. Okay, that still is a bit big. That needs to come down a bit more in proportion, okay. So we got soda, we got milk. Bread, simple. Already did our slice right up here. I knew I did this on purpose. Copy my bread right here, put it in here, boom. There's my bread. Copy this right down here. So how's the chat room doing? Chat room's doing great. How's our chat room host doing? Awesome. (instructor chuckling) Hey, I just wanna do a shout-out to Sylvia McCrory who posted an excellent, excellent graphic that she's been, she's an art director and a photographer. Awesome. And she built a graphic based on what she's learned in this class and just did a really awesome job, so kudos to her. Wonderful. I can't wait to see that, I really do, 'cause I absolutely love to see what other people do with this stuff. And yeah. So of course, beer has to be blue, right? Obviously. And so we have our blue beer can, and then of course, we have to have our ribbon on there. Yeah, uh huh, yes. And of course, we know how to make ribbons, right? Course we do. That's the whole point. So then I'm gonna go in and I'm gonna make my ribbon. And with that ribbon, of course, I'm going to quickly do my same ribbon thing that I did before. Use my Eyedropper tool, grab that, kinda darken that up. Actually, we used light, didn't we down there? So I'm gonna do just a kind of the gray on the ribbon. Right there. That goes like that. That goes in front. This gets copied. This gets reflected on there. Put over there. See how fast you can do a ribbon when you know what you're doing? There it is, do the ends. Park that, bring it right back in there, extend the ribbon on out. Send the ribbon behind like that. And there's our beer with a nice ribbon. Needs to be a little bit more rounded, but hey, you know? Given the time here, we gotta get this stuff done. So there's gonna be my beer. Beautiful, right there. Happens to be the same color of the milk carton. Okay. Ooh, snacks. Mmm, snacks can be fun, can't they? What should we do for snacks? I would like to do cheesy poofs, but I can't do three-dimensional. Mmhmm. Little chips bag? Yeah, we can do a little bag of chips. Yeah. Mmhmm, absolutely. Bag of chips, okay. So gonna do a bag of chips right here. We're gonna draw a little bag right there. And with this, how to do a little bag of chips? Nope, we're gonna do this instead. I'm gonna go in and I'm gonna draw a really big oval, like this. And then I'm going to go and I'm gonna chop the top off of the bag right there with the Pathfinder. Gonna do the same thing, I'm gonna chop the bottom of the bag off with the Pathfinder, right there. Select both of 'em before I can chop that off, and there I have my bag. But then I'm gonna go ahead and I'm gonna condense the whole thing. So I got my little bag of chips right there. Yeah, that'll work. Bag of chips, yep. Bag of chips is going to be that color. Crunchy little num-nums. And of course, what's the perfect little shape that we put on there? Of course, a triangle because all chips are triangular. There it is. Maybe it's a little yellow chip on top there. Sure. Think it needs to be a brighter yellow chip. Yes. And then we're gonna put that on the bag there. And of course, to keep in mind with what it is that we're doing here, I'm gonna put a big X in the middle there. Do you know why we're putting the X in the middle of there? Any idea? Because it's nacho cheese. (audience member chuckling) (instructor chuckling) (audience chuckling) It happens, folks. It happens all the time. You can imagine what's going through my mind and what I'm not saying. Mmhmm, I know, there it is. There it is, snacks with the X so it can be nacho cheese. Okay, and then of course, we have cheese. And you know, what better way to do cheese than to go in and do a nice little, I'm gonna do a ellipse right there. Take the cheese, and of course, I'm going to do what to the cheese? I'm going to slice it. (audience chuckling) (instructor chuckling) And so I just want a brick of cheese, and I'm going to actually use the Pen tool with this because I want to be able to do a nice little roundy piece of cheese with that, and I can make that yellow. So I've got the little cheese. If I wanna put little circles in there, I could to make it Swiss. And see, one of the things is that I'm kinda adding little elements to each one of these so I think I really need to add a little hole in this right here in order to make this Swiss cheese, just because. Maybe make that one a little bit smaller. And maybe go in and make that one even smaller. There we go. Just because I wanna kinda keep a similar feel to the whole thing. 'Cause even now, I think my bread needs butter. I really do. I can't do it without the butter here. Let's see here. I'm gonna paste that right in the middle. Paste, good, there's the butter. That way, keep all my icons consistent. They're all two-dimensional and they all have little bits and pieces of things in there. So now I'm gonna put my cheese up over here, I'm gonna scale it to fit right there. This becomes my cheese. Paste that over there. Put that in. 'Kay. Now, frozen dinners, cereal, wine, cigarettes. Slice of pizza. Looks like a slice of pizza. Maybe I need to rotate this. Nah, it still looks like a slice of pizza. Maybe it needs to be foreshortened. Nah, leave it alone. Needs to be made a little bit smaller, 'cause that's for sure, 'kay? Okay, so frozen dinners. Ooh, that's kinda tricky, isn't it? Yep. Frozen dinners. Now that's pretty simple. A box that of course is blue. And that we go in and we put little bacon waves on top of because we show that we do this, oop, this is what I don't like. Zig Zag, I gotta make it smaller. Click on the Preview. Make it a little bit smaller overall, less zigzags right there. Yeah, bring that down in size. There we go. Got that. And those are going to be filled like that. And there's our frozen dinner. Does that work? Good, I thought so. Alrighty then. So there's our frozen dinner. Turn off my grid structure here so I can see. Cereal, simple, nice little box. Right there. What color is my cereal? Definitely a yellow box right there. We're gonna have little Fruity O's in there. Fruity O's. Do that, those get borders, boom, boom, boom, like so. One little Fruity O, two little Fruity O, Fru-Fru-Fruity O. There we go. There's a little box of cereal. Mmhmm. Reduce that down in size. Swing that over here. Break out that. Paste that there. Put that in there. Wine and cigarettes, interesting. Top 10 things that you buy at a supermarket. Why do I feel like I'm on a game show? Wine, yep. Easy to do, simple. We can draw a nice little wine bottle. Chop off the top of it right here. Boom, actually, not a wine bottle, a wine glass. But I'm just gonna do a wine glass anyway. Chop off the top of it. Yep. Round, nice little border running right down the middle, like so. Don't wanna make it too thin, 'cause when I scale it, I don't wanna lose that right there. I think I wanna make it a little bit bigger as well. Awesome, come down here. Use my polygon, draw my triangle here. Flatten out my triangle completely so it does that, bring it all together, put that there. Go in, move that up a little bit so it's not too tall, not too stubby, but at least it holds a gallon of wine. Put that in there. That, of course, needs to be red. And I'm gonna take my Eyedropper tool, and I have a really good red right here, and this is my apple red, isn't it? Apple, apple, apple, beautiful. Right there. There's my red wine right there, grab the word wine right here. Course, I need a little highlight on the glass because I've been putting it on everything else. So again, draw a circle. Ellipse, right here. Draw that. Go ahead, switch it over to the stroke right there. Get rid of the top, get rid of the side, round the corners. The Eyedropper tool, get the color. Course, round the corners again. Do everything I just did. And think I'm gonna change the color here, make it substantially lighter so you get a nice little highlight there. Put it on there and I got my little highlight for my wine glass. Beautiful. Love it. And then the last thing is cigarettes, which we have done before. Those are easy because that is literally this. Those are definitely brown. No question about it. Actually, they're white, but we're gonna make 'em brown anyway. And oop. Copy this, ungroup it. Grab it right here. Cigarette, mmhmm. Group it, put it together. Throw it in there, cigarette. (instructor sighing in relief) (audience member chuckling) Nice. So while we didn't get everything all put together, we sure got an awful lot done in this amount of time. Yeah, we did. Clearly, I need to kind of organize this stuff. But I just wanted to turn on my one last grid here just to kinda show you, 'cause this could become a nice little shape. I definitely form these to the grid. I got a little bit sloppy there. But let me at least put these things in here. So we've got something like this. We definitely have more room for other little items here as well. And this can be a lot of fun as we go through, fit that to the grid structure. Gotta reduce that in size a little bit. And overall, folks, I think we did darn good for two days of building infographics. Brilliant, nicely done. Congratulations, it looks really cool. Folks are really liking it out here. I passed the test! (audience member chuckling) I feel like Sally Field. They like me, they really! (moderator chuckling)

Class Description


  • Create basic shapes and icons

  • Add dimensions, textures, and effects to your infographic design

  • Build a grid structure and design within the grid

  • Design a pie chart


You see them everywhere—magazines and newspapers, websites and blogs, social media platforms and TV news shows. Infographics have become one of the most popular data visualization tools used to explain complex information and make a point. But while infographics might appear simple and straightforward at first glance, creating a truly effective and beautiful infographic takes thoughtfulness and skill.

Adobe Certified Expert and Instructor Jason Hoppe will show you how to make an infographic using Adobe® Illustrator®, the industry standard design tool for creating powerful, compelling and beautiful infographics that stand out from the crowd.

This class will help you:

  • Organize and explain complex data sets with infographics.

  • Use color to express the tone and ideas behind your graphic.

  • Explore typography and use it to advance your concept.

  • Tie all of your elements together in a unified, beautiful infographic.

In this intensive course, you’ll learn to use Adobe Illustrator like a pro—no graphic design skills required. Whether you're a designer or non-designer, you’ll learn to create icons using basic shapes, fills, strokes, and textures; learn how to choose easy-to-read fonts and typefaces that make a statement and tie ideas together, and build a wireframe for your layout and transform it into a finished infographic. By the end, you’ll know everything there is to know about using Adobe Illustrator to create infographics that engage viewers, share information, and tell stories.


  • People at all levels (designers and non-designers) who want to get specific, intensive instruction in building infographics with Adobe Illustrator.

  • Those who know the basics of Adobe Illustrator, but not well enough to design a professional-looking infographic.

  • People who don’t know how to access and use all of the helpful tools and effects in Adobe Illustrator that can take their graphics to the next level.


Adobe Illustrator CC 2014

Class Materials

Free Bonus Materials

Jason Hoppe - AI Infographics Course Outline.pdf

Ratings and Reviews

Student Work

Related Classes



I'm not even through the second day yet and I'm thrilled with this class! Only thing, I wish he would go slower BUT then again, if he did, we wouldn't get SO MUCH information. I'm glad I purchased the class so I can go back and replay to my heart's content. Even though this class is based on creating infographics, the wealth of information is perfect for any project using Illustrator. I do wish he would have shown how to work with corners (for example) for those of us who do not have CC (I'm in CS6) so we could learn the "hard way without widgets" and the easier way with widgets. Jason is very funny and I love his direct approach to getting the job done while knocking a clients socks off. I look forward to many more classes taught by Jason.

a Creativelive Student

Another amazing class from a man with a seemingly unbelievably clear mind. So great at conveying the concepts of the program so that you can effectively learn actual methods but also walk away with enough information on the way the software is organized so that figuring out a solution to a design challenge, on your own, is light years easier and faster. i am thrilled with the broader grasp of the possibilities i learned. i could go on and on. It is absolutely a class worth taking whatever your level of expertise.


Loved the class, learnt so much from Jason even if he talks a little fast sometimes he is still very funny and makes it look so easy, would love to buy his indesign class too love watching him, excellent teacher.