This action might not be possible to undo. Are you sure you want to continue?
Write for Us
Graphics, Vectors and Print
Tutorials \ Tools & Tips \ Rating:
Create a Splash of Colorful Paint with Illustrator and Mesh Tormentor
Iaroslav Lazunov on Sep 19th 2011 with 15 Comments and 0 Reactions
Fac ebook Fans
Get Email Updates email@example.com
Subscribe via RSS Subscribe
Program: Adobe Illustrator CS5 and Gradient Mesh Plugin Difficulty: Intermediate Estimated Completion Time: 3 hours
Download Source Files
Source files for this tutorial are available to Premium members. Get a Premium Membership
What You'll Be Creating
advertise advertise here here
Become a Tuts+ Premium member to support this site and get access to more than 750 extra tutorials.
Full-time, Part-time and Contract Jobs
More on Tuts+ Jobs...
Academic Writers Required in Anywhere Expert web developer programmer in Montreal, Qc, Canada Freelance WORDPRESS site (Design + development) in Anywhere Freelance Writer in Homebased Full Time Front End Developer Required in Vancouver, Canada
More Freelance Jobs...
Today, I can assure you that Gradient Mesh has become absolutely manageable, it became possible thanks to Mesh Tormentor, which was developed by a great programmer Yemz. This plugin has features that make your work with Gradient Mesh enjoyable and can save you a lot of time.
Find us on Facebook Vectortuts+
In this tutorial we will take a look at its basic commands: removal of unnecessary knots of the gradient mesh, the creation of the Art Brush of the Gradient Mesh, joining of two or more Gradient Meshes, Gradient Mesh color cloning, and mastering a lot of interesting techniques. It is quite a gift for those who work with Gradient Mesh, because Mesh Tormentor is an absolutely free plugin.
52,904 people like Vectortuts +.
Fac ebook soc ial plugin
We will use the Art Brush from the Gradient Mesh object to create multi-colored drops of paint. You will say it’s impossible and you will be right. It had been impossible until the Mesh Tormentor came into being. Let’s see how this can be done. Take the Ellipse Tool (L) and create a circle filled with a dark blue color.
Now take the Gradient Mesh Tool (U) and create a gradient mesh node slightly above and to the left of the
center of the circle. then fill it with a blue color. . Step 2 Take the Rectangle Tool (M) and draw a rectangle filled with dark blue.
go to Object > Create Gradient Mesh… and set the number of rows and columns in the dialog window. You should get a resemblance of a linear gradient. Now with the help of the Direct Selection Tool (A) select nodes and recolor them in different shades of blue. .Keep the rectangle selected.
a menu item with its name will appear in the Window’s menu. . After installing the plugin to your computer.Step 3 It’s time to use the Gradient Mesh Plugin.
.Sewing Gradient Meshes together will be the first feature of this plugin that we will be using. Select both of the created objects and click on the Sew together button from the Mesh Tormentor palette.
. you can find out more about them here. Anyone who has worked with Gradient Mesh knows that there are corner nodes which are impossible to convert into smooth ones. One of these nodes at the place of the connection of the rectangle and ellipse is shown in the figure below. Step 4 Now we can edit the results.There is no other ways to sew mesh objects! Mesh Tormentor has 4 types of objects sewing.
Select the node using the Direct Selection Tool (A) and click on the Smooth button from the Mesh Tormentor palette. this operation is possible with the Mesh Tormentor.However. .
smooth down the place of connection. you can find out more about them here. Now.The Smooth command has three modes. . controlling the handles of these nodes.
Step 5 Create an Art Brush from this object. You won’t be able to do it directly. Drag the object to the Brushes palette. . let’s check this out.
. Select the mesh object and click on Make BMG from the Mesh Tormentor palette.Now create the Art Brush with Mesh Tormentor.
Now select the obtained group and transfer it to the Brushes palette. which maintain the geometry and the color of the original object. . now it is possible to save such an object as an Art Brush.This operation transforms mesh object into a group of simple vector objects.
. select the Stretch Between Guides option and move the left guide so that the spherical part of the drop is not stretched during the application of the brush.Step 6 In the Art Brush window.
Step 7 Before applying the brush. create a background. Take the Rectangle Tool (M) and draw a rectangle filled with black. .
Take the Pen Tool (P). . create a curved line and apply the created brush to it.
As in the case with any brush you can change its settings by double-clicking on the icons of the brush in the Brushes palette. .
Now that the shape of the drop is edited. go to Object > Expand Appearance. keeping the curve selected. .
. Push the button Convert BMG into Mesh.Step 8 We just have to transform a group of vector objects back into the Gradient Mesh.
Let’s talk a little bit more about the process of shape editing. change their color and edit the shape.Now we can edit the obtained drop: add new nodes with the help of the Gradient Mesh Tool (U). Step 9 You’ve probably noticed that when modifying the shapes of mesh objects Bezier curves change in a wrong .
These invisible dots are called Knots. . With the help of the Mesh Tormentor you can make the knots visible.way. manage them and even delete them. What is the reason for that? The thing is that mesh objects contain invisible points that affect the transformation of curves. not how it happens to other vector objects. Select mesh object and click on Convert knots into vertexes.
It also has handles that define the shape of the segment and the color transition.Vertex – is an additional point on the grid lines. Now we can control the shape of a mesh object. like anything else consisting of Bezier curves. but do not assign color. .
you must do the following: 1. Click on Convert vertexes into knots.To delete a vertex. Select a vertex with the help of the Direct Selection Tool (A). . 2.
while holding down Command.3. . Click on Convert knots into vertexes.
With the help of the Pen Tool (P) create a path and apply the brush that was created in steps 5-6 to it.You can learn additional information on knots and vertexes. as well as their transformation here. . Step 10 Now let’s learn about another technique for creation of a drop shape.
.Take the Width Tool and change the thickness of the outline to whatever you want.
.When the desired result is achieved. go to Object > Expand Appearance and click on Convert BMG into Mesh from the Mesh Tormentor palette.
create a variety of drops of paint. .Step 11 Using the techniques described above.
To create them I used brushes with different colors in order to achieve the brightness of the splash. . Select two mesh objects using the Selection Tool (V) and click the Clone colors from the Mesh Tormentor palette. Here I would like to mention one more feature of the Mesh Tormentor plugin. You can use it to clone the colors from one mesh object to another.
The colors will be cloned from an object that is located upper in the layers palette to the lower object. Take the Rectangle Tool (M) and create a red rectangle. . You can read about different types of cloning here. Step 12 Now take a look at the technique of multi-colored dashes in the drops of paint.
Keeping it selected. go to Object > Create Gradient Mesh… and set the number of rows and columns in the dialog window. .
Move the obtained group of objects to the Brushes palette and save the new brush as an Art Brush.Now click on the Make BMG button from the Mesh Tormentor palette. .
Take the Pen Tool (P) and create a curve to which you can apply the created brush, as shown in the figure below.
Go to Object > Expand Appearance and click on Convert BMG into Mesh from the Mesh Tormentor palette.
With the Direct Selection Tool (A) select nodes 1 and 2 and set 0% Opacity to them in the Transparency palette.
Now select node 3 and set 50% Opacity to it in the Transparency palette. .
Select the whole mesh object using the Selection Tool (V) and set the Color Blending Mode in the Transparency palette. .
Create the outline of the drop. and go to Object > Path > Offset Path and set the offset value equal to 0px.Step 14 Now we need to hide parts of the red mesh object that go beyond the outline of the drop. Select the drop with the Selection Tool (V). .
creating a Clipping Mask. .Move the created outline above the red mesh object in the Layers palette. Select the outline and this mesh object. then press the keyboard shortcut Command + 7.
.Using a similar technique. I created color dashes for a few other drops.
I will say that you can create outline and lines of the gradient mesh previously.Step 15 Let’s take a look at the technique of creating complex mesh objects using the Mesh Tormentor. Take the Ellipse Tool (L) and create a circle. using the tools of creating shapes and painting tools. and locate it as shown in the figure below. create the shape of the brush. then take the Rectangle Tool (M) and draw a rectangle with the same height as the circle. Looking ahead. . First. such as the Pen Tool (P).
Select both shapes and unite them pressing the Unite button from the Pathfinder palette. Move the created brush to the Brushes palette and save the new brush as Art Brush with the parameters specified below. .
With the help of the Pen Tool (P) create 3 lines and apply the created brush to them. . Change the shape of the obtained drops by using the Width Tool.
Select all the created drops and go to Object > Expand Appearance. .
.Step 16 Take the Pen Tool (P) and create another outline.
Select all the created elements and click on the Unite button from the Pathfinder box. .
For this complex object we will have to create a gradient mesh. go to Object > Create Gradient Mesh… . Let’s see what will happen if we try to create it in a traditional way.
Of course. click Cancel.Crazy! You will never be able to untangle these nodes. . Take the Pen Tool (P) and create a series of lines. Step 17 Now we are able to create the gradient mesh lines whatever we want them to be. which in the future will be the gradient mesh lines.
Take the Rectangle Tool (M) and draw a rectangle so that its size is larger than our shape and place it under it. .
Take the Pen Tool (P) and extend the lines that we have created in this step so that their ends go beyond the gray rectangle. .
. Now click on the Divide button from the Pathfinder palette.Step 18 Lock the green shape in the layers palette and select all the lines and a gray rectangle.
Proceed to the Mesh Tormentor palette and click on the Create One Cell Mesh button. .
This operation transforms all the pieces of the rectangle into separate mesh objects. .
click the Sew together button.Step 19 Keep the group of mesh objects selected. .
Unlock the green shape in the layers palette. select it and the gray mesh object. creating a Clipping Mask. turns them into one object.This action sew together the group of mesh objects. then press the key combination Command + 7. .
.Now select the gradient mesh nodes and color them in different shades of orange.
you can add new lines to the gradient mesh using the Gradient Mesh Tool (U).Of course. This is how the created shape looks like in combination with other drops. .
Step 20 Now add glare on the drops of paint. select the appropriate profile from the Stroke palette. . and set 40% Opacity in the Transparency palette. Take the Pen Tool (P) and create a curved line of white color.
in agreement with the light source in the composition.Create glare on all the drops. I think it is obvious that it is located to the right of the viewer. .
. Take the Rectangle Tool (M) and draw a rectangle so that its size could limit our composition.Step 21 Hide the lower parts of the drops.
creating a Clipping Mask.Select all the elements of the composition and the top rectangle. then click on the shortcut Command + 7. .
select the Horizontal option in the dialog box and click on Copy.Step 22 Now let’s create a reflection. Select all objects except for the background and go to Object > Transform > Reflect…. .
. The reflection is usually shorter than the original.Move the reflection vertically down and reduce its height.
then fill it with a vertical linear gradient. and fill it with a linear gradient that goes from black to black with 60% Opacity. touch the reflection and create a rectangle. Step 24 The reflection is always less bright than the object. two outer sliders that have 0% Opacity. that’s why we create another rectangle covering all the reflection. .Step 23 At the place where paint drops. consisting of black.
You can also Download it for free here: Mesh Tormentor – Free Gradient Mesh plugin .Conclusion In any tutorial. it’s impossible to describe all the features of this wonderful Mesh Tormentor plugin. You can learn more about it in this complete guide to the Mesh Tormentor.
Graphics.Like 30 people like this . Sign Up to s ee what your friends like. PresentationPro www. Bonus Tutorials & More for all relevant Tuts+ sites in one subscription.PresentationPro. Join Now Sign In . Tools & More To Make Awesome Presentations! Tags: Gradient Mesh Enjoyed this Post? Subscribe to our RSS Feed. Follow us on Twitter or simply recommend us to friends and colleagues! Tweet Like 30 By Iaroslav Lazunov Rollover to read this author's bio or click through to see a full list of posts by this author.com Templates. Premium Members Source Files.
. please Help. Discussion Community Ernest 0 • 5 months ago Reply Share › I mean step 19 • • Ernest 0 • 5 months ago Reply Share › it doesnt sew • • Ernest 0 • 5 months ago Reply Share › it doesnt sew • • Ernest 0 • 5 months ago Reply Share › Having trouble with step 17..I cant seem to get from step 19 to step 20.. • • Andreas • a year ago This plugin is amazing:) Very good tut aswell cheers 0 • Reply • Share › elisabeth • a year ago I love this tutorial and the plugin is awesome. Am I missing something? Thanks. and if I move it to the front I get a clipping path but the mesh no longer works right.. One problem. The clipping path doesn't work with the green shape behind.15 comments Leave a message. Elisabeth 0 • Reply • Share › .
very cool tutorial. Regardless. Reply • Mr Dub 0 • a year ago Reply Share › I cannot get the sound on the Mesh Tormentor videos. awesome tutorial :D Reply • providence • a year ago I can't get the mesh tormentor tool to change my BMG back into a mesh and I'm not sure what I'm doing wrong. I've been waiting for someone to incorporate the mesh tormentor tool into a tutorial since it really is so useful. Any clues? • • iaroslav lazunov 0 • Mr Dub • a year ago Share › Video has no sound. Could you do a new tutorial? • • Iaroslav Lazunov 0 • Bryan • a year ago Share › You could see the preview of this tutorial on vectorboom. but it is one I've seen before on vectorboom on the 12. you make a relatively boring subject very interesting. Reply • Rigo Ortiz 0 • • a year ago Share › Very cool plugin for the mesh tool.jasy 0 • a year ago Reply Share › it's a wonderful design and very interesting I learned a lot from him thanks to those who designed it • • Ddeveloperz 0 • • a year ago Share › Many thanks.2011. 0 • Reply • Share › iaroslav lazunov 0 • providence • a year ago Share › Before changing BMG back into a mesh you should go to Object> Expand Appearance Reply • ALSO ON VECTORTUTS . I already expanded the appearance of the brush and everything.07. Reply • Bryan 0 • a year ago Reply Share › Great tutorial.
This action might not be possible to undo. Are you sure you want to continue?
We've moved you to where you read on your other device.
Get the full title to continue reading from where you left off, or restart the preview.