Web Design

Easy coffee cup icons in Illustrator

Published at http://www.ultimatedesignertoolkit.com/tutorials/easy-coffee-cup-icons-illustrator/

 

Easy coffee cup icons in Illustrator

Need a few coffee cup shapes and icons for your website, postcard prints or posters? While it is possible for you to get a good couple of images from the Internet, using those publically available graphics can tend to cheapen the look and feel of your specialized poster or catalog prints. It is infinitely better for you to always create your own icons and graphics to maintain that original and distinct look of your designs.

So, for those who need their own graphics, more specifically their own unique coffee cup icons, we have this guide. We will teach you the step by step process here in creating easy coffee cup icons using Adobe Illustrator. With a little creativity and determination, you can easily do this, even though you might be new to this software.

1.     The first step of course is drawing the basic coffee cup shape. With a new document open in Adobe Illustrator, do this by using the pen tool and just drawing the basic shape. You should have four pen tool points, two at the sides with one at the top and one at the bottom.

image001

2.     Next, add a gradient color to your mug. To make things more natural, use the gradient tool and then apply a radial gradient onto your coffee cup shape. The lighter part of your gradient should approximately be near the front of our shape, but not necessarily the center. Have it a bit off to the right or left to simulate lighting.

image003

3.     Draw an ellipse on top of our coffee cup shape to represent its opening. Again, add a gradient color appropriately. This time, it is okay to use a linear gradient. Just choose the appropriate color that you need for your color scheme. For this example, we are using a light grey, white and dark grey theme.

image005 590x270

4.     Now, duplicate this ellipse and then place it back into the spot of the opening. Reduce this size so that you get to see a top edge of our cup. Use a slightly darker version of the gradient that we used from the original version. It would be good to use a four stripe gradient if possible to simulate the cylindrical nature of the opening. Try using a dark grey, grey, white and grey stripe (or substitute your colors with the same brightness or hue values).

image007 590x329

5.     We will now add some coffee to our cup. Simply create another ellipse with a coffee color fill. Place it in such a way as to simulate an almost filled cup, but with the inner edges of the cup still visible. Just look at it below.

image009

6.     Afterward, select our coffee ellipse with the smaller top ellipse we created earlier. Go to the pathfinder panel and then select the “divide” option.

image011 590x354

7.     This will then divide your coffee shape. Delete the excess coffee shape that goes outside the bounds of your cup.

image013

8.     Finally, add a gradient color to your coffee to make it look a bit natural.

image015

9.     Now we will create the handle. Simple use the pen tool to shape the look of our handle.

image017

10.  Draw in the inside part of the handle as well. Afterwards, select both outer and inner handles, click on divide in the pathfinder tool again. Delete the inner area to get the hole for our handle.

image019

11.  Now color your handle appropriately.

image021

12.  Great! Now we have a basic coffee cup or coffee mug shape.

image023

Advertisements

211 comments on “Web Design

  1. I’ve been browsing online greater than 3 hours these days, but I never discovered any interesting article like yours. It is beautiful worth sufficient for me. In my view, if all website owners and bloggers made just right content as you did, the net will probably be much more useful than ever before. “We are not retreating – we are advancing in another Direction.” by Douglas MacArthur.

  2. Very nice post. I just stumbled upon your weblog and wanted to say that I’ve really enjoyed browsing your blog posts. After all I will be subscribing to your feed and I hope you write again very soon!

  3. you are actually a good webmaster. The web site loading pace is amazing. It kind of feels that you’re doing any distinctive trick. Also, The contents are masterwork. you’ve done a excellent task on this subject!

  4. I am not sure where you are getting your information, but good topic. I needs to spend some time learning more or understanding more. Thanks for excellent information I was looking for this information for my mission.

  5. I am so happy to read this. This is the kind of manual that needs to be given and not the accidental misinformation that’s at the other blogs. Appreciate your sharing this greatest doc.

  6. Thanks for sharing excellent informations. Your web site is very cool. I am impressed by the details that you have on this site. It reveals how nicely you perceive this subject. Bookmarked this web page, will come back for extra articles. You, my friend, ROCK! I found just the information I already searched everywhere and just couldn’t come across. What a great website.

  7. A person necessarily assist to make seriously posts I might state. That is the first time I frequented your web page and thus far? I surprised with the research you made to make this actual post extraordinary. Magnificent activity!

  8. Whats Taking place i’m new to this, I stumbled upon this I’ve discovered It positively useful and it has aided me out loads. I am hoping to give a contribution & assist other customers like its aided me. Good job.

  9. I believe this website holds some real superb info for everyone. “There is nothing so disagreeable, that a patient mind cannot find some solace for it.” by Lucius Annaeus Seneca.

  10. Pingback: Google

  11. I simply want to tell you that I’m new to blogging and site-building and truly enjoyed you’re web page. Most likely I’m going to bookmark your blog . You surely come with outstanding writings. Thanks a lot for sharing your web site.

  12. I carry on listening to the news bulletin speak about receiving boundless online grant applications so I have been looking around for the top site to get one. Could you tell me please, where could i get some?

  13. I will immediately snatch your rss feed as I can not to find your e-mail subscription link or newsletter service. Do you’ve any? Please allow me recognize in order that I could subscribe. Thanks.

  14. Nice post. I learn something totally new and challenging on websites I stumbleupon everyday. It will always be helpful to read through content from other authors and use a little something from their websites.

  15. Pingback: red blued

  16. Pingback: Ty Banter

  17. Pingback: Google

  18. Pingback: Eve Online Overview

  19. Fantastic goods from you, man. I have understand your stuff previous to and you’re just too magnificent. I really like what you’ve acquired here, really like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it sensible. I cant wait to read far more from you. This is really a tremendous website.

  20. Im not sure where you are getting your information, but good topic. I needs to spend some time learning more or understanding more. Thanks for great information I was looking for this information for my mission.

  21. Hello there, just became aware of your weblog by way of Google, and located that it is actually informative. I am going to watch out for brussels. Ill be grateful if you continue this in future. Lots of folks will likely be benefited from your writing. Cheers!

  22. Someone essentially assist to make severely posts I may possibly state. That could be the extremely very first time I frequented your website page and so far? I surprised with the analysis you produced to create this specific submit incredible. Magnificent task!

  23. Thanks a lot for giving everyone such a splendid opportunity to check tips from this site. It is often very terrific and also full of a good time for me and my office acquaintances to visit your site no less than thrice a week to study the latest stuff you have got. Not to mention, I’m always impressed with your special information served by you. Certain 4 ideas in this posting are absolutely the most effective I have ever had.

  24. I was suggested this internet site by my cousin. Im not sure whether this post is written by him as no one else know such detailed about my trouble. You are great! Thanks! xrumer

  25. Good – I really should certainly pronounce, impressed along with your internet site. I had no trouble navigating through all tabs as properly as related data ended up being truly simple to do to access. I recently identified what I hoped for before you know it at all. Quite unusual. Is likely to appreciate it for those who add forums or anything, web web site theme. a tones way for your client to communicate. Nice task.

  26. I like the helpful information you provide in your articles. Ill bookmark your blog and check again here regularly. I’m quite sure Ill learn many new stuff right here! Good luck for the next!

  27. I like what you guys are up also. Such intelligent work and reporting! Carry on the superb works guys I have incorporated you guys to my blogroll. I think it will improve the value of my web site 🙂

  28. Now i’m genuinely fresh to wordpress blogs. nevertheless what you post on this site is completely quite great and really beneficial. I believe it would aid me in the future. Thanks for the exceptional function.

  29. I cant remember the last time I enjoyed an article as significantly as this 1. You have gone beyond my expectations on this subject and I agree along with your points. Youve done nicely with this.

  30. There are some attention-grabbing time limits on this article but I dont know if I see all of them middle to heart. There may be some validity but I’ll take hold opinion till I look into it further. Good article, thanks and we would like extra! Added to FeedBurner as nicely

  31. I think youve produced some genuinely interesting points. Not too many individuals would in fact consider this the way you just did. Im truly impressed that theres so substantially about this topic thats been uncovered and you did it so properly, with so a good deal class. Excellent 1 you, man! Genuinely wonderful stuff here.

  32. I was recommended this weblog by my cousin. I’m not positive whether this post is written by him as nobody else know such detailed about my issue. Youre incredible! Thanks!

  33. I was suggested this web site by my cousin. Im not positive whether this post is written by him as nobody else know such detailed about my problem. You are incredible! Thanks!

  34. I like the beneficial information you offer inside your articles. Ill bookmark your blog and check once more here frequently. I am quite confident Ill learn lots of new stuff correct here! Finest of luck for the next!

  35. Hello there, just became alert to your weblog via Google, and discovered that it is genuinely informative. Im going to watch out for brussels. I will appreciate should you continue this in future. Several individuals will probably be benefited from your writing. Cheers!

  36. Throughout the awesome design of issues you truly secure a B+ with regard to effort and hard function. Exactly where exactly you truly lost me personally was 1st on the details. You know, they say, the devil is in the details And it couldnt be much far more correct here. Having said that, permit me say to you what did deliver the outcomes. Your text is highly convincing and this is probably the reason why I’m making an effort to be able to opine. I do not truly make it a regular habit of doing that. Second, whilst I can easily notice a leaps in reasoning you make, I’m surely not convinced of exactly how you appear to unite your details which in turn support to make your final result. For now I shall yield to your problem nevertheless trust in the future you really connect your facts better.

  37. You really make it seem really easy together with your presentation however I in finding this matter to be really one thing which I feel I’d by no means understand. It kind of feels too complicated and very wide for me. I am having a look forward on your next submit, I will attempt to get the dangle of it!

  38. I like the helpful information you provide in your articles.
    I will bookmark your blog and check again here frequently.
    I am quite sure I will learn plenty of new stuff right here!
    Best of luck for the next!

  39. I’m no longer positive the place you’re getting your information,
    but good topic. I must spend a while studying much more or working out more.
    Thank you for excellent info I used to be in search of this information for my mission.

  40. I leave a response whenever I appreciate a post on a website or
    if I have something to contribute to the discussion. It’s triggered by the sincerness displayed
    in the article I browsed. And after this article Web Design |
    My Sydney Life. I was actually moved enough to drop a thought :
    ) I do have some questions for you if you don’t mind. Could it
    be simply me or do a few of these remarks appear like left by brain dead
    individuals? 😛 And, if you are posting on additional places, I’d like
    to keep up with anything new you have to post. Could you list every one
    of all your public sites like your Facebook page,
    twitter feed, or linkedin profile?

  41. Thanks for any other informative blog. The place else could I
    am getting that type of information written in such an ideal method?

    I’ve a project that I am just now running on, and I have been
    at the look out for such info.

  42. I should appreciate your time and efforts you earn in publishing this blog post. I hope the identical greatest post by you later on also. Really your creative writing expertise has encouraged me to start my extremely own weblog website now. Truly the blogging is spreading its wings quickly. Your write-up is actually a fine style of it.

  43. Hey there! Someone in my Facebook group shared this site with us so I came
    to give it a look. I’m definitely loving the information.
    I’m bookmarking and will be tweeting this to my followers!
    Terrific blog and great design and style.

  44. Hi there! This is my 1st comment here so I just wanted to give a quick shout out
    and say I really enjoy reading through your blog posts.
    Can you recommend any other blogs/websites/forums that cover the same subjects?
    Appreciate it!

  45. Its like you learn my mind! You appear to grasp a lot approximately this, like you wrote the ebook in it or something.
    I think that you just can do with some % to drive the message house
    a bit, but instead of that, that is great blog.
    A great read. I’ll certainly be back.

  46. Somebody necessarily help to make severely articles I’d state.
    This is the first time I frequented your website page and
    so far? I amazed with the research you made to make this
    particular submit extraordinary. Wonderful job!

  47. Hey There. I found your blog using msn. This is a very
    well written article. I’ll be sure to bookmark it and come back to read more of your useful info.
    Thanks for the post. I’ll definitely return.

  48. Thanks a lot for sharing this with all people you really recognise what you’re speaking approximately!
    Bookmarked. Kindly additionally discuss with my site =).

    We will have a hyperlink change arrangement
    between us

  49. Very nice post. I just stumbled upon your blog and wanted to say that I have
    really enjoyed surfing around your weblog posts. After all I will be subscribing for
    your rss feed and I’m hoping you write again soon!

  50. You really make it seem really easy together with your presentation but I in finding this topic to be really one thing that I feel I’d by
    no means understand. It sort of feels too complex and extremely
    extensive for me. I’m having a look forward to your next publish,
    I will try to get the dangle of it!

  51. After looking into a number of the articles on your web
    page, I honestly appreciate your way of blogging. I book marked it to my bookmark website list and will be checking back in the near future.
    Take a look at my website too and let me know your
    opinion.

  52. I am extremely inspired together with your writing talents and also with the structure for your weblog.
    Is this a paid subject or did you modify it yourself?
    Anyway stay up the nice quality writing, it is rare to see a nice
    weblog like this one nowadays..

  53. Hey there! I’ve been reading your weblog for some time
    now and finally got the bravery to go ahead and give you
    a shout out from Atascocita Tx! Just wanted to mention keep up the great work!

  54. This is the perfect web site for anyone who hopes
    to understand this topic. You know so much its almost hard to argue
    with you (not that I personally will need to…HaHa).
    You definitely put a new spin on a topic which has
    been written about for many years. Great stuff, just wonderful!

  55. I absolutely love your blog and find almost all of your post’s
    to be exactly I’m looking for. Would you offer guest writers to write content for you personally?
    I wouldn’t mind creating a post or elaborating on a number of the subjects you write in relation to
    here. Again, awesome web site!

  56. Thanks , I have recently been searching for info approximately
    this subject for a long time and yours is the best I have came upon so far.
    But, what about the conclusion? Are you positive in regards to the
    source?

  57. Remarkable things here. I am very happy to peer your article.
    Thank you so much and I’m taking a look ahead to contact you.
    Will you kindly drop me a e-mail?

  58. Hello there! I could have sworn I’ve been to this blog before but after browsing through some of the posts I realized it’s new to me.
    Nonetheless, I’m certainly delighted I came across it and I’ll be bookmarking it and checking back frequently!

  59. Thanks for a marvelous posting! I truly enjoyed reading it, you will be a
    great author.I will remember to bookmark your blog and definitely will
    come back in the foreseeable future. I want to encourage you to ultimately continue your great
    work, have a nice evening!

  60. Normally I do not read post on blogs, however I wish to say that this write-up very pressured
    me to take a look at and do so! Your writing taste has been surprised
    me. Thanks, quite nice post.

  61. discussion concerning this post at this place at this blog, I have
    read all that, so now me also commenting here.|
    I am sure this post has touched all the internet visitors, its really really good article on building
    up new web site.|
    Wow, this paragraph is good, my sister is analyzing such things,
    so I am going to convey her.|
    Saved as a favorite, I like your blog!|
    Way cool! Some very valid points! I appreciate you

    http://www.wordmetro.com/outlet.php?pid=michael-kors-bags-outlet.html

  62. I loved as much as you will receive carried out right here.
    The sketch is tasteful, your authored material stylish.
    nonetheless, you command get got an nervousness over that you wish be delivering the following.
    unwell unquestionably come more formerly again since exactly the same nearly
    very often inside case you shield this increase.

  63. With havin so much written content do you ever run into any problems of plagorism or copyright infringement?
    My blog has a lot of unique content I’ve either authored
    myself or outsourced but it seems a lot of it is popping it up all
    over the web without my permission. Do you know any ways to help stop content from being
    stolen? I’d truly appreciate it.

  64. Great work! That is the kind of information that are
    meant to be shared around the internet. Shame
    on Google for now not positioning this put up higher!
    Come on over and visit my site . Thank you =)

  65. Howdy! I know this is kinda off topic nevertheless I’d figured
    I’d ask. Would you be interested in exchanging links or maybe
    guest authoring a blog article or vice-versa?
    My website addresses a lot of the same topics as yours and I think we could greatly benefit from each other.
    If you might be interested feel free to shoot me an e-mail.
    I look forward to hearing from you! Awesome blog by the way!

  66. Greetings from Florida! I’m bored to tears at work so I decided to browse your blog on my iphone during lunch break.
    I really like the info you present here and can’t wait to take a look
    when I get home. I’m shocked at how quick your blog loaded on my mobile
    .. I’m not even using WIFI, just 3G .. Anyhow, very good blog!

  67. Hello great website! Does running a blog such as this take a large amount of work?

    I have virtually no knowledge of coding however I had been hoping to
    start my own blog in the near future. Anyhow, if you have any ideas or tips for new
    blog owners please share. I know this is off subject nevertheless I simply
    wanted to ask. Thanks!

  68. I like the valuable info you supply for your articles.
    I’ll bookmark your weblog and take a look at once more here frequently.
    I am somewhat sure I will learn a lot of new stuff right here!
    Best of luck for the following!

  69. Undeniably consider that which you said. Your favorite
    reason appeared to be on the web the easiest thing
    to have in mind of. I say to you, I certainly get annoyed
    while people consider concerns that they plainly don’t recognize about.
    You controlled to hit the nail upon the top as smartly as defined out the whole thing without having side effect , other people
    can take a signal. Will probably be again to get more.
    Thank you

  70. Woah! I’mreally enjoying the template/theme of thjs site.
    It’s simple, yet effective. A lot of times it’s tough
    too get that “perfect balance” between usability and appearance.
    I must say you ave done a very good job with this. In
    addition, the blog loads super quick for me on Internet explorer.
    Exceptional Blog!

  71. Hi! This post couldn’t be written any better! Reading through this post reminds me of my old room mate!
    He always kept chatting about this. I will forward
    this page to him. Fairly certain he will have a good
    read. Many thanks for sharing!

  72. Wow, fantastic blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look of your
    site is wonderful, as well as the content!

  73. I’ve been browsing online more than 3 hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. Personally, if all
    web owners and bloggers made good content as you did, the web will be
    a lot more useful than ever before.

  74. I have been surfing online more than three hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. Personally, if all website owners
    and bloggers made good content as you did, the net will be much more useful than ever before.

  75. Great beat ! I wish to apprentice even as you amend your site,
    how can i subscribe for a blog site? The account aided me a appropriate
    deal. I have been a little bit familiar of this your broadcast provided vibrant clear idea

  76. Here, in this article; all such thoughts have been summarized for you.
    Many webmasters, or even just bloggers, have come to use the capabilities of SEO
    to increase the quality and quantity of visitors visiting their website or blogs.
    This one is not so important, just reinforces to the search engines about what your
    page content is based on.

  77. Howdy I am so thrilled I found your web site, I really found you by mistake, while I was browsing on Bing for something
    else, Regardless I am here now and would just like to
    say many thanks for a marvelous post and a all round exciting blog (I also love the
    theme/design), I don’t have time to read through it all at the moment but I have bookmarked it and also included your RSS feeds, so when I have time I will be back to read much more, Please do keep up the
    awesome b.

  78. Hey there! This is kind of off topic but I need some guidance from an established blog.

    Is it hard to set up your own blog? I’m not very techincal but I
    can figure things out pretty fast. I’m thinking about making my own but I’m not sure where to start.
    Do you have any tips or suggestions? Many thanks

  79. Hi there very nice blog!! Guy .. Excellent .. Wonderful ..
    I’ll bookmark your website and take the feeds additionally?
    I am satisfied to find a lot of helpful information here within the put up, we’d like develop
    extra techniques in this regard, thank you for sharing. . .
    . . .

  80. Howdy I am so grateful I found your weblog, I really found you
    by mistake, while I was searching on Yahoo for something else, Regardless I am here now and would
    just like to say thanks a lot for a incredible post and a
    all round interesting blog (I also love the theme/design), I
    don’t have time to browse it all at the moment but I have saved it and also added
    your RSS feeds, so when I have time I will
    be back to read more, Please do keep up the awesome work.

  81. hey there and thank you for your information – I have certainly picked up something new from right here.
    I did however expertise a few technical points using
    this site, as I experienced to reload the web sitte a lot
    of times previous to I could get it tto load correctly.
    I had been wondering if your hosting is OK? Not that I am
    complaining, but slow loading instances times will often affect your placement in google
    and ccan damage your quality score if advertising and marketing with Adwords.
    Anyway I am adding this RSS to my email and
    can look out for much more of your respective interesting content.
    Make sure you update this again very soon.

  82. I’m impressed, I have to admit. Seldom do I come across a blog that’s both educative and entertaining,
    and let me tell you, you’ve hit the nail on the head.
    The problem is something not enough people
    are speaking intelligently about. I am very happy
    I came across this during my search for something relating to this.

  83. Thanks for every other informative website.
    Where else may I get that kind of information written in such an ideal method?
    I’ve a venture that I’m just now working on, and I have been at the glance out for such info.

  84. May I simply say what a comfort to uncover someone that genuinely knows what they’re discussing over the internet.
    You definitely understand how to bring an issue to light
    and make it important. More and more people need to read this and understand this side of your story.

    I can’t believe you are not more popular since you
    most certainly have the gift.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s