Skip to main content

3D Rendering

Lesson 8 from: Adobe Illustrator CC: Vector Art Using Adobe Stock

Jason Hoppe

buy this class


Sale Ends Soon!

starting under


Unlock this classplus 2200+ more >

Lesson Info

8. 3D Rendering

Lesson Info

3D Rendering

The client has come back and said, "okay, that coffee logo that you did, you know, I like it a lot." It's like okay, great. And they're like, "I need to see this on, you know, other elements." And it's like, and it's like, "can you put it on a coffee cup?" And it's like, "sure, I can put it on a coffee cup. Here, let me make a coffee cup for ya." And it's like, okay, so here's the coffee cup, and I'm gonna make a coffee cup for ya. Close this out. It's like okay, there's the coffee cup, alright? And so, you want that logo on there, great. Okay, there it is. And they're like, "Oh, no, it's gotta be better than that." (audience laughs) It's like, "okay, let me fix that for ya." Okay, how's that? And they're like, "no, I actually want to see it on the coffee cup itself. Like, on a coffee mug." And it's like (deep inhale), "oh no." But, we're gonna show you how to render it, on a three-dimensional object. So, what I've actually done, is, I've created this file, it's really simple. And I've...

created this file before we got started, here. And, it really is quite easy to do. So, I'm gonna go into my Illustrator file, and I've actually created this little thing, called Coffee Cup Profile. Which is, really simple, okay, there's nothing special about this at all. This is literally the profile of a half of a coffee cup. And the way this works is, really, really, really simple. I just want to create a coffee cup. And a coffee cup is nothing more than a cylinder, with an open on the top, and a flat bottom. So when I create something like this, using the three-dimensional affects in Illustrator, I'm just gonna create half of the profile. If you were to take a cup and cut it in half, I just need this. I'm literally gonna revolve this around my entire object. And, it's open at the top, so just figure this whole thing, if you were to flip this over here, and I were to go ahead and reflect this here, and put this together, this would be the profile of my coffee mug, okay? With the rounded top, and edges, and everything. That's what it's gonna be. So, what I'm going to do is, I'm going to bring in my logo right here, I'm actually going to open it up, and I'm gonna copy this into here. Go to my Coffee Cup Profile, there it is, and I'm gonna paste this in here for now, just to have this, okay. I'm gonna come back to that logo. I take my coffee cup, and I'm gonna select the profile here, I'm gonna go into the affect menu, and I wanna render this as a three-dimensional object. Now, the stroke of the coffee cup is actually a medium brown, because that's the color I want my coffee cup. If I want it to be a lighter brown, I'm gonna just do this stroke as a lighter brown, because that's gonna be my object. It could be the stroke, or it could be the fill, it really doesn't matter, the color on the outside is what the coffee mug's going to be. Maybe I want this to be a little bit lighter here, so I can see the logo really well. So, I'm just gonna lighten it up. So there's my coffee mug. I'm gonna take that object, under the affect menu, choose 3D, and I'm gonna revolve this around, to create an open cylinder. So, I'm gonna choose revolve, and you have to click on the preview button here, and it looks like a little spindle because it's rotating from the left edge. I want it to rotate from the right edge. This is the left edge here, this is the right edge. I rotate it around, there's my little coffee mug. (audience laughs) I know, isn't that awesome? By the way, like if you really wanna freak people out, you can show them, like a cross-section of the coffee mug, (audience laughter) so it revolves around completely, okay? So there you go. There's my entire coffee mug. The blue surface, is the surface that you're actually looking at here, so I could tip the coffee mug up, and you could see how that works. It takes a lot of rendering power here, so, there it is, and it's like, awesome, okay? The handle's in back, by the way. (audience laughs) Wink wink. Okay, there it is. So now I'd like to go ahead, and I'd like to map this logo to my coffee mug. So, when I click on the map art right here, I can go in, and I can choose where my artwork is. Which, you notice that it requires it to be a symbol. It's like, ahhh, so my artwork isn't here, because I have to turn it into a symbol. Simple, okay? So, I'm gonna click OK here, and there's my artwork that's rendered. If you wanna put any artwork on any rendered object, you have to turn that artwork into a symbol. And it's simple. Any artwork that you have in Illustrator, you just simply turn into a symbol, and you're done. So I'm gonna take this logo that I have here, I'm gonna call up my symbols panel, go under Window, gonna go down to Symbols, there it is. I'm gonna take this object, and I'm gonna turn it into a symbol, by grabbing my vector artwork here, dragging it into the symbols panel. I'm gonna call this my Lotsa logo. It's not a movie clip, it's just a graphic, okay? I click OK, awesome, okay? It is now a symbol. What does that mean? Well, in this case, nothing, it just allows us to now map this to the artwork. So, I'm gonna select my cup, and I want to map this to the artwork, well, how do I get back in to my artwork? How do I get back into my 3D? I can't go back here, and go back to my 3D, because if I do, it's gonna say, "Do you want to start all over?" No. I wanna go to my appearance panel, to go in and edit my appearance of this. So, I'm gonna go back under Window, Appearance, and I'm going to edit my 3D, okay? So there's my 3D affect, and I want to click on this, to bring this back in. Annoying feature, you gotta keep pressing Preview. This is how I go in and I edit my 3-dimensional object. So there it is. I'm gonna map my artwork. And the symbol is right here. And I do this wrong so many times, I can't pick the symbol first, what I have to do is, I have to go in, and I have to find the surface that I want to put this symbol on first, before I pick my symbol. There's seven surfaces on this coffee mug, right here. Indicated by the red lines. I have to go through those surfaces, that's the inside, this is the top edge, okay? This is the outside edge, right there, which is where I wanna put my symbol. And sometimes it's hard to understand. The gray area is the area that we don't see, that's the area that's hidden. The light area is the area that we do see. So once we get to the surface that we want to be on, then we can choose the symbol that we want to put on there. There's my logo, make sure it's not in the dark side, you know? And I'm gonna scale this up, and I'm gonna put it on here, wherever I want to, on my coffee. I know, is that not awesome? You wanna just kinda, like, have a little bit of fun, put it around the corner there, be like, all cool, (audience laughs) or, you know, just have it like, there you go, sneak it there, up, you know, down, awesome. There you go. Click OK. Click OK. There you go. I know, is that, I mean, is that not fun? Now you like, wanna map it to everything. (audience laughs) And the only thing is, it just has to be a symbol. And a symbol is nothing more, than taking an object like this, and just putting it into your symbols panel, so it can become a symbol. That's it. That's all you have to have. And with a symbol panel there, you can just take it, put it in there, boom. It's a symbol. And now you can map your artwork, you know, it can't be a linked image, I've gotta, double-click and open the egg, and then paste it in there, and make it a symbol. But there it is, there's our really cool coffee mug. And, what's cool with this, is that if I go back and I select my original artwork, which is that little thing right there, and I change the colors of it right here, I can dynamically change the color of the cup, without having to go through the whole re-render process. Right there. I know. (audience laughs) Isn't that awesome? So all this vector artwork that we've been able to go through, and search on Adobe stock, we can, we can use this, and we can use all the things that we've learned in Illustrator. Cool feature, now we can actually crop our images, which is great. Something we couldn't do before. But we haven't been able to, we had to do some 3D rendering here, we've been able to create some graphics that we can go ahead and export, for our mobile devices. So, if we're doing UI, UX stuff right there, create a whole series of cards, as well, look at all the stuff we could do. All by going through, and using Adobe stock. And you could practically know nothing about it, and still create awesome things. Pretty sweet. And it's fun to do, too. I know, what more could you ask for? (audience laughs) Because there's always more. So do you export this 3D rendering the same way you exported the other? I could save this as a PDF, I could just simply print this, or I could just save this as an Illustrator file, to import into something else, yep. Because, what you see on-screen here, is basically the final render of it. So, if I want to save this as something, export it, save it as a PDF, whatever my end use could be. I could take this whole thing and drop it right into my library right here, and have everything right there with it. Because it's just an Illustrator file, like all the other Illustrator files. If I wanted to put this into In Design, I could. I could open this up in photo shop, sure. Yep, it's all right there. Still editable, still Illustrator.

Class Materials

Bonus Materials with Purchase

Adobe Stock Get Started

Ratings and Reviews

Eugenia Van Bremen

I really think this amazing class is misnamed. It does show how to use Adobe Stock to find vector art, yes, but it shows so much more about how to use libraries as well as a ridiculous number of time-saving tips for streamlining your Illustrator workflow. And the vector art used could come from anywhere. I personally don't care to use Adobe Stock, which is why I nearly passed up on watching this class, but man am I glad I decided to check it out. Jason is a delightful teacher, clearly very excited to show people how to work faster and smarter and his tips and techniques for working faster are outstanding. I knew quite a few of them already, but there were also many that I didn't know and that will make a massive difference to how I approach working in Adobe in the future. This really is an outstanding class. I can't recommend it enough.

Tomas Verver

Adobe Stock has a lot of pre-made templates styles you can use in your design. You can customize the content and make nice variations. Jasom explains that you not always have to start from zero. I agree that that the possibilities with assets are endless. Adobe Stock is just one libary though.

a Creativelive Student

Even though this course is described as focusing on Adobe Stock, Jason Hoppe offered so many timesavers and shortcuts—I had to purchase the course to remember them all. I found this course very helpful and full of shortcuts that promise to streamline my workflow.

Student Work