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

In this Adobe Illustrator Tutorial, I'll discuss how to make a 3D object using the 3D revolve tool. Then I'll show you how to use shading and mapping to get the right colors, highlights and shadows, and graphics onto a 3-dimensional object. You'll learn to create a symbol and use that to map it to the correct surface of your 3D object. This technique is perfect for putting together mock-ups for your clients.
Hire me: ➜ www.vectormaid.com
Share this Video: ➜ • How to Make a 3D Coffe...
Join my Patreon Community ➜
/ vectormaid
Intro Music: www.bensound.com
#howtomake3dcoffeecup #3dillustrator #3dmodelillustrator

[@dragsteryx3287]

Thanks for your easy to follow explanations, one step at a ti. It makes learning less overwhelming!

[@madraven07]

Well, that just saved me 4 months of frustration. Thanks.

[@CaryHawkins]

Awesome! Happy to help you out!

[@GhostLegend]

Very helpful, and surprisingly therapeutic

[@andrecayo2288]

You've actually got so quality stuff on your channel. Keep that up man!

[@picklepirate]

This is awesome. I love using Illustrator and have a very short amount of time to make products and did not want to learn 3D software from scratch.

[@CaryHawkins]

It's perfect for your situation then! Glad this was helpful!

[@uzairuzii1669]

I am an Graphic designing student and your videos are very helpful for me

[@CaryHawkins]

Awesome! I'm happy to hear that.

[@Weavingtones]

His voice is very relaxing. Clear instructions, thank you so much my art prof. wants us to create a Perfume bottle , but she has only created instructions that are overcomplicated.

[@CaryHawkins]

Thanks! I've been working on doing some VO work as of late. Check out caryvo.com.

[@juancarhuajulca3546]

The introduction was very helpful, thanks!

[@MojoMan49]

Straightforward and well done instruction... It’s like the original Dimensions was rolled into Ai. Until today I was completely unaware of this powerful feature. Thanks!

[@CaryHawkins]

Thanks! I have some Dimension tutorials too if you're interested. It's nice to have options though. Being able to do everything you need in one software program can be advantageous.

[@lynnlynn2281]

This tutorial is a lifesaver! Thank you for this video!

[@CaryHawkins]

Yay! Glad to hear it!

[@5Servidor]

Thanks for taking your time to teach us some tips and tricks is greatly appreciated just letting you know

[@CaryHawkins]

You're welcome. Thanks for leaving a comment!

[@KrystinaLiberty]

I visited your channel after watching a different Illustrator tutorial of yours. Saw this on the front page and watched the entire thing though I'm not sure I even have a use for it. But what a fabulous home page video - and that's coming from someone who has more than one channel under different accounts. Interesting content and excellent style. I subbed and will definitely keep your channel in mind for my future Illustrator tutorial needs. Huge thumbs up.

[@CaryHawkins]

What praise! Thanks a ton for the encouragement! Welcome to the channel.

[@KrystinaLiberty]

@@CaryHawkins Question: At 7:30, you somehow highlight half the cup and delete it. Mine deletes the entire object every time. How are you getting it to only delete the lower half? I’ve watched over and over and can’t figure out what you’re doing differently than I am. Then again, mine didn’t make straight lines to start. It was all those curves I had to mess with. Does it have something to do with that? I couldn’t figure out how to make plain straight lines without that annoying curve thing coming up though. I couldn’t easily just lower the path either. Things always look so easy on the tutorials. Then you try it and nothing works right. LoL.Thanks for any help you can give.

[@CaryHawkins]

I just use the direct selection tool to delete. You might be using the selection tool instead? For straight lines, hold shift.

[@KrystinaLiberty]

@@CaryHawkins Thanks so much for your response. Unfortunately, Illustrator got upset with me for having it open along with Premiere, Photoshop, another video application, three Excel documents, two Word documents, and three web browsers all at once with multiple video & creative projects going. It said I didn't have enough RAM. Go figure. I'm sure you're as shocked as I am. But I may try this from scratch sometime again just for fun, especially since it's so quick and I just found it so neat. I might still be too green with Illustrator though. Nonetheless, still a very cool tutorial regardless.

[@martytoth2019]

Very nice! I really like how you took your time to explain. It's obvious that you could have went a lot faster to show off your knowledge/talent (as a lot of KZbin experts do), but that defeats the purpose of doing a tutorial. I look forward to seeing more from you. God bless...

[@CaryHawkins]

Glad you enjoyed it!

[@libertysdesignlab8064]

So true. Thanks Cary

[@sarveshbhalerao]

That's so cool to make 3D objects in Illustrator. Thank you so much for sharing this video.

[@CaryHawkins]

I think so too!

[@belindahern575]

LOL thanks for that ambient light moment. I needed that laugh.

[@dhruvpatel6604]

Excellent tutorial, beautiful hypnotic voice!

[@CaryHawkins]

Thank you!

[@honeybeeproduction7534]

sir thanks alot was searching these to make a paint bucket …thx a lot...

[@CaryHawkins]

How'd it turn out?

[@honeybeeproduction7534]

@@CaryHawkins sir I was asked to prepare paint bucket, i searched but i dint find, tan saw your video , it some how look relevant so I prepared although i am new in these filed I started these year.. it came out a bit ok.. and thanks for replying. Waiting for more videos

[@hellomadhur]

Thank you for this wonderful tutorial! You explain it so easily.

[@CaryHawkins]

You are welcome. Glad it was communicated and understood well! Thanks for the feedback!

[@punkrockdadstv7674]

Very Cool mate, Thanks.

[@CaryHawkins]

You're welcome!

[@daxeshnayak9465]

That was very instructive good sir. I am looking forward to more vids like this. Thanks😊

[@CaryHawkins]

I did one for a wine bottle as well, my most recent video. Check it out and leave me a comment on it if you are interested.

[@CaryHawkins]

I just hit 4,000 subscribers! Thanks to all who supported my channel up to this point!

[@LePireEstomac]

This was really helpful to create some cosmetic packaging mockups. Thanks a lot!

[@CaryHawkins]

Awesome! Thanks for letting me know!

[@CaryHawkins]

Check out my Adobe Dimension tutorials too. There are some cool, fast ways to create mockups in there too.

[@Muhammad-Abdulla]

I want to understand why you have to create a custom mockup? There are already thousands of mockups available for free, on different sites

[@CaryHawkins]

If you can't find one that fits your needs. Free is not always good.

[@tianacontreras216]

Amazing! Thank you👍🏼

[@rochangraphics]

Awesome, enjoying it! wonderful work!

[@CaryHawkins]

Thanks! Glad you liked it.

[@haianhly5370]

Best Ai Tutorial ever. Thank you very much!

[@CaryHawkins]

Too kind! Thank you!

[@mrehan2991]

you explained. Thank you so much.

[@roselynyurong9198]

Very nice new learn on 3d

[@CaryHawkins]

Thanks! Glad you liked it.

[@gillbrosAseel]

Very help full.. Thank you sir

[@Arhasbi]

i like the way u explain, great & clear voice too, thanks a lot sir !

[@CaryHawkins]

Thank you! I've actually been training to do more voice over work, hopefully starting early in 2020, so I appreciate that comment in particular.

[@ACOnetwork]

Thank you, first time trieing 3D in Illustrator :)

[@CaryHawkins]

Let me know how it works out for you!

[@dhananjaipande7625]

It was really nice, cleared alot of things, I think I am going to use this for college portfolio.

[@CaryHawkins]

Awesome! Go get it!

[@justsmile355]

Very helpful tuto, thank you for sharing

[@CaryHawkins]

Thanks for the feedback!

[@inayathkhan100]

Very useful tutorial thank you 👍

[@arrow1675]

thanx sir🙏

[@ParvejAlam-vy9mm]

good teaching methods

[@CaryHawkins]

Thank you!

[@danilocarreira7620]

help to get the basics and I'll jus move from there. Thank you!

[@manojbeastboy5619]

Thanks for tutorial

[@doddstocker-edwards5632]

Great execution and explanation.

[@CaryHawkins]

Thanks a lot! I appreciate the positive feedback.

[@habibsujon9068]

Awesome

[@bashirahmad4889]

Thank you for this wonderful tutorial.

[@CaryHawkins]

You are welcome. Thanks for taking time to give me some feedback!

[@picazzo5174]

Super Brilliant.

[@CaryHawkins]

Very kind of you!

[@mohammadkarimi3782]

Thanks a lot

[@CaryHawkins]

You're welcome!

[@natka34764]

Thank you. That's an amazing tutorial. I love it! It's very helpful. ❤️

[@CaryHawkins]

Cool! Glad you liked it so much.

[@boomshakalaka656]

thank you sir

[@CaryHawkins]

Most welcome

[@tuanlifecolorretoucher9697]

wow very usefull... tks fo sharing

[@CaryHawkins]

Welcome! Thanks for the feedback.

[@freddydepaz9452]

Great tutorial!!!

[@CaryHawkins]

Thanks! I have another similar one on building a wine bottle. Also, I just made a video showing how you can do the same thing using Adobe Dimension. If you have the creative suite, it's worth a look.

[@RasheedRGD]

Good information

[@CaryHawkins]

Glad you found it useful.

[@cyropedia7932]

Thanks

[@shwetasharma7702]

[@CaryHawkins]

High praise! I'm blushing...☺️

[@imamimroni8343]

lovely video with in depth explanation but 1 question. How does one do the importings

[@levelx1150]

Excellent tutorial! Muito obrigado!

[@CaryHawkins]

Thanks! Obrigado is the only Portuguese word I know! I waited tables for a family from Portugal once, and they taught me that.

[@sya_manda8540]

Nice..so helpful..tq..😊

[@CaryHawkins]

You're welcome! Thanks for commenting.

[@sinnexz]

amazing, A+ content!

[@CaryHawkins]

Thanks so much!

[@izzmotion9917]

Really good tutorial ..very relaxing..u earn my subscribe👍

[@CaryHawkins]

Thank you, glad to have you as a subscriber!

[@moonbeam0124]

Great tutorial!

[@CaryHawkins]

Thank you! Any subject you'd like to see me tackle in a future video?

[@moonbeam0124]

@@CaryHawkins At the moment no, but I do have a question: would it be possible for me to do a gradient colour on the cup?

[@CaryHawkins]

@@moonbeam0124 gradients and 3D objects don't mix well in Illustrator. You could make the 3D object, expand it, then paste a copy of the parts you want to the front, add a gradient that, and then play around with transparency settings. Multiply or hard light would probably be good places to start. You might try swapping which object is in front too. It could look like this, ordered front to back: gradient layer set to multiply, original 3D layer, OR original 3D layer set to multiply, gradient layer. Play with the percentage of transparency to get it to look how you want. Let me know if that gets you the desired effect.

[@terrancebrennan3016]

Very good

[@larnortetteh8598]

Love this

[@CaryHawkins]

Thanks!

[@walterdavidvelardeccoralla9168]

Try zooming in (ctrl+scroll)

[@Barry101er]

Thanks-you saved my bacon. If only I came here 1st! ;)

[@CaryHawkins]

Glad I could help!

[@pixessence7114]

Thanks great tutorial i've been looking for how to create packages and this is it man atleast now coffee cup check. Just a little question though, how would you apply this say to a potato chips package with the jagged edge at the top and bottom.

[@CaryHawkins]

That kind of package would be better suited for Adobe Dimension. I think it has a chip bag standard model too. I have a few tutorials on how to use it if you need.

[@pixessence7114]

@@CaryHawkins Yeah i would love to use it coz thats the only area im finding difficulty

[@PolD33]

I took the flower as a symbol but I cannot see it. it is somehow behind the color of the cup ..what did I do wrong?! I'm lost :) I took surface 6 as you did,, but I can only see it when I check "disable geometry" .. I don't understand why it's overlapping ..

[@CaryHawkins]

It may be on a different surface. Try something other than 6.

[@PolD33]

@@CaryHawkins It is on 6 .. when I move it around, it moves around in the preview .. but I can only see it while disabling geometry. I'm confused :/

[@CaryHawkins]

I don't know. Maybe try a different symbol and see it you get the same issue. If you don't, then maybe there is an issue with the flower symbol.

[@N1302L]

I usually use blender for 3D stuff but this works too!

[@CaryHawkins]

I've used Blender too. Blender has more options overall, and it's also more difficult to use imo. Illustrator is great for these quick products that aren't very complex.

[@srivatsansriram7620]

amazing stuff ,do more videos on 3d

[@CaryHawkins]

Thanks for the encouragement. I'm pretty new to it and don't get a lot of requests for it from clients, but hopefully I can put more together.

[@srivatsansriram7620]

@@CaryHawkins btw are you professional graphic designer?

[@CaryHawkins]

I have been since 2005!

[@srivatsansriram7620]

@@CaryHawkins wow amazing

[@elenabautista4101]

thank u

[@yosefmehari7200]

how to uou put the lid back on top the cup in 7:57

[@CaryHawkins]

I made a copy of the entire shape, then double-clicked the top copy to go into isolation mode. Next, I deleted the lid from the copy and exited isolation mode.

[@vanshikadevnani2376]

I didn't understood that how did u did the differentiation of the upper portion and cup what actually u said wasn't understood that time can u please explain

[@CaryHawkins]

I just copy the path and delete what I don't need. For the lid, just delete the anchor points that make up the main part of the cup. You can use the direct selection tool or the minus anchor point tool.

[@drashtiparsana553]

sir at 7:56 which key you use for grab point??

[@CaryHawkins]

I used the direct selection tool (hotkey A) to select the points I didn't want, hitting the delete key to remove them. Does that help?

[@craigplagueart]

So, after doing this, does this become a manipulatable 3D object? For example can I take that object, export it to like after effects and all of those 3d faces will be interpreted correctly by the camera field in after effects? Thanks for the video!

[@CaryHawkins]

I don't know. Try it and see? I'm not an After Effects guy at all.

[@windmillbk]

Your video really helped although I am trying to make sure the logo (when cut and stuck on the cup) is not distorted. does this process help with that?

[@CaryHawkins]

Sometimes you just have to adjust it visually. In this video, I stretched mine out a bit so it would look natural. Illustrator isn't a 3D software, so it's a little limited.

[@jkp7706]

5:55 Are you using the direct selection tool while dragging the line? I tried several times but it didn't work.

[@CaryHawkins]

You probably have something else selected. Click off the object first. Then only click the line segment between two anchor points. If you click an anchor point, it will move that. If you just click the line segment between two anchor points, it should move that segment with the anchor points on either end of it.

[@CaryHawkins]

Yes, direct selection tool. Hotkey A.

[@jkp7706]

@@CaryHawkins Thank you so much sir. New subscriber here.

[@sameermubeen8495]

superb

[@CaryHawkins]

Thanks!

[@BossaNossa1]

So, there are a number of engineering programs out there ie Solidworks. I'd like to ask have you been able to or is there a way to build say an assembly in Illustrator..? The 3D programs have a way to rotate your part or assembly... What have you found? Also, I thought it would be great if Adobe would develop a full 3D program (For the Apple)...

[@CaryHawkins]

I'm not familiar with solidworks. Adobe has Dimension software which is good for mockups in 3d. It's not a full blown 3d software, but I have a recent tutorial showing how to use it.

[@BossaNossa1]

Cary, so I love to modify cars in Photoshop. What I do is I use the lasso tool and carefully follow the contours of the car body while depressing the mouse button and slowly moving it around the forms and then sometimes having to come up to the top of the selection to keep the selection consistent until I've encircled the whole body... maybe, you don't see what I described anyway to the point! I would like to use the pen tool then convert the pen work into a selection! I was shown this years ago but since forgot... can you help!?

[@CaryHawkins]

I have a tutorial for changing car colors. That one might have some useful tips in it for you.

[@DelphiYouSay]

Right click > make selection

[@princesstalavera]

You are great!

[@CaryHawkins]

Princess Chan I'm no princess like you though!

[@RendyAprillian]

Thanks Cary 👍😁 this is a great tutorial... Btw, I make it with Ai Cs6...

[@CaryHawkins]

Thanks! Glad it still works for cs6.

[@nicksalazar3131]

I'm not able to add the "Cup wrap" ... I tried the Symbol, map art steps... Is it possible that it's sending the Art INSIDE the object and thats why I cant see it?

[@CaryHawkins]

Yes, try scrolling through the different planes of the object. There should be several.

[@nicksalazar3131]

I'M SUBSCRIBING ! You replied so promptly.

[@CaryHawkins]

I try!

[@nicksalazar3131]

@@CaryHawkins Hate to bother.. I tried cycling through all the planes. Followed step by step and cant figure out how to add the Map Art.. Any other suggestions? - Please and Thanks

[@CaryHawkins]

Try making it again from scratch? It should show up on one of them.

[@EPHONIC]

Great video! You do have a great voiceover voice for this. Do you know if the object can be exported as an OBJ file so it can be used in Adobe Dimension as well?

[@CaryHawkins]

I don't think so, but I haven't tried in a while, so maybe.

[@jfosterdesigns]

Yes, you can export as .obj (as long as you haven't expanded appearance)

[@CaryHawkins]

Good to know.

[@hanifahadinda568]

excuse me sir, im a begginer on illustrator, can you make the toolbar, menubar and the tool you curently use a bit large, it's hard for me to see what you do, and how to enable the rounded path on cc? thanks

[@hanifahadinda568]

and what illustrator version do you use? thanks a lot

[@CaryHawkins]

Latest version

[@CaryHawkins]

What do you mean by rounded path?

[@hanifahadinda568]

the way you rounded the side of the lid sir, by using direct selection tool, there's a point next to anchor point that you can drag to make it round. In my illustrator there's no point next to anchor point. is it because the different version of software? Im using illustrator ver. 17

[@CaryHawkins]

Sometimes that rounding cursor doesn't appear. You might try messing with your object. If there are actually too many points, maybe right next to each other, then you might not be able to see it. Try recreating the shape and see if it appears. You might also try removing any curve between points. Under the pen tool area of your toolbar, there is an upside down looking V. Use that tool to straighten the curve of the point you want to round. Hopefully something in here does the trick.

[@5Servidor]

Can you make a tutorial of making a Text with a clouds effect in illustrator

[@CaryHawkins]

Why not!?!

[@futurepilot5426]

❤️👍 wonderful

[@lourdjonnceidrecknolasco9878]

hey cary, i really like your videos. i want to ask something, do you know where to get fonts if you are using a crack version of adobe illustrator?

[@CaryHawkins]

I only ever use the paid for version.

[@luismiguelcuellar4006]

Wow!!

[@NoBoUCF]

Question: How did you get the edges of the cup smooth? I tried doing this exercise but the edges are jagged on mine.

[@CaryHawkins]

You might see if your graphics card is being used to render the cup. If memory serves, it's under view at the top somewhere. I'll write back if I got that wrong.

[@xoxo5725]

@@CaryHawkins Thank you for this video. Actually i have same question like @Noel. When i saved image in png or jpeg (300 resolution), edges are Jagged. some white pixel type lines are there on top of this cup. Will you Please explain this.. Edit:- View : GPU Preview . This looks perfect on Illustrator but after save in jpeg format i face that problem.

[@libertysdesignlab8064]

@@CaryHawkins what a great tip

[@CaryHawkins]

Thanks!

[@CaryHawkins]

Not sure. Have you tried bringing the ai file into Photoshop to see if it does it there?

[@dafinsofiatun3150]

hello, i couldn't follow the step when you delete the bottom part, how do you delete it?

[@CaryHawkins]

Select the parts you want to delete with the direct selection tool (hotkey A), then press delete.

[@helvisea]

nicey done 😊

[@CaryHawkins]

Thankey much

[@josephantoine8819]

10/10

[@CaryHawkins]

Thanks!

[@tamaldas381]

When i try to pull out the bar with all the tutorial it does not work

[@andresanchez6158]

How would you do a 3d bitten pineapple? 🤔

[@CaryHawkins]

Use blender or Cinema 4D. Too complicated for Illustrator.

[@hellomadhur]

I am unable to select the original 3D object after I have rendered the symbol onto it. How can I do that?

[@CaryHawkins]

It should still be selectable. Adding mapping should not affect this. You might see if you have locked the object or the layer it is in.

[@hellomadhur]

​@@CaryHawkins I don't know what I did, many child objects got created in that 3d object. I created a new 3D object and as you said it is selectable.

[@ayn_227]

thanks my fraind

[@CaryHawkins]

:)

[@yuliamiu9530]

Thanks, so nice voice

[@CaryHawkins]

Aww, such nice text, thanks!

[@amirdaryani]

My illustrator v24.1 doesn't have the offset option!!

[@CaryHawkins]

It should. Under 3D revolve, you mean? I have the latest update v24.2, and it's there.

[@aredeetea8064]

thanks bro. =)

[@CaryHawkins]

No problem!

[@fakeaari]

hey, this is amazing! i haven't been able to set a map art though, i do all the steps but the symbol isn't showing :(

[@CaryHawkins]

Do you have the right symbol selected, and are you on the right plane of the shape you created? I'm guessing it is one of those two things.

[@fakeaari]

i did & i am! it never did work with this specific object i was doing but it worked with another one. oh well, i gave up, thank you though!

[@CaryHawkins]

Was it a very complex object?

[@fakeaari]

not really, it was a wine bottle. it shouldn't have been this hard to work on it & i never figured out how to put the map art

[@CaryHawkins]

Did you see my latest tutorial? I did a 3D wine bottle. I wonder if it might help you to see someone else do it. Let me know!

[@karinyiu]

hello....i couldn't follow the part to make the lid and mug separately...Please help :-P Thanks

[@CaryHawkins]

Karin Yiu what are you hung up on? I'm not sure how to help you without some more specifics.

[@karinyiu]

Cary Hawkins hi I followed your video to draw the 3D coffee mug and every step I couldn’t figure out how you split the kit and cup.

[@CaryHawkins]

Karin Yiu I watched it again, and I seem to cover every part of that section thoroughly. At what point are you confused? Once I make the full coffee cup/lid shape, I make a copy of it. On one copy, I delete the section that is the cup part. On the other copy, I delete the lid section. Then I bring the lid forward - arrange > bring to front. Let me know if you're still hung up.

[@Gamer-kb7rk]

Hey yo cary, whats that app's name?

[@CaryHawkins]

Adobe Illustrator

[@caffedigitale3927]

Where you took The image?

[@CaryHawkins]

?

[@caffedigitale3927]

@@CaryHawkins have you a file to share with us about this project?

[@CaryHawkins]

The artwork used was for an actual client, so I probably shouldn't share it. 😕

[@pygmalion8952]

Are you working on fiverr?

[@CaryHawkins]

I never have. I just get my own clients, mostly through referrals.

[@PetrosAsimakopoulos4498]

Bro what are u doing at 7 57?

[@CaryHawkins]

I double-click to leave isolation mode. Then I sent the bottom portion of the cup to the back. A few seconds earlier I double-click to enter isolation mode. Hope that answers your question.

[@PetrosAsimakopoulos4498]

@@CaryHawkins Yes my question is solved, thank you alot bro!!!

[@Bloody_River]

3:31 **ugh**

[@picklepirate]

hahaha I was hoping you would make an Ambien light