Vectordiary

Top Illustrator Tutorial & Tips

Hello Guest! | Log in| Register

Illustrator Tutorial: Realistic Curtain

realistc curtain with gradient mesh

This lesson assumes that you already have a basic understanding on how the gradient mesh works. Therefore, we will move on to create a realistic curtain using the gradient mesh.

1. Creating the skeleton

First, we create Rectangle and fill it with red. Select the Mesh Tool and start clicking along the edge of the rectangle. Creating 3 segments close together will give good results as we can simply change the middle segment to black for shadows.

gadient mesh tool

curtaincurtain

2. Filling the shadows

With the Direct Selection Tool, we select both the top and bottom points in the segments we want it to make it shadow. After that, fill the points with black. Do this to all the segments we want it to be in shadow.

curtain

3. Shaping the curtain

Now we can start shaping the curtain to give it some curves. Select the Direct Selection Tool and select the point we want to modify and move the anchor points to change it to curve lines. Other things you can do with the points is move them closer or further to other points by clicking the Right/Left Arrow Keys. A realistic fold normally starts narrow at the top and end wide at the bottom. Hence, we can use the arrow keys to shift the points closer or further away form each other.

curtaincurtaincurtain

4. Final touhup

To create more folds to the curtain, we can add new points with the Gradient Mesh Tool and fill it will a slightly dark tint. Do this until you are satisfied with your curtain. Below is the final skeleton of my curtain. Hope you guys have a great time creating your own curtain!

gradient mesh curtain

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon

About The Author: admin

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learning illustrator in 30 days has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

22 Trackbacks

News » Burning Up the Web – January Roundup | News » Burning Up the Web - January Roundup
February 13th, 2008 at 7:54 pm

Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices | Vector Illustration: 60+ Illustrator Tutorials, Tips and Best Practices
July 14th, 2008 at 5:23 pm

Booto’Blog » Blog Archive » 61?Illustrator??,??VectorTutorialsTipsBest Practices | Booto’Blog » Blog Archive » 61?Illustrator??,??VectorTutorialsTipsBest Practices
July 21st, 2008 at 1:46 pm

hansync log » Blog Archive » Vetor Illustration 60+ | hansync log » Blog Archive » Vetor Illustration 60+
July 22nd, 2008 at 8:42 pm

????Illustrator??+????? | ITCopy | ????Illustrator??+????? | ITCopy
August 2nd, 2008 at 5:23 pm

10 Illustrator Verlaufsgitter Tutorials | Phodana Media | 10 Illustrator Verlaufsgitter Tutorials | Phodana Media
September 20th, 2008 at 2:09 am

Free Adobe Photoshop Tutorials » Blog Archive » 13 Amazing Gradient Mesh Tutorials | Free Adobe Photoshop Tutorials » Blog Archive » 13 Amazing Gradient Mesh Tutorials
October 13th, 2008 at 7:09 am

Los mejores tutoriales de Adobe Illustrator en 2008 | frogx.three | Los mejores tutoriales de Adobe Illustrator en 2008 | frogx.three
December 30th, 2008 at 1:00 pm

3 excelentes tutoriales de Adobe Illustrator | 3 excelentes tutoriales de Adobe Illustrator
December 31st, 2008 at 4:38 am

60 Incredible Adobe Illustrator Tutorials | DWSmg.com | 60 Incredible Adobe Illustrator Tutorials | DWSmg.com
January 9th, 2009 at 4:02 am

80 Best-Of Adobe Illustrator Tutorials, Brushes, .EPSs and Resources | Web2.0 | 80 Best-Of Adobe Illustrator Tutorials, Brushes, .EPSs and Resources | Web2.0
January 20th, 2009 at 4:08 am

En ?yi 80 Adobe Illustrator Dersi, F?rças?, .EPS’si ve Kayna?? – Süperlog | En ?yi 80 Adobe Illustrator Dersi, F?rças?, .EPS’si ve Kayna?? - Süperlog
March 7th, 2009 at 6:58 am

50 Amazing Photoshop Illustrator Tutorials For Photoshop Lovers – Part II – Photoshop Website – Tutorials,Brushes & more.. | 50 Amazing Photoshop Illustrator Tutorials For Photoshop Lovers – Part II - Photoshop Website - Tutorials,Brushes & more..
March 12th, 2009 at 7:28 pm

Realistic Curtain Folds | Tutorial Collection | Realistic Curtain Folds | Tutorial Collection
June 19th, 2009 at 8:17 am

byK – Illustrator Curtain | byK – Illustrator Curtain
July 4th, 2009 at 2:15 am

Amazing Illustrator Vector Tutorials Collection | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net | Amazing Illustrator Vector Tutorials Collection | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
July 13th, 2009 at 5:13 pm

60 Incredible Adobe Illustrator Graphics Tutorials | 60 Incredible Adobe Illustrator Graphics Tutorials
August 17th, 2009 at 2:47 am

Devils Backyard » Blog Archive » 30 Illustrator Gradient Mesh Tutorials to Help Enhance Your Vector Realism | Devils Backyard » Blog Archive » 30 Illustrator Gradient Mesh Tutorials to Help Enhance Your Vector Realism
September 27th, 2009 at 7:51 am

20 Tutorials to Help Master Illustrator’s Gradient Mesh | 20 Tutorials to Help Master Illustrator’s Gradient Mesh
January 18th, 2010 at 3:03 am

eagrapho » 20 Tutorials to Help Master Illustrator’s Gradient Mesh | eagrapho » 20 Tutorials to Help Master Illustrator’s Gradient Mesh
January 18th, 2010 at 10:58 am

20 Illustrator Tutorials to Help Master Gradient Mesh :: Reflex Stock Photo Blog | 20 Illustrator Tutorials to Help Master Gradient Mesh :: Reflex Stock Photo Blog
January 20th, 2010 at 7:16 am

30 Illustrator Gradient Mesh Tutorials to Help Enhance Your Vector Realism | LearnersTutorials | 30 Illustrator Gradient Mesh Tutorials to Help Enhance Your Vector Realism | LearnersTutorials
March 15th, 2010 at 7:47 am

+Add Comment37 Comments

  1. Gravtar for Ram
    Ram February 1st, 2008

    Excelent

  2. Gravtar for Ram
    Ram February 1st, 2008

    good

  3. Gravtar for chanduramse
    chanduramse February 1st, 2008

    It is helpful

  4. Gravtar for Nayak
    Nayak February 13th, 2008

    Its help me to fulfill my creative idea.
    Thank you

  5. Gravtar for Jayesh
    Jayesh February 28th, 2008

    Excellent !

  6. Gravtar for RAVENDRA
    RAVENDRA March 4th, 2008

    well tutorial was this it helped me alot in using of gradient mesh

  7. Gravtar for Sachu
    Sachu March 15th, 2008

    Excellent, So helpful….

  8. Gravtar for sagar
    sagar April 10th, 2008

    Best, I can’t believe this
    this is a best tutorial
    thanks

  9. Gravtar for Rinoju
    Rinoju May 7th, 2008

    Thx for sharing

  10. Gravtar for Jaimi
    Jaimi May 12th, 2008

    Made the curtains this morning and used it for my mother’s Mother’s Day DVD! Big Thx

  11. Gravtar for iStockdiary
    iStockdiary May 13th, 2008

    Great Jaimi! Can u send me what you have done? I would like to have a look.

  12. Gravtar for marizmendi
    marizmendi May 15th, 2008

    Excellent, Exactly what I’ve been looking for

  13. Gravtar for Fasih Ullah
    Fasih Ullah June 1st, 2008

    i was completely shocked when i saw this tutorials. It’s awesome and really cool stuff….

  14. Gravtar for iStockdiary
    iStockdiary June 1st, 2008

    Thanks. You can share it with your friends, stumble it or digg my site. That will be my greatest appreciation~

  15. Gravtar for Dar
    Dar June 10th, 2008

    Great tutorial. Thanks for sharing.

  16. Gravtar for prince
    prince June 21st, 2008

    its very nice

  17. Gravtar for jenny
    jenny July 2nd, 2008

    thanks a lot! This is a very good tutorial!!

  18. Gravtar for Bindu
    Bindu July 29th, 2008

    Good Easy Method

  19. Gravtar for Joss
    Joss August 2nd, 2008

    LUV IT!!!

  20. Gravtar for BogDinamita
    BogDinamita August 29th, 2008

    surprisingly easy method.

  21. Gravtar for Zabimaru
    Zabimaru September 4th, 2008

    This is an excellent tutorial. It was so surprisingly easy.

    I also used the warp tool along the lower edge of my curtain to give it a flowing look there instead of a straight edge.

  22. Gravtar for dinesh
    dinesh October 6th, 2008

    amazing:) thanks for sharing

  23. Gravtar for fran
    fran December 9th, 2008

    this is great! tanks for posting it

  24. Gravtar for Jess
    Jess December 19th, 2008

    Thanks for sharing ^_^

  25. Gravtar for strony internetowe pozna?
    strony internetowe pozna? January 12th, 2009

    It is realy great designs on this site…… this is very helpfull site for web designers…iam a web designer so i am very happy now !

  26. Gravtar for sakhir
    sakhir February 2nd, 2009

    very use full thanks alot…………….

  27. Gravtar for Rebornbear
    Rebornbear February 16th, 2009

    To complete zabimaru’s comment, I’d add that you can pull the clearer “folds” of the curtain out of the original rectangle and push the the darker “folds” inside to make quite a good 3D effect

  28. Gravtar for ortak miras
    ortak miras March 7th, 2009

    very good thanks

  29. Gravtar for Treb
    Treb March 18th, 2009

    Great Tut, ive only just started using illustrator about a week ago, and this tut has helped me a lot in doing part of a uni assignment, thanks!!!

  30. Gravtar for nasa
    nasa March 20th, 2009

    Great tutorial! I decided to go with a variety of different shades instead of just black — switch the color to HSB and adjust the brightness. This allows sections to “pop out” more and others to be partially in shadow. The other change I made was to add in points where only the top or bottom was darkened, so that they would appear as a fold which started in view.

    Thanks!

  31. Gravtar for ekki
    ekki March 20th, 2009

    amazing!!,I don’t think i can do it but you help me a lot.thanks.

  32. Gravtar for manas modi
    manas modi April 4th, 2009

    its such a simple but effective trick,that i absolutely loved it.

  33. Gravtar for madhan
    madhan May 22nd, 2009

    its nice very easy to use thanks u

  34. Gravtar for Koby
    Koby May 29th, 2009

    Please, can anybody send this made in illustrator, I am beginner and it is difficult to me. Send me the file (.ai) on tulipm4@yahoo.com if anybody has done it. Thanks.

  35. Gravtar for helio Batres
    helio Batres July 17th, 2009

    fantabuloso, impresionante!!!

  36. Gravtar for mindstuck
    mindstuck September 26th, 2009

    nice tuts!
    THX for sharing..

  37. Gravtar for Freehill Media
    Freehill Media January 18th, 2010

    Very nice but what about the bottom of the curtain ?

Add a Comment

(required)

(will not be published)

join membership
rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial for learning illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple