How to Make a 3D Coffee Cup in Adobe Illustrator using Mapping

how to make a 3d coffee cup in adobe illustrator a VectorMaid.com tutorial hey guys Cary Hawkins here with another VectorMaid.com tutorial today we're going to talk about making 3d objects in Illustrator I'm gonna go ahead and do this coffee cup here that I grabbed offline I have done some work for some coffee roast card things that are you gonna be used at a restaurant that's inside of a furniture store so anyway I want to make a mock up 3d model of what the their logo might look like on a coffee cup so let's jump in so first thing I want to do is grab an image here I've got the coffee image that I'm going to make a model after and I'm just gonna use this as a reference point so what you want to do is lock your reference image I hit ctrl - to lock it so now I can't select it it's not going anywhere that's good and then come over and grab your pen tool and what you're gonna do is just make a flat version of the coffee cup so imagine you're looking at it in a two dimensional space you can't actually perceive any depth you're just seeing the height and the width so as you can see the image has a little bit of depth to it and is tilted we'll get to that later but just make it flat so I'll start somewhere in the middle here and I'm only gonna make half of the object and then we will revolve it around to make the rest of the object so click somewhere in the middle and then click straight out and then maybe come down at a slight angle here and then let's go ahead and make this a solid angle for now we'll come back and fix it in a second I'll show you what we do there and then just bring this back in straight line another straight line and then back to Center and we're aligned with this first point what I would do then is go ahead and switch your stroke and fill and then color in the black to white because the color of the the cup is going to be white and then you want to select what you just made come up to effect go 3d and revolve and then I would click this to front for now and then just go ahead and click preview and as you can see it's all funky because we're starting from the left edge we want to change this from left to right edge boom now you got a coffee cup right at least the beginnings of what we're gonna make on this let's go ahead and tilt it by I believe negative 7 worked really well yeah negative seven degrees works great for you know getting that similar kind of look adding a little bit of 3d perspective to it and then as you can see it's a little bit choppy looking a little like boxy because the number of blend steps is only at 25 you can bump that up to 255 it will eat up a little bit more of your processing power and it might slow your computer up a little bit but it looks so much nicer if you can do that the other thing I would do is the surface shading is usually set to plastic you can do wireframe which just lets you see through it and say you've got that reference image you need to still see it you could do that or diffuse shading which I think looks better for this application because it's kind of going on like a matte coffee cup and we don't want it to be too shiny like it would be with plastic it's like it'll so and then you can of course come in here to this is like your shader of your your lighting and you can drag this light around so if you want it to be on the left side and you can shade it that way your light intensity is at a hundred if you'd lower that you'll see that the light becomes dimmer on one a hundred and then ambient light is sort of the the darks around it like how dark do you want the darkest spots to be if you want a little more ambient ambient light ambient light I think you will bump that up and I think seventy-five looks pretty good here another thing you can do is actually add another light so click this middle button here and you add a another light you can drag that around to the right side if you want or you can you know put it up above or something like that I like to put this in the back so click on this button and it moves that light to the back side of your object which just helps kind of get a little subtle gloww to the edge here like the light is behind it hitting it and kind of bleeding over the edge and I kind of like that look a little bit on on these objects you don't have to and and there's probably even a better way to do that lighting but you know just get it to where you you want it to look you know pretty decent I like a couple maybe a third light every now and then and then go your default shading color is gonna be black and for a white cup that's gonna look good you may have to change that depending on with the color of your object though just keep that in mind and then go ahead and hit okay we're done as far as making that goes what we want to do now is I'll go ahead and move this by clicking ctrl alt and 2 to unlock anything that's locked I will move the reference photo over and we'll make a few changes based on what this looks like so first thing we want to do is put a little indentation up at the top see how it kind of like comes in slightly just slightly lower right here like a circle so you know grab this object go ahead and get the plus add Anchor Point tool which by hitting plus so that's the hotkey plus and then just make like two extra anchor points right there so let me go to wireframe mode and show you here the two extra anchor points we just made and you'll want to grab this line segment and drag it down so I'm in the middle of the two points and I'm dragging it down see I just created an indentation boom and actually I think that looks pretty solid right there I would just go at that that looks pretty good what I would do next is maybe click on this again with your direct selection tool clicking on that anchor point you will get this little circle and you can click and drag to give this a radius so probably you know about like that to give that a little bit of a radius next thing I would do is maybe give these two points a very subtle radius you know just to give them a little bit of a curve here because it looks like that's curved a little too and then I'll do the same thing for this bottom I'll give this just a little bit of a curve Lipson just slightly changes the shading ever so slightly and then the same thing with this bottom one I'll probably do that too just a little something so that it looks like it's curving in under itself and gives a little bit of a shadow line edge at the very bottom I think that looks pretty perfect in fact I'm just gonna go ahead and get rid of this okay let's delete that layer next thing if you want to keep everything white you can keep this as is but I want to actually do like a different color top and so I'm gonna make two versions of this I'm gonna copy this so that I have the whole thing and then I'm using my direct selection tool come in and just delete the bottom part so that all I'm left with is the lid and then I'm going to ctrl F to paste to the front boom and I'm gonna double click to go into isolation mode there we go and I'm going to grab all the points that are the lid and delete those so now all I've got is the cup the bottom part so send that to the back I'm hitting ctrl shift and left bracket to send it all the way to the back and I've got my two layers now I've got the lid and then the cut below so we can go ahead and color this lid however we want to and I've already got these two colors I'm gonna be working with today so I'm gonna give it a red cup for now and it's a stroke so just coloring the stroke with whatever color you want and boom it auto-updates to whatever you just chose so and then for this part I'm going to add a graphic to this face and have it curve around the cup so I went ahead I've already got a logo that I'm working with and I put that logo together with a bar of color behind it and then I'm grabbing all of this to make it one you know one selection come over to your cymbals window click and drag those into the cymbals window and just name it something you know coffee logo it is a graphic and it's gonna be static and then just hit OK alright so that's in my symbols window you can see it's been added here next thing you want to do is select this go open up your appearance window and double click on revolve or a rather single click on that go ahead and click preview to make sure it shows back up and then click map art now you'll want to find the face that has that you're that you're looking at right because you've made a three-dimensional object so it's got multiple faces that you can put stuff on but we're not going to rotate this around so we really just want it on the face we're looking at which is this sixth one for me then you come over to your symbol and click down to where you made that coffee logo or whatever you were going to use go ahead and click OK it places it kind of in the center which as we can see here is kind of like all the way on the right edge centered on that right edge well we want to click and drag it and bring it over to about here and then maybe expand that out just a little bit so that it looks proportionate and we might have to just drag this out a little so that the circle does not look too bastardized let's see I mean I think that looks decent right there if you wanted to have an offset slightly you can have it offset slightly and then I would click shade artwork because it will take what you just put on there and use the shading that you used on that object so we want it a little darker on the edge here and a little brighter right here so if I click that you'll see it should update and it does it is slower it'll say slower so just keep that in mind if you've got a really complex 3d object you're making and then click OK and there is our object so we've colored in the coffee lid and here's the cup and you can present this to your client to say hey do you want to get some of these made another thing you might do just for fun let me throw this little tip in there is to grab your ellipse tool and make an ellipse that's like slightly bigger than the bottom here of your cup let's go ahead and color that in with black and we'll move it all the way to the back again control shift left bracket and let's just drag out this point this one anchor point maybe come out a little further like that what we're gonna do is then grab that and go to effect and blur add a Gaussian blur and just preview that to see what it looks like actually I don't want to do a Gaussian blur let's not do that let's do stylize feather that's gonna end up looking a little bit better so there we go and actually point-four looks really good so 0.4 inches hit OK boom you have a nice little shadow that looks like it belongs in the space I might actually bring this up just a little bit so it's not quite so harsh on the front and on the left side here because that's probably where our light source is gonna be in this imaginary world so something like that looks really cool right you can present that to your client and say hey here's what your logo looks like on this 3d object so let me know what you guys thought of that tutorial if you've got any questions if you've got any things you'd like to see like subscribe comment share do all those wonderful things and I will see you guys in the next video

Channel: Cary Hawkins

Views: 124,825

Keywords: adobe illustrator, illustrator, how to make a 3d coffee cup in adobe illustrator, 3d objects in illustrator, how to make 3d coffee cup, illustrator tutorial, coffee cup illustrator, coffee illustrator, coffee cup in illustrator, coffee cup in illustrator 3d, cup in illustrator, 3d design cup illustrator, adobe illustrator coffee cup, 3D in illustrator, 3D Illustrator, illustrator 3D, adobe illustrator 3d, 3d, 3d illustrator tutorial, 3d effect illustrator, 3d model illustrator

Id: F8ry0V9ksx0

Length: 12min 49sec (769 seconds)

Published: Thu Jun 28 2018

Reddit Comments

[u/whatyouwantmartha]

I enjoyed the video, I am trying to reach shortcut-key wizard status and you tought me a few more. Cheers.

[u/rynil2000]

Very cool. I wasn’t aware that AI had a label mapping utility now.