Illustrator to create a European retro pattern drawing tutorial

Source: Internet
Author: User
Tags extend
For your illustrator software users to detailed analysis to share the creation of European retro pattern of the painting tutorial.
Share list:
1, install the required plug-ins and create a new document
Plugin is downloaded at the end of the article, the plug-in is valid for 14 days.
Run AI, then click CTRL + N to create a new document. In the Open dialog box, set the artboard parameters and select the color mode. (color mode depends on where you're going to put your work, if you're going to print it, choose CMYK color mode, but if you just want to publish your work on the Web, choose RGB color mode.) )

2, with the Mirrorme plug-in with the use of
1th Step
The Mirrorme plugin can quickly mirror your vector graphics. You can mirror your artwork on an axis or multiple (up to 72) axes. Once you have installed the plugin, you will see the tool icon appear in the tool panel. To open the plugin panel, go to the window > mirrorme> mirrorme panel.

Select the Mirrorme tool, and then click the artboard, the symmetry axis appears, and the callout panel appears. Now, you can move the symmetry axis and the symmetry center and use the axis of rotation to change their angle.

In the Mirrorme panel, you can set the exact coordinates of the symmetry center and the number of angles and axes. The following figure shows an angle of 90 degrees, with 4 axisymmetric.

2nd Step
Click Apply to Layer or Mirrorme panel on the annotation panel to Layer, the axis of rotation will be fixed.

This way, when you create an object in the active part, the same pattern will appear in the other parts immediately. We can only paint the area between the two triangles, and the objects created in the other parts will be ignored.

3, create the underlying graphic and use the Extended Path tool
1th Step
Draw a circle in the active area using the Ellipse tool (L). This circle should not intersect symmetrically. Select the Scissors tool (C), minus the path between point A and point B.

Then delete the path to the segment.

2nd Step
Continue to draw the path from point A, which is quite tricky. To avoid damage, you use the Pathscribe tool plug-in, which is the extended Path tool, which is really useful. Because it allows you to trim or extend the path along a certain trajectory. After you install the plug-in tool, it appears in the Tools panel. Click the Pathscribe tool icon, and in the Open Sub tool panel, select the Extended Path tool.

When you click on point A to see the annotated trajectory, you can extend the path above it.

3rd Step
There are four expansion modes: Tambesel, constant radii, straight lines and spirals. You can toggle these modes by holding down the e shortcut or by double-clicking the Extended Path tool icon to open the Extended Path Parameters dialog window to select extended mode. Select a constant radius and a 10px fixed radius in this window.

Now we have our arc-shaped path marked.

Use the left arrow on the keyboard to reduce the radius of the arc and use the right arrow keys on the keyboard to increase the radius of the arc.

Increase the RADIUS until the callout appears to intersect the symmetric axis, move the anchor point on the left along the pointer to the axis of the annotation tool to connect it to its right mirror image.

When the path passes through the axis of symmetry, it is connected to the graphic to the right of the symmetric axis.

4th step
Use the Pen tool (P) to create an arc segment.

This time, I'm going to put it along the spiral to enlarge. Select the spiral expansion mode and move to the end you want.

In the constant RADIUS mode, we can change the spiral radius through the left and right arrow keys of the keyboard. At the same time, we can use the UP ARROW keys to increase and DOWN ARROW keys to reduce the number of spiral winding.

When the shape is what you want, you extend the path.

5th step
Continue using the Pen tool (P) to draw paths in the active area and extend them using the extended Path tool.

Using the extended Path tool makes it easy to create a continuous spiral path, as you want to fill the space between the other paths. It can help you avoid accidental errors and save tedious edits. and the standard screw tool I don't think it will be easy for you to create a path quickly, because it won't allow you to successfully add a helix to the path. Mirrorme allows you to create a path that instantly draws other parts of the symmetry together, and you are actually creating its entire path.
4, unified conversion path to a variable width path
1th Step
Changes the width of the path so that it increases from the start point to the endpoint. Select a path, and then apply the triangle outline of the stroke panel. Here, you can also control its width.

2nd Step
Use the Width tool (press shift+w) to control the width of the path locally. Close the tool's pointer to the desired point. Click and drag to change its width.

Double-clicking the selected location opens a dialog box where you can set the exact value of the width.

Now change the width of all available paths.

1th Step
Select all the paths and then go to the object > path > Contour strokes. As you can see, the resulting object has a lot of extra points. In fact my path contains 2,263 points of the Chinese Communist Party!

The good news is that we can use the Smart Remove Brush tool to quickly remove most of the dots. Click the Pathscribe tool icon to select the Smart Remove Brush tool in the Open Sub tool panel.

Open the Smart Remove Brush Tool window, set the brush size, and check to remove the tolerance value of 15 for the tolerance range that does not change the path.

Now, by holding down the left mouse button, sweep the brush at the extra point. The red line tells us what shape the path is after the delete point. Note: The points we delete do not significantly change the shape of the path! These changes occur within the tolerance range we set.

2nd Step
You can disable the option to delete only the tolerance range without changing the path, and continue to delete the point. In this case, the point you brush over with the brush is removed. This means that you can completely control the deletion of the point you want to delete and keep the path shape you want. I think these two methods should be used in conjunction with the tolerance method, to eliminate most of the points, we can call it "rough." Then disable the tolerance method and use the brush to operate on each path alone.

The smart removal brush tool has quickly cleaned out most of my redundant points. I now have only 207 points, not 2,263, 11 times times less than the editor before! What's even more impressive is that it only took me three minutes!

6, using the Colliderscribe plug-in to accurately position the pattern elements
1th Step
Colliderscribe is a simple toolset (small note: the AI cc itself), in the AI, allows you to put any object accurately next to another object. After you install the plugin, you can find new tools in the Tools panel in the selection tool (V) group. This is the collision Alignment tool and the tool for rotating collisions.

Use the Ellipse tool (L) to create a circle.

The following shows how to use the Capture Collision tool, select the Circle, and drag it to the adjacent object. When the object touches, a red collision mark will appear on the tangent, just like a real object collision.

If you are within the trap tolerance range, you can move an object around another object without damaging their relationship.

Double-click the tool's icon to set a value in the capture tolerance value in the Capture Collision Preferences dialog box.

2nd Step
The collision tool not only allows the user to collide shapes, but also to select objects along another path. The collision tool must capture the edge of the path of the object when using rotation.

Using both of these tools, I have been able to accurately position the existing location and the placement of new elements. For example, I put a circle around the end of a helical element with a spin on the crash tool.

You can now use the Shape Builder tool (Shift key +m) to remove unwanted parts.

The finished pattern element is the image shown in the following figure.

3rd Step
Let's draw a few simple elements with the pen tool (P). These objects will fill the blank space in the screen.

(Small series reminder: first the circle and the pattern separately union) selects all created objects, and then clicks the set in the Pathfinder panel.

7, color and refinement mode
1th Step
Select all objects and fill them with light brown r = 213,g = 159, B = 76.

Builds a curved path based on the graphical elements in the Pen tool (P). and fill the brown r = 180,g = The B = 42. Set the stroke to 1, and in the stroke panel you can also adjust the shape of the element.

Now, we've added a darker shadow to the graphic.
2nd Step
Some shadow shapes can be more complex. For these, create an object, filled with brown color, without strokes. As shown in the following figure

Removes the part of the bounding shadow of a pattern that is out of bounds. Select the shadow and pattern, use the Shape Builder tool (Shift key +m), and then hold down the ALT key and click the shadow section we want to delete.

Use the above steps to continue creating shadows for other elements.

3rd Step
We will create a high light using the method of creating shadows. But now, the fill color and stroke we want to use are yellow r = 246,g = 234, B = 109. The high light is placed near the top of the place.

Now that all the elements are ready, click the Remove Axis button in the Mirrorme panel to exit the symmetric mode.

4th step
With the Rectangle tool (M), create a rectangle with the same size as the artboard, and fill it with brown r = 77,g = Panax, B = 28.

Lock the object in the Layers panel.
5th step
Grouping all Objects (CTRL+G). Hold down the ALT key to move the pattern to the upper-left corner of the artboard. This copies the pattern at the same time.

Lock the pattern in the layers panel.
6th step
Select the pattern on the step, select the Mirrorme tool, and set the symmetry center in the center of the artboard. Select the symmetric two axes in the Mirrorme panel, and then click Apply Selection.

7th step
Using the Rectangle tool (M), create a rectangle that overlaps the four vertices of the rectangle with the center point of the Quad pattern.

Select the patterns and rectangles, and then go to the object > Clip Mask > Build.

Congratulations, you're done.
Now you can use this pattern in future projects.

Well, the above information is small set for you illustrator of this software users to bring the detailed creation of European retro pattern of the painting tutorials to analyze the entire content of sharing, you see the users here, small series believe that you see here is very clear the method of drawing it, Then you go to follow the small series of the above tutorial yourself to try to draw down ah.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.