search
top

Tutorial :-An intro to mesh tool

An introduction to Gradient Mesh tool

Gradient Mesh tools are used to create a single multicolored object on which colors can flow in different directions , the color transitions achieved are smooth running from one color to another.

Once a mesh object is created you can easily change its color characteristics i.e. shade by adjusting each point of the mesh object . Meshes can be created on any of your vector , eps objects with the exception of compound paths and text objects until expanded.

You can not apply meshes to Jpeg , giff or other raster objects imported to your artwork.

In the following tutorial we will give an introduction to using of mesh tool.

Step1

Creating the Shape

Activate your smart Guides before you start Ctrl+U or view > Smart Guides

Start off by selecting the Ellipse tool(L) and Draw a perfect circle by pressing shift while you create

Step 2

Creating Mesh

select mesh tool and click exactly in the center of the circle your smart guide will help you identify that. this is your first mesh division. Our object is to create a cartoonish face i would like to divide the the circle as a face and will shade two sides as cheeks.

Step 3

Division of the shaded areas.

similarly click and divide the right side and the left side of the circle with clicking on the line running horizontally.

and further divide by clicking similarly on vertical line. The shape of the circle will look something like this.

Switch your tool to direct selection tool (A) and select all the nodes on the outer anchor points of the circle which you can do by keeping shift key pressed. when selected it will look something like this

Step 4

Shading your work

open up your color palette F6 and drag to a light shade of blue you will see the effect changing in your shape

If you miss an anchor point don’t worry just drag the color from your palette and drop over the missed anchor point

here is how it will look like at this point

select the middle anchor points as show below and pick up a shade of pink

Step 5

Creating face elements

As the object over here is to create a face you can easily select any anchor point and using its handles change the direction of the color blending , here a chin is required so i will just play around a little with the lower anchor point in the middle. and shift it down a bit

be careful not to un-blend the perfect blending or your chin will have a cut!

Draw a few face elements.

using similar technique i will draw now eyes. Here are some steps i used to create a set of Cartoonish looking eyes

Place them over your face

here is the finished face you can save it as a symbol and place it over any interesting background . This character was created for a children’s program here is a preview of one of the screen shots of the final scene.

Note: the character is copyrighted you can use this tutorial for practice purpose only. Any Reproduction of the character and scene contents is prohibited.

This post is available for purchase you can get it for 2.95 USD kindly login or register!
Username:
Password:

Remember Me






Written by Asmaa Murad Asmaa' is a graphic designer and runs her own little studio by name of one8edegree studios. She is a mother of two and enjoys posting about everything vector! Visit Website



Related Posts with Thumbnails

If you enjoyed this post, make sure you subscribe to my RSS feed!

banner ad

30 Responsesto “Tutorial :-An intro to mesh tool”

  1. [...] An Intro to the Mesh Tool Gradient meshes have a lot of power and potential in Illustrator, but you have to know how to use them. This tutorial is a good starting point if you haven’t worked with them before or if you are looking for a refresher. [...]

  2. [...] An Intro to the Mesh Tool Gradient meshes have a lot of power and potential in Illustrator, but you have to know how to use them. This tutorial is a good starting point if you haven’t worked with them before or if you are looking for a refresher. [...]

  3. [...] An Intro to the Mesh Tool Gradient meshes have a lot of power and potential in Illustrator, but you have to know how to use them. This tutorial is a good starting point if you haven’t worked with them before or if you are looking for a refresher. [...]

  4. [...] resource for beginners and for those who just want to improve their work with the pen tool. An Intro to the Mesh Tool Gradient meshes have a lot of power and potential in Illustrator, but you have to know how to use [...]

  5. [...] An Intro to the Mesh Tool Gradient meshes have a lot of power and potential in Illustrator, but you have to know how to use them. This tutorial is a good starting point if you haven’t worked with them before or if you are looking for a refresher. [...]

  6. [...] An Intro to the Mesh Tool Gradient meshes have a lot of power and potential in Illustrator, but you have to know how to use them. This tutorial is a good starting point if you haven’t worked with them before or if you are looking for a refresher. [...]

  7. Blbr says:

    Excellent tutorial, great way to start with mesh tool!
    Thanks!

  8. [...] Una Introducción a la herramienta de malla | Español [...]

  9. dj says:

    great….but for a mesh/gradient tutorial there seems to be rather allot missing, like how the gradient and mesh were applied to the eyes which is more difficult than actually creating the circle itself…???just sayin”..

  10. owais says:

    Hi,

    wonderful tutorial. I am new with AI and this was a great help. Thanks a lot

  11. [...] Introductory Tutorial on Gradient Mesh Tool This basic tutorial on Illustrator Mesh Tools tackles the basic techniques in creating a [...]

  12. [...] Introductory Tutorial on Gradient Mesh Tool This basic tutorial on Illustrator Mesh Tools tackles the basic techniques in creating a [...]

  13. Thanks for the tutorial. This gives upstart graphic designers an overview on how to use the operation.

  14. [...] Cute Moon Night Scene In Illustrator Source – AiVault [...]

  15. [...] : Inspired By The Happy Sun Tutorial on Vectips. Gradient Mesh know how obtained from The Cute Moon Night Scene Tutorial on AiVault. Gypsy bandana scarf is courtesy of Grant Friedman’s Polka Dot Patterns for [...]

  16. Gigi Kent says:

    Very good tutorial for a beginner.I ended up here because I was trying to mod some UI HUD in a game (Stalker) and I was wondering what a MESH is…I am not a english native speaker, though I know english well to write and speak.When you are not native you can’t feel the language so I had doubts what that word means exactly in my language. Thank you anyway, I enjoyed the tutorial, I learnt something today…

  17. It is the heaven of graphics.

  18. admin says:

    Hi Jason ,
    Can you share with us a preview ? i dont understand what problem you are having. :(

Leave a Reply

top