Infographic Elements from Scratch in Illustrator

 

Lesson Info

Q & A

We have a question from Mary Anick who says, How would you add a label on the bottle? I know we just added the heart on there, but on the wine bottle. Yeah, so if we take anything that we've created. So this is gonna be my new label for the bottle. I wanna take this and turn whatever you've done into symbol. You can have type. Put it all together, create a label, do the type. Do whatever you want to. Drag it into your Symbols panel here. And everything that you drag in, everything you group together, that becomes your entire label. So if I put type on this, in this whole thing, that all has to be totally inclusive when I drag it into my Symbols panel. And then, you grab your object. And zoom in on it, so we can see. I'm gonna go back in and I'm gonna edit my 3D here in the Appearance panel. I'm gonna map the art and now, I've got, there's 21 surfaces on this bottle. So I need to click through here and I need to pay attention to the red, where it's showing up. It looks like it's on, w...

e're on the inside of the bottle here. I'm gonna keep going. Now we're on the outside of the bottle. On the outside of the bottle, I'm then gonna put my label in and drag it in here. Scale it to wherever I want to. And then, I put type in there. I would have that there, scale it, click Okay. Done. And there's my bottle with that little shape in there. Mm-hm. Nothing but fun. Another question that had come in from Margery is, is there any reason to expand the 3D shape? The only reason why you'd ever want to expand a 3D shape is if you wanted to go in there and edit each and every section separately. And I'll show you what happens when you expand a 3D shape. If you look really close, you can kind of see the banding and stuff like that in here, because the way it renders, isn't, I mean, this is not a high-end 3D rendering. It's very basic, it's cool for basic stuff. If I go under and I expand the appearance here, then what it'll do is it actually takes it out. And if we look at this whole thing here, that's what it gives me. So each and every one of those is a separate shape. So to answer your question, why would you ever do that? I don't know. You have three days to go ahead and you know, play around with. But in this case, too, if I'm gonna send this out to somebody like, as a final logo or something, I wouldn't want to leave it in this mode here, because I wouldn't trust it is going to work perfectly. I would definitely want to expand the appearance, so that what you see is what you get. And looks kind of interesting, but that moire pattern is also partly due to a display issue. You don't actually get these little lines right here in it. It's a little bit smoother than what you see. You can see as you zoom out, it looks like we get these moire patterns here. That doesn't actually exist in the final printed product. So something to just keep in mind, because it does kinda look like a kind of a foil-y plastic thing but it doesn't usually reproduce that way. So if you were gonna export that out you would go to file, export, and say how would you do that? So if I was gonna do this, I would probably do this in its own file, so I'm going to create a new file here and paste it right in here. If I wanted to use this for something for the web, I could take this file if I wanted to use this for my website, I could take the file and I could go under export and I could export as and then I could choose... Actually I'm not gonna choose export as, I'm gonna use export, I'm gonna choose export for screens. This gives me a little bit more input as to what I'm gonna do. So if i choose export for screens here, I can choose whether I want that to be a PNG, I don't want it to be a JPEG cause that's more for photographs, I can do it as a PNG file which is gonna be great for graphics like this, and I can choose the size in which I want it to be rendered at and then I can export this. And it'll allow me to export out to where its going, and it should export and I'm going to create a new tab in my browser. Its just how I view my files after I export files for the web. Open up a browser window, go under file open, and then I'm gonna navigate to that file where I saved it and open up that PNG or JPEG or GIF file right in the web browser and there it is.

Class Description

Infographics are an effective way to provide a visual representation of information. In this beginner-friendly class, Jason Hoppe will take you through image-making techniques in Illustrator to use when building Infographics.  

You'll learn about:
  • Common icons used in infographics and how to create them 
  • Creating patterns and effects 
  • Using the shape builder tool 
You’ll then use the elements you created in a simple info graphic that is flexible enough to use in multiple ways. This class comes with an Illustrator file containing all the graphics created in the class. A great bonus that you can customize and use in your projects, in addition to what you create on your own. Get started today!


Software Used: Adobe Illustrator CC 2015.2

Reviews

Patricia Green
 

This class is so much fun! I gobbled it up because I enjoyed every minute. It begins my journey into infographics, something I intend to put in my portfolio. Jason Hoppe is a great instructor who really knows his stuff. If you want to have fun with Illustrator, this is the class for you!

user-a27ddb
 

I bought the first version of the course of Infographics and I strongly recommend it to anyone who wants to learn how to use Illustrator. Exactly as he explains in the video, this is not a course just to learn how to make graphics. At the end of the course you will be able to develop just about anything in Illustrator. Really! All the knowledge I have today of this tool, started from this course of Infographics to which he refers. Not only the content is comprehensive, but Jason is a great teacher, explaining everything very, very simply. I'm looking forward to watching this update.

scuevas1023
 

Jason, you ROCK! I learned a lot of things during this class. Thank you for being such a great teacher and taking time to share your knowledge. Will continue to purchase your classes. Sandra