Would you like to use Vecteezy in English?

View in different language

How to Do Live Mirror Drawing in Adobe Illustrator CC

Some of the graphic and 3D editors have a Live Mirror Drawing feature, which allows you to draw simultaneously on both sides of one or more axes of symmetry. Unfortunately, Adobe Illustrator does not have this feature although it is a very powerful and multi-feature application. We can, however, implement Live Mirror Drawing in Illustrator by using only its basic features. You will learn how to do it from reading today's article.

Tutorial Details

Final Image

As always, this is the final image that we’ll be creating:
How to do a live mirror style drawing using Illustrator

Create a template for Live Mirror Drawing

Step 1

Open Adobe Illustrator and create a new document (File > New). Artboard sizes and color mode of the new document depends only on your preferences. Take the Rectangle Tool (M) and create a rectangle of the size larger than the size of artboard. Stroke colors of the rectangle do not matter at all, but you'll need to set the fill to 0 in order to see a preview of the mirrored image.
how to illustrate live mirror drawing

Step 2

Turn on the Rulers (Command / Ctrl + R) and create horizontal and vertical guides by dragging them from the corresponding rulers. The guides must pass through the center of the created rectangle.
how-to-do-live-mirror-drawing-adobe-illustrator
It is not necessary to create the guides since they just show the position of the axes of symmetry. We basically have them set up for our own convenience.

Step 3

Create a random object on the artboard. I created an arrow to indicate the direction of the path.
How to create a live mirror drawing in Adobe Illustrator

Step 4

Select the entire layer in the Layers panel.
Live Mirror drawing Adobe Illustrator CC
Now go to Effect > Distort & Transform > Transform... and in the dialog box, specify the axis of symmetry and the number of copies equal to 1. For visual control over the situation, check the Preview option and press OK.
Designing abstract illustrations in Adobe
Your template is complete, so you can start drawing.

Live Mirror Drawing

Step 5

Turn off the visibility of the created object (in my case it's an arrow) in the Layers panel.
Abstract Mirroring Adobe Illustrator CC

Step 6

Now select any of the drawing tools, for example the Paint Brush Tool (B), and create a path.
Designing mirrored images tutorial
As you can see, we've got immediate symmetry relative to the horizontal axis. At the same time you can draw on both sides of the axis of symmetry.
Tutorial mirroring images in Illustrator

 

Unfortunately, this method has two drawbacks which of course I have to warn you about. When crossing the axis of symmetry, the connection of the created path with its mirror copy is absent.
How to mirror images in Adobe Illustrator CC
The path exists on both sides of the axis of symmetry. This must be taken into consideration and try not to cross the axis of symmetry, unless you plan it, of course.
how to mirror images in adobe

 

Also you can't draw beyond the boundaries of the rectangle created in the first step, as this will ruin the symmetry of the entire system. That is why we have created a rectangle that is bigger than the artboard.
how to illustrate a perfectly mirrored image

Editing a Live Mirror Drawing template

Step 7

You can always reset the configurations of the template. To do so, select the layer with the template and click on the Transform effect in the Appearance panel (Window > Appearance). This will open the dialog with the parameters of the effect.
tutorial on how to mirror images in adobe illustrator
For example, you can change the axis of symmetry.

how to illustrate images with mirrored effect

Step 8

You can even set multiple axes of symmetry, by choosing at the same time the options Reflect X, Reflect Y and setting the number of copies required and the rotation angle.
how to design mirrored illustration effect
how to illustrate mirrored image in adobe illustrator cc
how to do live mirror drawing adobe illustrator cc
But in this case, in addition to the symmetry, we also get a rotation relative to the point of intersection of the axes.

The completion of the mirror drawing

Step 9

Now let's draw something. I created an abstract design in the style of freehand pinstriping.
how to do symmetrical image illustrator
When the drawing is complete, select the whole layer, then go to Object > Expand Appearance. Mirror reflection materialized into regular vector objects.
how to make image symmetrical in adobe illustrator

Step 10

Auxiliary elements such as arrows and rectangles can now be deleted.
how to do live mirror drawing in adobe illustrator
Today, I told you how to make a mirror drawing using standard features of Adobe Illustrator. This method seems slightly inconvenient with some limitations. Note that this is not the only way to make a mirror drawing. Recently there appeared a new MirrorMe plug-in for instantaneous symmetry in Adobe Illustrator, which is much more convenient to use, and it also has more features as well.

About the Author

Iaroslav Lazunov is a graphic designer from Ukraine. He loves sharing his knowledge and experimenting with tutorials. You can follow him on Twitter or on his blog, Vectorboom.

0 Reacties