How to Create a Gzhel Pottery Russian Pattern in Adobe Illustrator

Post pobrano z: How to Create a Gzhel Pottery Russian Pattern in Adobe Illustrator

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create and use an Art Brush in Adobe Illustrator to create a vector traditional Russian pottery design called Gzhel!

Along the way, you will learn how to create a seamless pattern from any elements. Our Gzhel pottery flowers and decorations can be used in any Russian style designs.

Elegant and decorative, Gzhel was created in the 17th century in the village with the same name. That village had deposits of high-quality clay and was famous for its pottery, tiles, and simple children’s toys made from clay. The Gzhel pottery design is traditionally blue, with floral curls, leaves, and flower. 

You can find awesome ready-to-use Gzhel vector ornaments on GraphicRiver. Check them for inspiration.

In this tutorial, I’ll show you how to create a beautiful floral design in traditional Russian Gzhel style. Let’s start!

1. How to Make the First Flower

Step 1

Create a New Document (File > New) with these settings:

  • Number of Artboards: 1
  • Width: 1000 px
  • Height: 1000 px
  • Units: Pixels
  • Color Mode: RGB

Step 2

Show Ruler (Command-R or View > Rulers > Show Rulers) and drag the vertical ruler to your artboard. Our flower will be symmetrical, so we need a center guideline.

Step 3

Make a 200 x 200 px circle; you can set the size in the Transform panel (Window > Transform). To draw a perfect circle, use the Ellipse Tool (L) and hold Shift. Color it to a Gradient (Window > Gradient), type Radial, and use the colors #78C5F8and #030065. To edit an object’s gradient, you can select your circle, press G, and drag the sliders.

Creating Radial Gradient in Adobe Illustrator

Step 4

Create another ellipse with the Ellipse Tool (L) and color it in #030065. Select your new ellipse, copy (Command-C) and paste to front (Command-F). Hold Alt and make it smaller. Color it with the same gradient as the big circle, but the gradient’s type is Linear. To pick the same color or gradient, use the Eye Dropper Tool (I) and click on the object with the desired style.

Linear Gradient in Adobe Illustrator

Step 5

Create a new ellipse, color it to white (#ffffff), copy (Command-C) and paste in front (Command-F). Hold Alt and make it smaller. Color the new ellipse in #030065

Select the bottom ellipse with a linear gradient, copy (Command-C) and paste in front (Command-F). Bring to front (Command-Shift-]). Select the top three ellipses and click Crop from the Pathfinder panel (Window > Pathfinder).

Object > Path > Clean Up to delete any unwanted objects after using the Crop Tool. 

Using Pathfinder in Adobe Illustrator

Step 6

Draw an ellipse and color it with the radial gradient (pick it with the Eye Dropper Tool (I) from the big circle). With the Direct Selection Tool (A), select the bottom anchor point, and convert this point to a corner with the button from the top panel.

Drawing leaf with ellipse tool

Step 7

Send this leaf to the back (Command-Shift-[) and move it under the main shape. With the Selection Tool (V), you can transform and rotate it. 

Copy the leaf and paste it to the back (Command-B), and then move the new leaf under the first one and rotate it. Repeat with the other leaves.

Creating leaves for Gzhel flower

Step 8

Select all leaves, copy (Command-C) and paste to front (Command-F). From the Transform panel menu (Window > Transform), select Flip Horizontal. Or right-click on your selected objects and select Transform > Reflect.

Flip horizontal in Adobe Illustrator

Move your reflected copy to make a nice symmetrical flower. Create an ellipse with the same linear gradient, send it to back (Command-Shift-[), and place it in the center. 

Send to back in Adobe Illustrator

Step 9

With the Pen Tool (P), create a line with 2 px Weight and #030065 color. To change the stroke’s parameters, use the Stroke panel (Window > Stroke). On the top of your stroke, add the small, dark blue circle. Select the circle and line, copy (Command-C), paste to front (Command-F), and flip it horizontally. Move it to the right place.

Drawing decoration for Gzhel flower

Double-click on the Blend Tool from the Tools panel to open its settings. Select Spacing: Specified Steps, 3 steps. Press OK. Choose the Blend Tool, click on the first circle, and click the second. Now we have five circles. 

Blend tool in Adobe Illustrator

Release the tool (I usually simply activate the Selection Tool (V) and choose the necessary tool again) and repeat with the lines. 

Step 10

Select the anchor point with the Direct Selection Tool (A) from the big circle and convert it to a corner, as we did with the leaves. Move and transform it a bit to make it look nice. Also, I’ve moved the flower’s inner part to the bottom. To select several objects (or anchor points), hold Shift.

Using blend tool

Select all the elements and Group (Command-G) them.

Congratulations—our first element is ready!

2. How to Make the Drop Art Brush

Step 1

To hide and unhide the guidelines, use Command-;.

Draw an ellipse with a color of #030065. With the Direct Selection Tool (A), select the bottom anchor point and convert it to a corner. With the same tool, select the two middle anchor points (hold Shift to select several points) and move them up. You can use the keyboard arrows to move anchor points.

Editing anchor points in Adobe Illustrator

Step 2

Open the Brush panel (Window > Brushes) and simply move your drop inside the open panel. Choose the Art Brush type.

Create art brush

In the brush options that appear, name your brush and select Stretch to Fit Stroke Length.

Art brush settings

Step 3

Time to check the new brush. With the Pencil Tool (N), draw random strokes and apply them to our drop brush. Be sure that the fill color (the top square) is empty. 

Looks nice!

Checking the vector brush

3. How to Make a Branch With Leaves

Step 1

With the Line Segment Tool (\), draw a line. With the Pencil Tool (N), add some branches. Select your branches, copy (Command-C), paste to front (Command-F), and flip it horizontally. Move it to the right place. We have something like a tree now.

Drawing twig in Adobe Illustrator

Step 2

Duplicate our Drop brush (select the appropriate brush in the Brushes panel, go to the panel menu, and select Duplicate Brush). Double-click on the copy, rename the brush, and change the width to 40%.

Brush options panel in Adobe illustrator

Step 3

Select your branch lines (except the vertical line) and apply to them your Drop brush 2.

Applying art brush to artwork

Step 4

Select the vertical line in the Stroke panel (Window > Stroke). Set 8 px Weight and smooth corner and cap. Select the Width Tool from the Tools panel (Shift-W), select the bottom anchor point, and make it narrower (drag to the side).

Width tool in Adobe Illustrator

Step 5

Select all the branch’s elements and go to Object > Expand Appearance, Object > Path > Outline Stroke, Object > Path > Clean Up. Select all and click Unite from the Pathfinder panel (Window > Pathfinder).

Expand art brush objects appearance

Step 6

Now we have a lot of unnecessary points. Go to Object > Path > Simplify and edit your parameters to have a nice look without excess points. Unite it again with the Pathfinder panel.

Simplify path

Select your branch and move it to the open brush panel. Create a new Art Brush. Choose the Scale Proportionately option.

Create twig art brush for Gzhel pattern

Step 7

Check your new brush with random strokes. Looks nice!

Check new vector  art brush

Step 8

To color your branches with gradients, select them and go to Object > Expand AppearanceObject > Path > Clean Up. To edit the gradient, use the Gradient Tool (G) and move the white gradient tool. Be sure that the active color is the fill color (top square).

Applying gradient to art brush stroke

4. How to Make the Second Flower

Step 1

Unhide the guidelines (Command-;). You can use the old guideline or click on the vertical ruler and drag it to your artboard. With Drop brush 2, draw a stroke (B key for the Brush Tool). Set 2 px Stroke Weight.

Duplicate the brush

Step 2

Draw other leaves. Set 1.5 px Stroke Weight for the second and 1 px Stroke Weight for the others.

Different stroke weight for the art brush strokes

Step 3

Select all the leaves and go to Object > Expand Appearance, Object > Path > Clean Up. Color all leaves except the first to Radial Gradient like the first big flower we did before, using the Eye Dropper Tool (I). Arrange the objects by sending them back. Simply select the relevant leaf and use the Command-Shift-[ shortcut. The dark blue leaf (the first) is on the top.

Color leaves to radial gradient and arrange objects

Step 4

Select all leaves, copy (Command-C), paste to front (Command-F), and flip them horizontally. Move if necessary. In the center, add a small circle with the same Radial Gradient. Use the Ellipse Tool (L) while holding Shift to create a perfect circle.

Flip horizontally leaves of new flower in Russian Gzhel style

Step 5

With the Pencil Tool (N), draw several strokes with a color of dark blue #030065 and Stroke Weight of 3 px. On the top of your strokes, add some dark blue circles. Select the strokes and circles and send them to back (Command-Shift-[). Select all the elements of your flower and group them (Command-G).

Adding decoration to the flower

5. How to Make a Small Additional Flower

Step 1

With the Polygon Tool (this tool is located in the same spot as the Rectangle or Ellipse Tool on the Tools panel—right-click on it and you will see all variants), draw a polygon with six corners. Use the up and down keyboard arrows to change the corners amount while drawing it.

Creating polygon in Adobe Illustrator

Step 2

Select your polygon, go to Effects > Distort & Transform > Pucker & Bloat, and set the parameters to have a nice flower shape. Object > Expand Appearance afterwards.

Pucker  Bloat tool in Adobe Illustration

Step 3

Color the flower with a Radial Gradient and add a small dark blue circle to the center. To align the circle and flower, use the Align panel (Window > Align), selecting Horizontal Align Center and Vertical Align Center. Group (Command-G) the flower and inner circle. We are done with the small flower.

Align objects in Adobe Illustration

6. How to Make the Pattern

Step 1

We’ve finished all our pattern elements, so now we can assemble the design.

Randomly put your objects on the artboard (artboard size 1000 px x 1000 px). Rotate them and change their size if you need with the Selection Tool (V). It’s OK if some elements go beyond the borders. With the Drop Brush, draw several drops, changing the Stroke Weight if necessary (I used 0.5 px and 0.75 px). Draw branches with the branch brush.

Arrange pattern

Step 2

Select an object that goes beyond the border (I chose the big flower from the left side) and press Enter. Set Horizontal (or Vertical if you need to copy it vertically) to 1000 px (our artboard width) and press Copy. Our object is copied to the right place now. 

If you need to move an object to the right (or above), use negative values like -1000px.

Move and copy object automatically

Step 3

 Repeat this action with all overlapping objects.

Move and copy all sticking objects

Edit your composition, adding drop strokes. I also edited the branches. With the Direct Selection Tool (A), select the anchor point and move it to have nice bend in the branch.

Adding details to the pattern

Step 4

With the Magic Wand Tool (Y), click on any brush stroke. Now all drops and branches are selected. Go to Object > Expand Appearance and Object > Path > Clean Up. Keeping the selection, color it with a Radial Gradient (use the Eye Dropper Tool (I)). Again, I edited the size and rotation of some drops and elements. Pay attention to the location so as not to break the pattern.

Color pattern elements in radial gradient

Step 5

Select the Rectangle Tool (M) and click on the artboard. In the window that appears, set the size to 1000 x 1000 px

Create background square

Step 6

Color the new big square in white #ffffff and send it back (Command-Shift-[). Open the Transform panel (Window > Transform) and set x: 0 px and y: 0 px. In this panel, you can also edit an object’s size.

Editing objects location in Adobe Illustrator

Step 7

Copy (Command-C) the white square, paste to front (Command-F), and bring it to front (Command-Shift-]). Select all elements and right-click on them. Select Make Clipping Mask.

Creating Clipping Mask in Adobe Illustrator

Step 8

We have our pattern cropped. To check the pattern, select it and press Enter. Copy and move it horizontally and vertically by 1000px. Looks nice!

Check the pattern

Congratulations! Our Russian Gzhel Style Pattern Is Finished!

In this tutorial, we’ve learned some simple Adobe Illustrator tricks and created a fancy folk-style pattern. With this method, you can create any pattern with different elements. I hope you’ve discovered some useful things in this tutorial and learned how to create a traditional Russian floral pottery design!

Final result of Traditional Russian Gzhel pottery style seamless pattern

Share your great results here in comments, and check our other great Adobe Illustrator tutorials to learn some more pro tips!