Archiwum kategorii: Web Tools

How to Create a Russian Text Effect in Adobe Illustrator

Post pobrano z: How to Create a Russian Text Effect in Adobe Illustrator

Final product image
What You’ll Be Creating

In
this tutorial, you will learn to create a Russian inspired vector text
effect, beautifully decorated with traditional geometric designs and
bright yellow and red colors. 

You’ll use the Appearance panel in Adobe Illustrator to
create and save a graphic style for the letters, and this will make it
easier to recolor the entire piece of text. You will create a new
geometric pattern and two new Pattern Brushes that will help us to
decorate the vector text. 

By the end of this tutorial, you will be
able to apply these techniques for other text effects as well. Let’s
start!

If
you need more Illustrator styles and text effects, make sure to head
over to GraphicRiver, where you’ll find plenty of resources. 

Tutorial
Assets

To
complete the tutorial, you will need the following assets:

1. How
to Set Up a New Document 

Launch
Illustrator
and
go to
File
> New
to
open a blank document. Type a name for your file, set the
dimensions, and then select
Pixels
as
Units
and
RGB
as
Color
Mode
.

Next,
go to
Edit
> Preferences > General
,
set the
Keyboard
Increment
to
1
px
and, while there, go to Units
to
make sure they are set as in the following image. I usually work with
these settings, and they will help you throughout the drawing process. 

how to open a new Illustrator document

2. How
to Create the Russian Text

Step
1

To create this text effect, we
are going to use the word “
Русский, which means “Russian”. So grab the Type
Tool (T)
and write the letters “PYCCKNN” on your artboard using
the Russian Land Font, with a size of 240 pt. In the Set the tracking for
the selected characters
field, select a value of 10 in order to add
more space between the letters.

Choose
Expand from the Object menu, followed by Ungroup (Shift-Control-G) to
turn the text into individual letters. 

how to type the Russian text

Step
2

Select
only the last two letters, go to the Transform panel, and from the
drop-down menu, choose Flip Horizontal. Now these letters match the Cyrillic alphabet.

We
need an accent to complete the last letter, so follow the sequence of
images to create it. First, draw two 20 x 20 px circles filled with
black and, after that, draw a curved path to connect them at the
bottom. Give it a 4 pt black Stroke and choose Expand from the Object
menu to turn the stroke into a shape. 
Now, select all three
shapes and press Unite in the Pathfinder panel to merge them into the
shape of the accent. Move it above the last letter. 

how to adjust the Russian vector text

3. How
to Create the Colored Text Layers

Step
1

Focus
on the first letter and fill it with pale blue for the moment. Also,
select a 1 pt blue Stroke

how to create the first and second layer of Russian vector letter

Step
2

With
the letter still selected, add a New Stroke at the bottom of the
Appearance panel. Give it a 10 pt pink Stroke.

Add
a New Stroke at the bottom of the Appearance panel and give it a 10
pt
green Stroke. While this Stroke attribute stays selected in the
Appearance panel, go to Effect > Distort & Transform >
Transform
and apply the settings shown. This will move the green
layer to the bottom right side to create some depth. 

how to create the third and fourth layer of Russian vector letter

Step
3

With
the first letter still selected, press the New Graphic Style icon at
the bottom of the Graphic Styles panel in order to save it. Now,
select the rest of the letters and apply the same style to them. 

how to save the graphic style for Russian vector text

Step
4

Select
the text and choose Expand Appearance followed by Expand from the
Object menu in order to expand the appearances and strokes. Ungroup
(Shift-Control-G)
twice to get the individual colored layers.

At
this point, the text may not look great in some areas. If you get the
spikes shown in the close-up, you can remove them with the help of the
Delete Anchor Point Tool (-). Simply click on the anchor point at the
tip to remove it, and the curve will update itself. 

how to expand and fix the Russian vector text

Step
5

Move
each letter to a separate layer to keep things organized in the
Layers panel. On each layer, you should have four shapes corresponding
to the four appearances that you applied earlier. Rename the
green shape “depth”, the pink shape “outer border”, the pale
blue shape “main letter”, and the blue shape “inner border”.
On each layer, you should have the same thing. 

how to organize layers for Russian vector text

4. How
to Color the Russian Text

Step
1

Select
only the “depth” shape of the first letter and go to Select >
Same > Fill Color
. As a result, Illustrator will select all the
green shapes for you. Replace the fill color with red. 

how to color the edge of Russian vector text

Step
2

Next,
select only the “outer border” shape of the first letter and go
to Select > Same > Fill Color. As a result, Illustrator will
select all the pink shapes, and you can easily replace the fill color
with off-white. Also, apply a 1 pt red Stroke and press the Align
Stroke to Inside
option in the Stroke panel. 

how to color the outer border of Russian vector text

Step
3

Now,
select the “main letter” shape and use the same method to replace
the pale blue color with yellow. Also, go to Effect > Stylize > Inner
Glow
and apply the settings shown. 

how to color the main letter of Russian vector text

Step
4

The
last shape is the “inner border”. Replace the blue color with
red using the same method. 

how to color the inner border of Russian vector text

Step
5

At
this point, if you zoom in on the first letter, you will notice that some corners are missing and we need to fix them. Grab the Pen Tool
(P)
and draw a triangle shape to cover the empty space in the
corners. Fill them with the same red as the “depth” shape (1).

Now,
select the “depth” shape along with the triangles and press Unite
in the Pathfinder panel to merge them (2). Move the newly obtained
depth” shape to the back, where it was (3). 

how to fix the corners of Russian vector letter

Step
6

Zoom in on the other letters as well, and fix the corners as explained in the
previous step. 

how to fix all corners for Russian vector text

5. How
to Create a Simple Traditional Russian Pattern

Step
1

Let’s
create a simplified version of a traditional pattern. Take the
Rectangle Tool (M) and draw a 50 x 50 px square on your artboard (1);
then draw a smaller 20 x 20 px square in the center. Select a 6 pt
black Stroke for both of them (2).

Rotate
both squares 45 degrees using the Transform panel (3) and then choose
Expand from the Object menu to turn the strokes into fills. Drag the
two shapes to the Swatches panel to save it as a New Pattern Swatch
(4). 

how to create a simple traditional Russian pattern

Step
2

Let’s
apply the pattern. Focus on the first letter and select the shape
called “main letter”. Add a New Fill above the existing yellow
Fill and select the newly saved Squares Pattern Swatch from the
Swatches panel (1). 

To scale down the pattern, go to Object >
Transform > Scale
and make sure that only the Transform Patterns
option is checked. Type 15% in the Scale Uniform field and hit OK
(2). Finally, set the Blending Mode to Overlay for this Fill
attribute (3). 

how to apply a traditional pattern to Russian vector letter

Step
3

Repeat
the same thing for the other letters and apply the pattern. 

how to apply a traditional pattern to Russian vector text

6. How
to Create Shading on the Edge of the Russian Text

Step
1

Let’s
create a mask shape first. Select the “depth” shape of the first
letter and then Copy and Paste in Place (Shift-Control-V) to make a
copy of it in front of everything (1). Next, select the “outer
border
” shape and then Copy and Paste in Place (Shift-Control-V)
again (2). For visual reasons, I’ve changed the fill colors to blue
and green.

While
these copies stay selected, press Minus Front in the Pathfinder panel
and, as a result, you’ll get a group of shapes (3). Keep only the
shapes that match the bottom right edge, and delete the rest. Go
to Object > Compound Path > Make (Control-8) to merge the
remaining shapes into one. This will be the masking shape (4).

Repeat
the same thing for the other letters because you will need a masking
shape for each one of them (5). Hide them for the moment. 

how to create a mask shape for Russian vector letter

Step
2

Use
the Pen Tool (P) or the Line Segment Tool (\) to draw a short, straight path in the bottom right corner of the first letter (1).
Give it a 2 pt black Stroke; then go to Effect > Blur >
Gaussian Blur
and apply a Radius of 4 px. Reduce the Opacity to 75%
(2).

Multiply
this path and add copies in the other corners where a shadow should
be, as shown in the image below (3). 

how to create shading on Russian vector letter

Step
3

Now,
select all the shading paths along with the mask shape that you created earlier (which should be in front), and set to stroke-none,
fill-none and go to Object > Clipping Mask > Make (Control-7).
This will make the shading visible only on the red edge. 

how to mask shading on Russian vector letter

Step
4

Do
the same thing for the other letters by multiplying the same shading
path and arranging them in the areas where you want to create a
subtle shadow. After that, mask them using the shapes created
earlier. 

how to create shading for Russian vector text

7. How
to Create a Simple, Traditional Criss-Cross Pattern Brush

Step
1

Let’s
create a simplified version of a criss-cross traditional stripe decoration. 
Take
the Rectangle Tool (M) and draw a 117.5 x 117.5 px square on your
artboard (1). Next, draw four smaller 17.5 x 17.5 px squares filled
with dark red, and arrange them in the outer corners of the bigger one
(2). Draw another four 17 x 67 px rectangles filled with red, and
arrange them between the small squares on the sides (3).

Select
all the shapes and Rotate them 45 degrees in the Transform panel. At this point, you can delete the gray square (4). Next, take the
Delete Anchor Point Tool (-) and click on the outer points of the
small squares to delete them. Now the squares will turn into
triangles.

Go
to View > Rulers > Show Rulers and drag two horizontal and two
vertical Guides to the base of each triangle (5). They will help you
to draw a new square in between. Fill it with bright yellow and send
it to the back (6). 

how to create a criss-cross pattern brush in Illustrator

Step
2

Drag
the square decoration that you have created in the previous step into
the Brushes panel to save it as a New Pattern Brush. In the Pattern
Brush Options
window, type “CrissCross Pattern Brush” as the name
and drag the Scale slider to 4%. Hit OK

how to save a criss-cross pattern brush in Illustrator

Step
3

Let’s
apply the newly saved brush. Grab the Pen Tool (P) or the Line
Segment Tool (\)
and draw a straight path at the top of the first
letter up to the inner red border (1). Select a 1 pt Stroke and the
CrissCross Pattern Brush from the Brushes panel. Make extra
adjustments if needed and make sure it fits perfectly (2).

Draw
a new path with the same length, right at the bottom of the
criss-cross stripe decoration (3), and give it a 1 pt red Stroke. This
will make the design more symmetrical (4).

Repeat
the same thing and create another criss-cross stripe decoration at
the bottom of the first letter (5). 

how to create a criss-cross stripe on Russian vector letter

Step
4

Use
the technique explained above to create criss-cross stripe
decorations on the rest of the letters, as shown below. 

how to create a criss-cross stripe on Russian vector text

8. How
to Create a Geometric Flower Pattern Brush

Step
1

Use
the Rectangle Tool (M) to draw a small 12 x 8.5 px rectangle on your
artboard and fill it with bright yellow. Switch to the Direct
Selection Tool (A)
and use it to select only the two top points; then
move them to the right using the Right Arrow key on your keyboard.
You will obtain a geometric petal-like shape (1).

Next,
draw two small 5.5 x 2.5 px rectangles and arrange them in the shape
of a cross. Align the left corner of the petal shape with the corner
of the gray cross as shown below (2). While the petal shape stays
selected, go to Object > Transform > Reflect, check Horizontal, and hit Copy. You will obtain the second petal, and you need to align
it with the corner of the gray cross (3).

While
both petals stay selected, go back to Object > Transform >
Reflect
, and this time, check Vertical. Hit Copy and you will obtain
two new petals for the left side. Arrange them in place (4).

While
the four petals stay selected, go to Object > Transform >
Rotate
and choose a 90 degrees Angle. Hit Copy and you will get the
last four petals. Arrange them in place, and now the geometric flower is
complete (5).

Use
the Rectangle Tool (M) to draw a square around the flower. Mine was
exactly 50 x 50 px. Fill it with dark red and send it to the back (6). 

how to create a geometric flower pattern brush in Illustrator

Step
2

Select
the geometric flower and the red square and Rotate them 45 degrees in
the Transform panel. Drag everything into the Brushes panel to save
it as a New Pattern Brush. In the Pattern Brush Options window, just
type “Geometric Flower Pattern Brush” as the name and then hit
OK

how to save a geometric flower pattern brush in Illustrator

Step
3

Now,
let’s use the newly saved brush to decorate the Russian vector text.
Focus on the first letter and draw a straight path with the Pen Tool
(P)
or the Line Segment Tool (\) as shown (1). Select a 1 pt Stroke
and the Geometric Flower Pattern Brush from the Brushes panel. Open
the Stroke Options window from the Appearance panel, and drag the
Scale slider to 15% in order to make the geometric flowers smaller
(2).

Draw
another path on the first letter and apply the same settings in order
to add more decorations (3). 

how to apply a geometric flower pattern brush on Russian vector letter

Step
4

Repeat
the same thing for the rest of the letters and decorate them with the
Geometric Flower Pattern Brush as well. 

how to apply a geometric flower pattern brush on Russian vector text

9. How
to Add Extra Details on the Russian Text Effect

Step
1

Zoom in on the first letter and draw a shape as shown in the image below, between
the red inner border. After that, draw similar shapes on the other
letters. Fill these shapes with the same shade of red as the inner
border. 

how to add extra details on Russian vector text effect

Step
2

Finally,
you can add a very small red circle filled with the same shade of red
on the first, third, and fourth letters. 

how to add extra small decorations on the Russian vector text effect

10. How
to Create the Shadow Under the Russian Text Effect

Step
1

Focus
on the first letter again and select only the “depth” shape. Copy
and Paste in Place (Shift-Control-V) to make a copy of it in front of
everything (1). Next, select the “outer border” shape and Copy
and Paste in Place (Shift-Control-V) again to make a copy of this
shape as well (2). For visual reasons, I’ve changed the fill colors to
blue and gray.

While
both copies stay selected, press Unite in the Pathfinder panel to
merge them into a new shape (3). Send this new shape under the letter
in the Layers panel; then go to Effect > Stylize > Drop Shadow
and apply this effect three times to create the shadow (4). 

how to create shadow under Russian vector letter

These
are the settings for the three Drop Shadow effects: 

drop shadow effect settings for Russian vector text effect

Step
2

Follow
the technique explained above to create the new shapes for the rest
of the letters and send them to the back. Apply the Drop Shadow effect
three times using the same settings. 

how to create shadow under Russian vector text effect

Awesome Work, You’re Done!

Here
is the final image of the Russian-inspired text effect. I hope you
enjoyed this tutorial and that you learned new techniques today that
can be applied in future projects as well. 

Russian inspired vector text effect final image

Keep on drawing and learning with the recommended tutorials:

How to Create a Russian Text Effect in Adobe Illustrator

Post pobrano z: How to Create a Russian Text Effect in Adobe Illustrator

Final product image
What You’ll Be Creating

In
this tutorial, you will learn to create a Russian inspired vector text
effect, beautifully decorated with traditional geometric designs and
bright yellow and red colors. 

You’ll use the Appearance panel in Adobe Illustrator to
create and save a graphic style for the letters, and this will make it
easier to recolor the entire piece of text. You will create a new
geometric pattern and two new Pattern Brushes that will help us to
decorate the vector text. 

By the end of this tutorial, you will be
able to apply these techniques for other text effects as well. Let’s
start!

If
you need more Illustrator styles and text effects, make sure to head
over to GraphicRiver, where you’ll find plenty of resources. 

Tutorial
Assets

To
complete the tutorial, you will need the following assets:

1. How
to Set Up a New Document 

Launch
Illustrator
and
go to
File
> New
to
open a blank document. Type a name for your file, set the
dimensions, and then select
Pixels
as
Units
and
RGB
as
Color
Mode
.

Next,
go to
Edit
> Preferences > General
,
set the
Keyboard
Increment
to
1
px
and, while there, go to Units
to
make sure they are set as in the following image. I usually work with
these settings, and they will help you throughout the drawing process. 

how to open a new Illustrator document

2. How
to Create the Russian Text

Step
1

To create this text effect, we
are going to use the word “
Русский, which means “Russian”. So grab the Type
Tool (T)
and write the letters “PYCCKNN” on your artboard using
the Russian Land Font, with a size of 240 pt. In the Set the tracking for
the selected characters
field, select a value of 10 in order to add
more space between the letters.

Choose
Expand from the Object menu, followed by Ungroup (Shift-Control-G) to
turn the text into individual letters. 

how to type the Russian text

Step
2

Select
only the last two letters, go to the Transform panel, and from the
drop-down menu, choose Flip Horizontal. Now these letters match the Cyrillic alphabet.

We
need an accent to complete the last letter, so follow the sequence of
images to create it. First, draw two 20 x 20 px circles filled with
black and, after that, draw a curved path to connect them at the
bottom. Give it a 4 pt black Stroke and choose Expand from the Object
menu to turn the stroke into a shape. 
Now, select all three
shapes and press Unite in the Pathfinder panel to merge them into the
shape of the accent. Move it above the last letter. 

how to adjust the Russian vector text

3. How
to Create the Colored Text Layers

Step
1

Focus
on the first letter and fill it with pale blue for the moment. Also,
select a 1 pt blue Stroke

how to create the first and second layer of Russian vector letter

Step
2

With
the letter still selected, add a New Stroke at the bottom of the
Appearance panel. Give it a 10 pt pink Stroke.

Add
a New Stroke at the bottom of the Appearance panel and give it a 10
pt
green Stroke. While this Stroke attribute stays selected in the
Appearance panel, go to Effect > Distort & Transform >
Transform
and apply the settings shown. This will move the green
layer to the bottom right side to create some depth. 

how to create the third and fourth layer of Russian vector letter

Step
3

With
the first letter still selected, press the New Graphic Style icon at
the bottom of the Graphic Styles panel in order to save it. Now,
select the rest of the letters and apply the same style to them. 

how to save the graphic style for Russian vector text

Step
4

Select
the text and choose Expand Appearance followed by Expand from the
Object menu in order to expand the appearances and strokes. Ungroup
(Shift-Control-G)
twice to get the individual colored layers.

At
this point, the text may not look great in some areas. If you get the
spikes shown in the close-up, you can remove them with the help of the
Delete Anchor Point Tool (-). Simply click on the anchor point at the
tip to remove it, and the curve will update itself. 

how to expand and fix the Russian vector text

Step
5

Move
each letter to a separate layer to keep things organized in the
Layers panel. On each layer, you should have four shapes corresponding
to the four appearances that you applied earlier. Rename the
green shape “depth”, the pink shape “outer border”, the pale
blue shape “main letter”, and the blue shape “inner border”.
On each layer, you should have the same thing. 

how to organize layers for Russian vector text

4. How
to Color the Russian Text

Step
1

Select
only the “depth” shape of the first letter and go to Select >
Same > Fill Color
. As a result, Illustrator will select all the
green shapes for you. Replace the fill color with red. 

how to color the edge of Russian vector text

Step
2

Next,
select only the “outer border” shape of the first letter and go
to Select > Same > Fill Color. As a result, Illustrator will
select all the pink shapes, and you can easily replace the fill color
with off-white. Also, apply a 1 pt red Stroke and press the Align
Stroke to Inside
option in the Stroke panel. 

how to color the outer border of Russian vector text

Step
3

Now,
select the “main letter” shape and use the same method to replace
the pale blue color with yellow. Also, go to Effect > Stylize > Inner
Glow
and apply the settings shown. 

how to color the main letter of Russian vector text

Step
4

The
last shape is the “inner border”. Replace the blue color with
red using the same method. 

how to color the inner border of Russian vector text

Step
5

At
this point, if you zoom in on the first letter, you will notice that some corners are missing and we need to fix them. Grab the Pen Tool
(P)
and draw a triangle shape to cover the empty space in the
corners. Fill them with the same red as the “depth” shape (1).

Now,
select the “depth” shape along with the triangles and press Unite
in the Pathfinder panel to merge them (2). Move the newly obtained
depth” shape to the back, where it was (3). 

how to fix the corners of Russian vector letter

Step
6

Zoom in on the other letters as well, and fix the corners as explained in the
previous step. 

how to fix all corners for Russian vector text

5. How
to Create a Simple Traditional Russian Pattern

Step
1

Let’s
create a simplified version of a traditional pattern. Take the
Rectangle Tool (M) and draw a 50 x 50 px square on your artboard (1);
then draw a smaller 20 x 20 px square in the center. Select a 6 pt
black Stroke for both of them (2).

Rotate
both squares 45 degrees using the Transform panel (3) and then choose
Expand from the Object menu to turn the strokes into fills. Drag the
two shapes to the Swatches panel to save it as a New Pattern Swatch
(4). 

how to create a simple traditional Russian pattern

Step
2

Let’s
apply the pattern. Focus on the first letter and select the shape
called “main letter”. Add a New Fill above the existing yellow
Fill and select the newly saved Squares Pattern Swatch from the
Swatches panel (1). 

To scale down the pattern, go to Object >
Transform > Scale
and make sure that only the Transform Patterns
option is checked. Type 15% in the Scale Uniform field and hit OK
(2). Finally, set the Blending Mode to Overlay for this Fill
attribute (3). 

how to apply a traditional pattern to Russian vector letter

Step
3

Repeat
the same thing for the other letters and apply the pattern. 

how to apply a traditional pattern to Russian vector text

6. How
to Create Shading on the Edge of the Russian Text

Step
1

Let’s
create a mask shape first. Select the “depth” shape of the first
letter and then Copy and Paste in Place (Shift-Control-V) to make a
copy of it in front of everything (1). Next, select the “outer
border
” shape and then Copy and Paste in Place (Shift-Control-V)
again (2). For visual reasons, I’ve changed the fill colors to blue
and green.

While
these copies stay selected, press Minus Front in the Pathfinder panel
and, as a result, you’ll get a group of shapes (3). Keep only the
shapes that match the bottom right edge, and delete the rest. Go
to Object > Compound Path > Make (Control-8) to merge the
remaining shapes into one. This will be the masking shape (4).

Repeat
the same thing for the other letters because you will need a masking
shape for each one of them (5). Hide them for the moment. 

how to create a mask shape for Russian vector letter

Step
2

Use
the Pen Tool (P) or the Line Segment Tool (\) to draw a short, straight path in the bottom right corner of the first letter (1).
Give it a 2 pt black Stroke; then go to Effect > Blur >
Gaussian Blur
and apply a Radius of 4 px. Reduce the Opacity to 75%
(2).

Multiply
this path and add copies in the other corners where a shadow should
be, as shown in the image below (3). 

how to create shading on Russian vector letter

Step
3

Now,
select all the shading paths along with the mask shape that you created earlier (which should be in front), and set to stroke-none,
fill-none and go to Object > Clipping Mask > Make (Control-7).
This will make the shading visible only on the red edge. 

how to mask shading on Russian vector letter

Step
4

Do
the same thing for the other letters by multiplying the same shading
path and arranging them in the areas where you want to create a
subtle shadow. After that, mask them using the shapes created
earlier. 

how to create shading for Russian vector text

7. How
to Create a Simple, Traditional Criss-Cross Pattern Brush

Step
1

Let’s
create a simplified version of a criss-cross traditional stripe decoration. 
Take
the Rectangle Tool (M) and draw a 117.5 x 117.5 px square on your
artboard (1). Next, draw four smaller 17.5 x 17.5 px squares filled
with dark red, and arrange them in the outer corners of the bigger one
(2). Draw another four 17 x 67 px rectangles filled with red, and
arrange them between the small squares on the sides (3).

Select
all the shapes and Rotate them 45 degrees in the Transform panel. At this point, you can delete the gray square (4). Next, take the
Delete Anchor Point Tool (-) and click on the outer points of the
small squares to delete them. Now the squares will turn into
triangles.

Go
to View > Rulers > Show Rulers and drag two horizontal and two
vertical Guides to the base of each triangle (5). They will help you
to draw a new square in between. Fill it with bright yellow and send
it to the back (6). 

how to create a criss-cross pattern brush in Illustrator

Step
2

Drag
the square decoration that you have created in the previous step into
the Brushes panel to save it as a New Pattern Brush. In the Pattern
Brush Options
window, type “CrissCross Pattern Brush” as the name
and drag the Scale slider to 4%. Hit OK

how to save a criss-cross pattern brush in Illustrator

Step
3

Let’s
apply the newly saved brush. Grab the Pen Tool (P) or the Line
Segment Tool (\)
and draw a straight path at the top of the first
letter up to the inner red border (1). Select a 1 pt Stroke and the
CrissCross Pattern Brush from the Brushes panel. Make extra
adjustments if needed and make sure it fits perfectly (2).

Draw
a new path with the same length, right at the bottom of the
criss-cross stripe decoration (3), and give it a 1 pt red Stroke. This
will make the design more symmetrical (4).

Repeat
the same thing and create another criss-cross stripe decoration at
the bottom of the first letter (5). 

how to create a criss-cross stripe on Russian vector letter

Step
4

Use
the technique explained above to create criss-cross stripe
decorations on the rest of the letters, as shown below. 

how to create a criss-cross stripe on Russian vector text

8. How
to Create a Geometric Flower Pattern Brush

Step
1

Use
the Rectangle Tool (M) to draw a small 12 x 8.5 px rectangle on your
artboard and fill it with bright yellow. Switch to the Direct
Selection Tool (A)
and use it to select only the two top points; then
move them to the right using the Right Arrow key on your keyboard.
You will obtain a geometric petal-like shape (1).

Next,
draw two small 5.5 x 2.5 px rectangles and arrange them in the shape
of a cross. Align the left corner of the petal shape with the corner
of the gray cross as shown below (2). While the petal shape stays
selected, go to Object > Transform > Reflect, check Horizontal, and hit Copy. You will obtain the second petal, and you need to align
it with the corner of the gray cross (3).

While
both petals stay selected, go back to Object > Transform >
Reflect
, and this time, check Vertical. Hit Copy and you will obtain
two new petals for the left side. Arrange them in place (4).

While
the four petals stay selected, go to Object > Transform >
Rotate
and choose a 90 degrees Angle. Hit Copy and you will get the
last four petals. Arrange them in place, and now the geometric flower is
complete (5).

Use
the Rectangle Tool (M) to draw a square around the flower. Mine was
exactly 50 x 50 px. Fill it with dark red and send it to the back (6). 

how to create a geometric flower pattern brush in Illustrator

Step
2

Select
the geometric flower and the red square and Rotate them 45 degrees in
the Transform panel. Drag everything into the Brushes panel to save
it as a New Pattern Brush. In the Pattern Brush Options window, just
type “Geometric Flower Pattern Brush” as the name and then hit
OK

how to save a geometric flower pattern brush in Illustrator

Step
3

Now,
let’s use the newly saved brush to decorate the Russian vector text.
Focus on the first letter and draw a straight path with the Pen Tool
(P)
or the Line Segment Tool (\) as shown (1). Select a 1 pt Stroke
and the Geometric Flower Pattern Brush from the Brushes panel. Open
the Stroke Options window from the Appearance panel, and drag the
Scale slider to 15% in order to make the geometric flowers smaller
(2).

Draw
another path on the first letter and apply the same settings in order
to add more decorations (3). 

how to apply a geometric flower pattern brush on Russian vector letter

Step
4

Repeat
the same thing for the rest of the letters and decorate them with the
Geometric Flower Pattern Brush as well. 

how to apply a geometric flower pattern brush on Russian vector text

9. How
to Add Extra Details on the Russian Text Effect

Step
1

Zoom in on the first letter and draw a shape as shown in the image below, between
the red inner border. After that, draw similar shapes on the other
letters. Fill these shapes with the same shade of red as the inner
border. 

how to add extra details on Russian vector text effect

Step
2

Finally,
you can add a very small red circle filled with the same shade of red
on the first, third, and fourth letters. 

how to add extra small decorations on the Russian vector text effect

10. How
to Create the Shadow Under the Russian Text Effect

Step
1

Focus
on the first letter again and select only the “depth” shape. Copy
and Paste in Place (Shift-Control-V) to make a copy of it in front of
everything (1). Next, select the “outer border” shape and Copy
and Paste in Place (Shift-Control-V) again to make a copy of this
shape as well (2). For visual reasons, I’ve changed the fill colors to
blue and gray.

While
both copies stay selected, press Unite in the Pathfinder panel to
merge them into a new shape (3). Send this new shape under the letter
in the Layers panel; then go to Effect > Stylize > Drop Shadow
and apply this effect three times to create the shadow (4). 

how to create shadow under Russian vector letter

These
are the settings for the three Drop Shadow effects: 

drop shadow effect settings for Russian vector text effect

Step
2

Follow
the technique explained above to create the new shapes for the rest
of the letters and send them to the back. Apply the Drop Shadow effect
three times using the same settings. 

how to create shadow under Russian vector text effect

Awesome Work, You’re Done!

Here
is the final image of the Russian-inspired text effect. I hope you
enjoyed this tutorial and that you learned new techniques today that
can be applied in future projects as well. 

Russian inspired vector text effect final image

Keep on drawing and learning with the recommended tutorials:

How to Create a Russian Text Effect in Adobe Illustrator

Post pobrano z: How to Create a Russian Text Effect in Adobe Illustrator

Final product image
What You’ll Be Creating

In
this tutorial, you will learn to create a Russian inspired vector text
effect, beautifully decorated with traditional geometric designs and
bright yellow and red colors. 

You’ll use the Appearance panel in Adobe Illustrator to
create and save a graphic style for the letters, and this will make it
easier to recolor the entire piece of text. You will create a new
geometric pattern and two new Pattern Brushes that will help us to
decorate the vector text. 

By the end of this tutorial, you will be
able to apply these techniques for other text effects as well. Let’s
start!

If
you need more Illustrator styles and text effects, make sure to head
over to GraphicRiver, where you’ll find plenty of resources. 

Tutorial
Assets

To
complete the tutorial, you will need the following assets:

1. How
to Set Up a New Document 

Launch
Illustrator
and
go to
File
> New
to
open a blank document. Type a name for your file, set the
dimensions, and then select
Pixels
as
Units
and
RGB
as
Color
Mode
.

Next,
go to
Edit
> Preferences > General
,
set the
Keyboard
Increment
to
1
px
and, while there, go to Units
to
make sure they are set as in the following image. I usually work with
these settings, and they will help you throughout the drawing process. 

how to open a new Illustrator document

2. How
to Create the Russian Text

Step
1

To create this text effect, we
are going to use the word “
Русский, which means “Russian”. So grab the Type
Tool (T)
and write the letters “PYCCKNN” on your artboard using
the Russian Land Font, with a size of 240 pt. In the Set the tracking for
the selected characters
field, select a value of 10 in order to add
more space between the letters.

Choose
Expand from the Object menu, followed by Ungroup (Shift-Control-G) to
turn the text into individual letters. 

how to type the Russian text

Step
2

Select
only the last two letters, go to the Transform panel, and from the
drop-down menu, choose Flip Horizontal. Now these letters match the Cyrillic alphabet.

We
need an accent to complete the last letter, so follow the sequence of
images to create it. First, draw two 20 x 20 px circles filled with
black and, after that, draw a curved path to connect them at the
bottom. Give it a 4 pt black Stroke and choose Expand from the Object
menu to turn the stroke into a shape. 
Now, select all three
shapes and press Unite in the Pathfinder panel to merge them into the
shape of the accent. Move it above the last letter. 

how to adjust the Russian vector text

3. How
to Create the Colored Text Layers

Step
1

Focus
on the first letter and fill it with pale blue for the moment. Also,
select a 1 pt blue Stroke

how to create the first and second layer of Russian vector letter

Step
2

With
the letter still selected, add a New Stroke at the bottom of the
Appearance panel. Give it a 10 pt pink Stroke.

Add
a New Stroke at the bottom of the Appearance panel and give it a 10
pt
green Stroke. While this Stroke attribute stays selected in the
Appearance panel, go to Effect > Distort & Transform >
Transform
and apply the settings shown. This will move the green
layer to the bottom right side to create some depth. 

how to create the third and fourth layer of Russian vector letter

Step
3

With
the first letter still selected, press the New Graphic Style icon at
the bottom of the Graphic Styles panel in order to save it. Now,
select the rest of the letters and apply the same style to them. 

how to save the graphic style for Russian vector text

Step
4

Select
the text and choose Expand Appearance followed by Expand from the
Object menu in order to expand the appearances and strokes. Ungroup
(Shift-Control-G)
twice to get the individual colored layers.

At
this point, the text may not look great in some areas. If you get the
spikes shown in the close-up, you can remove them with the help of the
Delete Anchor Point Tool (-). Simply click on the anchor point at the
tip to remove it, and the curve will update itself. 

how to expand and fix the Russian vector text

Step
5

Move
each letter to a separate layer to keep things organized in the
Layers panel. On each layer, you should have four shapes corresponding
to the four appearances that you applied earlier. Rename the
green shape “depth”, the pink shape “outer border”, the pale
blue shape “main letter”, and the blue shape “inner border”.
On each layer, you should have the same thing. 

how to organize layers for Russian vector text

4. How
to Color the Russian Text

Step
1

Select
only the “depth” shape of the first letter and go to Select >
Same > Fill Color
. As a result, Illustrator will select all the
green shapes for you. Replace the fill color with red. 

how to color the edge of Russian vector text

Step
2

Next,
select only the “outer border” shape of the first letter and go
to Select > Same > Fill Color. As a result, Illustrator will
select all the pink shapes, and you can easily replace the fill color
with off-white. Also, apply a 1 pt red Stroke and press the Align
Stroke to Inside
option in the Stroke panel. 

how to color the outer border of Russian vector text

Step
3

Now,
select the “main letter” shape and use the same method to replace
the pale blue color with yellow. Also, go to Effect > Stylize > Inner
Glow
and apply the settings shown. 

how to color the main letter of Russian vector text

Step
4

The
last shape is the “inner border”. Replace the blue color with
red using the same method. 

how to color the inner border of Russian vector text

Step
5

At
this point, if you zoom in on the first letter, you will notice that some corners are missing and we need to fix them. Grab the Pen Tool
(P)
and draw a triangle shape to cover the empty space in the
corners. Fill them with the same red as the “depth” shape (1).

Now,
select the “depth” shape along with the triangles and press Unite
in the Pathfinder panel to merge them (2). Move the newly obtained
depth” shape to the back, where it was (3). 

how to fix the corners of Russian vector letter

Step
6

Zoom in on the other letters as well, and fix the corners as explained in the
previous step. 

how to fix all corners for Russian vector text

5. How
to Create a Simple Traditional Russian Pattern

Step
1

Let’s
create a simplified version of a traditional pattern. Take the
Rectangle Tool (M) and draw a 50 x 50 px square on your artboard (1);
then draw a smaller 20 x 20 px square in the center. Select a 6 pt
black Stroke for both of them (2).

Rotate
both squares 45 degrees using the Transform panel (3) and then choose
Expand from the Object menu to turn the strokes into fills. Drag the
two shapes to the Swatches panel to save it as a New Pattern Swatch
(4). 

how to create a simple traditional Russian pattern

Step
2

Let’s
apply the pattern. Focus on the first letter and select the shape
called “main letter”. Add a New Fill above the existing yellow
Fill and select the newly saved Squares Pattern Swatch from the
Swatches panel (1). 

To scale down the pattern, go to Object >
Transform > Scale
and make sure that only the Transform Patterns
option is checked. Type 15% in the Scale Uniform field and hit OK
(2). Finally, set the Blending Mode to Overlay for this Fill
attribute (3). 

how to apply a traditional pattern to Russian vector letter

Step
3

Repeat
the same thing for the other letters and apply the pattern. 

how to apply a traditional pattern to Russian vector text

6. How
to Create Shading on the Edge of the Russian Text

Step
1

Let’s
create a mask shape first. Select the “depth” shape of the first
letter and then Copy and Paste in Place (Shift-Control-V) to make a
copy of it in front of everything (1). Next, select the “outer
border
” shape and then Copy and Paste in Place (Shift-Control-V)
again (2). For visual reasons, I’ve changed the fill colors to blue
and green.

While
these copies stay selected, press Minus Front in the Pathfinder panel
and, as a result, you’ll get a group of shapes (3). Keep only the
shapes that match the bottom right edge, and delete the rest. Go
to Object > Compound Path > Make (Control-8) to merge the
remaining shapes into one. This will be the masking shape (4).

Repeat
the same thing for the other letters because you will need a masking
shape for each one of them (5). Hide them for the moment. 

how to create a mask shape for Russian vector letter

Step
2

Use
the Pen Tool (P) or the Line Segment Tool (\) to draw a short, straight path in the bottom right corner of the first letter (1).
Give it a 2 pt black Stroke; then go to Effect > Blur >
Gaussian Blur
and apply a Radius of 4 px. Reduce the Opacity to 75%
(2).

Multiply
this path and add copies in the other corners where a shadow should
be, as shown in the image below (3). 

how to create shading on Russian vector letter

Step
3

Now,
select all the shading paths along with the mask shape that you created earlier (which should be in front), and set to stroke-none,
fill-none and go to Object > Clipping Mask > Make (Control-7).
This will make the shading visible only on the red edge. 

how to mask shading on Russian vector letter

Step
4

Do
the same thing for the other letters by multiplying the same shading
path and arranging them in the areas where you want to create a
subtle shadow. After that, mask them using the shapes created
earlier. 

how to create shading for Russian vector text

7. How
to Create a Simple, Traditional Criss-Cross Pattern Brush

Step
1

Let’s
create a simplified version of a criss-cross traditional stripe decoration. 
Take
the Rectangle Tool (M) and draw a 117.5 x 117.5 px square on your
artboard (1). Next, draw four smaller 17.5 x 17.5 px squares filled
with dark red, and arrange them in the outer corners of the bigger one
(2). Draw another four 17 x 67 px rectangles filled with red, and
arrange them between the small squares on the sides (3).

Select
all the shapes and Rotate them 45 degrees in the Transform panel. At this point, you can delete the gray square (4). Next, take the
Delete Anchor Point Tool (-) and click on the outer points of the
small squares to delete them. Now the squares will turn into
triangles.

Go
to View > Rulers > Show Rulers and drag two horizontal and two
vertical Guides to the base of each triangle (5). They will help you
to draw a new square in between. Fill it with bright yellow and send
it to the back (6). 

how to create a criss-cross pattern brush in Illustrator

Step
2

Drag
the square decoration that you have created in the previous step into
the Brushes panel to save it as a New Pattern Brush. In the Pattern
Brush Options
window, type “CrissCross Pattern Brush” as the name
and drag the Scale slider to 4%. Hit OK

how to save a criss-cross pattern brush in Illustrator

Step
3

Let’s
apply the newly saved brush. Grab the Pen Tool (P) or the Line
Segment Tool (\)
and draw a straight path at the top of the first
letter up to the inner red border (1). Select a 1 pt Stroke and the
CrissCross Pattern Brush from the Brushes panel. Make extra
adjustments if needed and make sure it fits perfectly (2).

Draw
a new path with the same length, right at the bottom of the
criss-cross stripe decoration (3), and give it a 1 pt red Stroke. This
will make the design more symmetrical (4).

Repeat
the same thing and create another criss-cross stripe decoration at
the bottom of the first letter (5). 

how to create a criss-cross stripe on Russian vector letter

Step
4

Use
the technique explained above to create criss-cross stripe
decorations on the rest of the letters, as shown below. 

how to create a criss-cross stripe on Russian vector text

8. How
to Create a Geometric Flower Pattern Brush

Step
1

Use
the Rectangle Tool (M) to draw a small 12 x 8.5 px rectangle on your
artboard and fill it with bright yellow. Switch to the Direct
Selection Tool (A)
and use it to select only the two top points; then
move them to the right using the Right Arrow key on your keyboard.
You will obtain a geometric petal-like shape (1).

Next,
draw two small 5.5 x 2.5 px rectangles and arrange them in the shape
of a cross. Align the left corner of the petal shape with the corner
of the gray cross as shown below (2). While the petal shape stays
selected, go to Object > Transform > Reflect, check Horizontal, and hit Copy. You will obtain the second petal, and you need to align
it with the corner of the gray cross (3).

While
both petals stay selected, go back to Object > Transform >
Reflect
, and this time, check Vertical. Hit Copy and you will obtain
two new petals for the left side. Arrange them in place (4).

While
the four petals stay selected, go to Object > Transform >
Rotate
and choose a 90 degrees Angle. Hit Copy and you will get the
last four petals. Arrange them in place, and now the geometric flower is
complete (5).

Use
the Rectangle Tool (M) to draw a square around the flower. Mine was
exactly 50 x 50 px. Fill it with dark red and send it to the back (6). 

how to create a geometric flower pattern brush in Illustrator

Step
2

Select
the geometric flower and the red square and Rotate them 45 degrees in
the Transform panel. Drag everything into the Brushes panel to save
it as a New Pattern Brush. In the Pattern Brush Options window, just
type “Geometric Flower Pattern Brush” as the name and then hit
OK

how to save a geometric flower pattern brush in Illustrator

Step
3

Now,
let’s use the newly saved brush to decorate the Russian vector text.
Focus on the first letter and draw a straight path with the Pen Tool
(P)
or the Line Segment Tool (\) as shown (1). Select a 1 pt Stroke
and the Geometric Flower Pattern Brush from the Brushes panel. Open
the Stroke Options window from the Appearance panel, and drag the
Scale slider to 15% in order to make the geometric flowers smaller
(2).

Draw
another path on the first letter and apply the same settings in order
to add more decorations (3). 

how to apply a geometric flower pattern brush on Russian vector letter

Step
4

Repeat
the same thing for the rest of the letters and decorate them with the
Geometric Flower Pattern Brush as well. 

how to apply a geometric flower pattern brush on Russian vector text

9. How
to Add Extra Details on the Russian Text Effect

Step
1

Zoom in on the first letter and draw a shape as shown in the image below, between
the red inner border. After that, draw similar shapes on the other
letters. Fill these shapes with the same shade of red as the inner
border. 

how to add extra details on Russian vector text effect

Step
2

Finally,
you can add a very small red circle filled with the same shade of red
on the first, third, and fourth letters. 

how to add extra small decorations on the Russian vector text effect

10. How
to Create the Shadow Under the Russian Text Effect

Step
1

Focus
on the first letter again and select only the “depth” shape. Copy
and Paste in Place (Shift-Control-V) to make a copy of it in front of
everything (1). Next, select the “outer border” shape and Copy
and Paste in Place (Shift-Control-V) again to make a copy of this
shape as well (2). For visual reasons, I’ve changed the fill colors to
blue and gray.

While
both copies stay selected, press Unite in the Pathfinder panel to
merge them into a new shape (3). Send this new shape under the letter
in the Layers panel; then go to Effect > Stylize > Drop Shadow
and apply this effect three times to create the shadow (4). 

how to create shadow under Russian vector letter

These
are the settings for the three Drop Shadow effects: 

drop shadow effect settings for Russian vector text effect

Step
2

Follow
the technique explained above to create the new shapes for the rest
of the letters and send them to the back. Apply the Drop Shadow effect
three times using the same settings. 

how to create shadow under Russian vector text effect

Awesome Work, You’re Done!

Here
is the final image of the Russian-inspired text effect. I hope you
enjoyed this tutorial and that you learned new techniques today that
can be applied in future projects as well. 

Russian inspired vector text effect final image

Keep on drawing and learning with the recommended tutorials:

How to Create a Russian Text Effect in Adobe Illustrator

Post pobrano z: How to Create a Russian Text Effect in Adobe Illustrator

Final product image
What You’ll Be Creating

In
this tutorial, you will learn to create a Russian inspired vector text
effect, beautifully decorated with traditional geometric designs and
bright yellow and red colors. 

You’ll use the Appearance panel in Adobe Illustrator to
create and save a graphic style for the letters, and this will make it
easier to recolor the entire piece of text. You will create a new
geometric pattern and two new Pattern Brushes that will help us to
decorate the vector text. 

By the end of this tutorial, you will be
able to apply these techniques for other text effects as well. Let’s
start!

If
you need more Illustrator styles and text effects, make sure to head
over to GraphicRiver, where you’ll find plenty of resources. 

Tutorial
Assets

To
complete the tutorial, you will need the following assets:

1. How
to Set Up a New Document 

Launch
Illustrator
and
go to
File
> New
to
open a blank document. Type a name for your file, set the
dimensions, and then select
Pixels
as
Units
and
RGB
as
Color
Mode
.

Next,
go to
Edit
> Preferences > General
,
set the
Keyboard
Increment
to
1
px
and, while there, go to Units
to
make sure they are set as in the following image. I usually work with
these settings, and they will help you throughout the drawing process. 

how to open a new Illustrator document

2. How
to Create the Russian Text

Step
1

To create this text effect, we
are going to use the word “
Русский, which means “Russian”. So grab the Type
Tool (T)
and write the letters “PYCCKNN” on your artboard using
the Russian Land Font, with a size of 240 pt. In the Set the tracking for
the selected characters
field, select a value of 10 in order to add
more space between the letters.

Choose
Expand from the Object menu, followed by Ungroup (Shift-Control-G) to
turn the text into individual letters. 

how to type the Russian text

Step
2

Select
only the last two letters, go to the Transform panel, and from the
drop-down menu, choose Flip Horizontal. Now these letters match the Cyrillic alphabet.

We
need an accent to complete the last letter, so follow the sequence of
images to create it. First, draw two 20 x 20 px circles filled with
black and, after that, draw a curved path to connect them at the
bottom. Give it a 4 pt black Stroke and choose Expand from the Object
menu to turn the stroke into a shape. 
Now, select all three
shapes and press Unite in the Pathfinder panel to merge them into the
shape of the accent. Move it above the last letter. 

how to adjust the Russian vector text

3. How
to Create the Colored Text Layers

Step
1

Focus
on the first letter and fill it with pale blue for the moment. Also,
select a 1 pt blue Stroke

how to create the first and second layer of Russian vector letter

Step
2

With
the letter still selected, add a New Stroke at the bottom of the
Appearance panel. Give it a 10 pt pink Stroke.

Add
a New Stroke at the bottom of the Appearance panel and give it a 10
pt
green Stroke. While this Stroke attribute stays selected in the
Appearance panel, go to Effect > Distort & Transform >
Transform
and apply the settings shown. This will move the green
layer to the bottom right side to create some depth. 

how to create the third and fourth layer of Russian vector letter

Step
3

With
the first letter still selected, press the New Graphic Style icon at
the bottom of the Graphic Styles panel in order to save it. Now,
select the rest of the letters and apply the same style to them. 

how to save the graphic style for Russian vector text

Step
4

Select
the text and choose Expand Appearance followed by Expand from the
Object menu in order to expand the appearances and strokes. Ungroup
(Shift-Control-G)
twice to get the individual colored layers.

At
this point, the text may not look great in some areas. If you get the
spikes shown in the close-up, you can remove them with the help of the
Delete Anchor Point Tool (-). Simply click on the anchor point at the
tip to remove it, and the curve will update itself. 

how to expand and fix the Russian vector text

Step
5

Move
each letter to a separate layer to keep things organized in the
Layers panel. On each layer, you should have four shapes corresponding
to the four appearances that you applied earlier. Rename the
green shape “depth”, the pink shape “outer border”, the pale
blue shape “main letter”, and the blue shape “inner border”.
On each layer, you should have the same thing. 

how to organize layers for Russian vector text

4. How
to Color the Russian Text

Step
1

Select
only the “depth” shape of the first letter and go to Select >
Same > Fill Color
. As a result, Illustrator will select all the
green shapes for you. Replace the fill color with red. 

how to color the edge of Russian vector text

Step
2

Next,
select only the “outer border” shape of the first letter and go
to Select > Same > Fill Color. As a result, Illustrator will
select all the pink shapes, and you can easily replace the fill color
with off-white. Also, apply a 1 pt red Stroke and press the Align
Stroke to Inside
option in the Stroke panel. 

how to color the outer border of Russian vector text

Step
3

Now,
select the “main letter” shape and use the same method to replace
the pale blue color with yellow. Also, go to Effect > Stylize > Inner
Glow
and apply the settings shown. 

how to color the main letter of Russian vector text

Step
4

The
last shape is the “inner border”. Replace the blue color with
red using the same method. 

how to color the inner border of Russian vector text

Step
5

At
this point, if you zoom in on the first letter, you will notice that some corners are missing and we need to fix them. Grab the Pen Tool
(P)
and draw a triangle shape to cover the empty space in the
corners. Fill them with the same red as the “depth” shape (1).

Now,
select the “depth” shape along with the triangles and press Unite
in the Pathfinder panel to merge them (2). Move the newly obtained
depth” shape to the back, where it was (3). 

how to fix the corners of Russian vector letter

Step
6

Zoom in on the other letters as well, and fix the corners as explained in the
previous step. 

how to fix all corners for Russian vector text

5. How
to Create a Simple Traditional Russian Pattern

Step
1

Let’s
create a simplified version of a traditional pattern. Take the
Rectangle Tool (M) and draw a 50 x 50 px square on your artboard (1);
then draw a smaller 20 x 20 px square in the center. Select a 6 pt
black Stroke for both of them (2).

Rotate
both squares 45 degrees using the Transform panel (3) and then choose
Expand from the Object menu to turn the strokes into fills. Drag the
two shapes to the Swatches panel to save it as a New Pattern Swatch
(4). 

how to create a simple traditional Russian pattern

Step
2

Let’s
apply the pattern. Focus on the first letter and select the shape
called “main letter”. Add a New Fill above the existing yellow
Fill and select the newly saved Squares Pattern Swatch from the
Swatches panel (1). 

To scale down the pattern, go to Object >
Transform > Scale
and make sure that only the Transform Patterns
option is checked. Type 15% in the Scale Uniform field and hit OK
(2). Finally, set the Blending Mode to Overlay for this Fill
attribute (3). 

how to apply a traditional pattern to Russian vector letter

Step
3

Repeat
the same thing for the other letters and apply the pattern. 

how to apply a traditional pattern to Russian vector text

6. How
to Create Shading on the Edge of the Russian Text

Step
1

Let’s
create a mask shape first. Select the “depth” shape of the first
letter and then Copy and Paste in Place (Shift-Control-V) to make a
copy of it in front of everything (1). Next, select the “outer
border
” shape and then Copy and Paste in Place (Shift-Control-V)
again (2). For visual reasons, I’ve changed the fill colors to blue
and green.

While
these copies stay selected, press Minus Front in the Pathfinder panel
and, as a result, you’ll get a group of shapes (3). Keep only the
shapes that match the bottom right edge, and delete the rest. Go
to Object > Compound Path > Make (Control-8) to merge the
remaining shapes into one. This will be the masking shape (4).

Repeat
the same thing for the other letters because you will need a masking
shape for each one of them (5). Hide them for the moment. 

how to create a mask shape for Russian vector letter

Step
2

Use
the Pen Tool (P) or the Line Segment Tool (\) to draw a short, straight path in the bottom right corner of the first letter (1).
Give it a 2 pt black Stroke; then go to Effect > Blur >
Gaussian Blur
and apply a Radius of 4 px. Reduce the Opacity to 75%
(2).

Multiply
this path and add copies in the other corners where a shadow should
be, as shown in the image below (3). 

how to create shading on Russian vector letter

Step
3

Now,
select all the shading paths along with the mask shape that you created earlier (which should be in front), and set to stroke-none,
fill-none and go to Object > Clipping Mask > Make (Control-7).
This will make the shading visible only on the red edge. 

how to mask shading on Russian vector letter

Step
4

Do
the same thing for the other letters by multiplying the same shading
path and arranging them in the areas where you want to create a
subtle shadow. After that, mask them using the shapes created
earlier. 

how to create shading for Russian vector text

7. How
to Create a Simple, Traditional Criss-Cross Pattern Brush

Step
1

Let’s
create a simplified version of a criss-cross traditional stripe decoration. 
Take
the Rectangle Tool (M) and draw a 117.5 x 117.5 px square on your
artboard (1). Next, draw four smaller 17.5 x 17.5 px squares filled
with dark red, and arrange them in the outer corners of the bigger one
(2). Draw another four 17 x 67 px rectangles filled with red, and
arrange them between the small squares on the sides (3).

Select
all the shapes and Rotate them 45 degrees in the Transform panel. At this point, you can delete the gray square (4). Next, take the
Delete Anchor Point Tool (-) and click on the outer points of the
small squares to delete them. Now the squares will turn into
triangles.

Go
to View > Rulers > Show Rulers and drag two horizontal and two
vertical Guides to the base of each triangle (5). They will help you
to draw a new square in between. Fill it with bright yellow and send
it to the back (6). 

how to create a criss-cross pattern brush in Illustrator

Step
2

Drag
the square decoration that you have created in the previous step into
the Brushes panel to save it as a New Pattern Brush. In the Pattern
Brush Options
window, type “CrissCross Pattern Brush” as the name
and drag the Scale slider to 4%. Hit OK

how to save a criss-cross pattern brush in Illustrator

Step
3

Let’s
apply the newly saved brush. Grab the Pen Tool (P) or the Line
Segment Tool (\)
and draw a straight path at the top of the first
letter up to the inner red border (1). Select a 1 pt Stroke and the
CrissCross Pattern Brush from the Brushes panel. Make extra
adjustments if needed and make sure it fits perfectly (2).

Draw
a new path with the same length, right at the bottom of the
criss-cross stripe decoration (3), and give it a 1 pt red Stroke. This
will make the design more symmetrical (4).

Repeat
the same thing and create another criss-cross stripe decoration at
the bottom of the first letter (5). 

how to create a criss-cross stripe on Russian vector letter

Step
4

Use
the technique explained above to create criss-cross stripe
decorations on the rest of the letters, as shown below. 

how to create a criss-cross stripe on Russian vector text

8. How
to Create a Geometric Flower Pattern Brush

Step
1

Use
the Rectangle Tool (M) to draw a small 12 x 8.5 px rectangle on your
artboard and fill it with bright yellow. Switch to the Direct
Selection Tool (A)
and use it to select only the two top points; then
move them to the right using the Right Arrow key on your keyboard.
You will obtain a geometric petal-like shape (1).

Next,
draw two small 5.5 x 2.5 px rectangles and arrange them in the shape
of a cross. Align the left corner of the petal shape with the corner
of the gray cross as shown below (2). While the petal shape stays
selected, go to Object > Transform > Reflect, check Horizontal, and hit Copy. You will obtain the second petal, and you need to align
it with the corner of the gray cross (3).

While
both petals stay selected, go back to Object > Transform >
Reflect
, and this time, check Vertical. Hit Copy and you will obtain
two new petals for the left side. Arrange them in place (4).

While
the four petals stay selected, go to Object > Transform >
Rotate
and choose a 90 degrees Angle. Hit Copy and you will get the
last four petals. Arrange them in place, and now the geometric flower is
complete (5).

Use
the Rectangle Tool (M) to draw a square around the flower. Mine was
exactly 50 x 50 px. Fill it with dark red and send it to the back (6). 

how to create a geometric flower pattern brush in Illustrator

Step
2

Select
the geometric flower and the red square and Rotate them 45 degrees in
the Transform panel. Drag everything into the Brushes panel to save
it as a New Pattern Brush. In the Pattern Brush Options window, just
type “Geometric Flower Pattern Brush” as the name and then hit
OK

how to save a geometric flower pattern brush in Illustrator

Step
3

Now,
let’s use the newly saved brush to decorate the Russian vector text.
Focus on the first letter and draw a straight path with the Pen Tool
(P)
or the Line Segment Tool (\) as shown (1). Select a 1 pt Stroke
and the Geometric Flower Pattern Brush from the Brushes panel. Open
the Stroke Options window from the Appearance panel, and drag the
Scale slider to 15% in order to make the geometric flowers smaller
(2).

Draw
another path on the first letter and apply the same settings in order
to add more decorations (3). 

how to apply a geometric flower pattern brush on Russian vector letter

Step
4

Repeat
the same thing for the rest of the letters and decorate them with the
Geometric Flower Pattern Brush as well. 

how to apply a geometric flower pattern brush on Russian vector text

9. How
to Add Extra Details on the Russian Text Effect

Step
1

Zoom in on the first letter and draw a shape as shown in the image below, between
the red inner border. After that, draw similar shapes on the other
letters. Fill these shapes with the same shade of red as the inner
border. 

how to add extra details on Russian vector text effect

Step
2

Finally,
you can add a very small red circle filled with the same shade of red
on the first, third, and fourth letters. 

how to add extra small decorations on the Russian vector text effect

10. How
to Create the Shadow Under the Russian Text Effect

Step
1

Focus
on the first letter again and select only the “depth” shape. Copy
and Paste in Place (Shift-Control-V) to make a copy of it in front of
everything (1). Next, select the “outer border” shape and Copy
and Paste in Place (Shift-Control-V) again to make a copy of this
shape as well (2). For visual reasons, I’ve changed the fill colors to
blue and gray.

While
both copies stay selected, press Unite in the Pathfinder panel to
merge them into a new shape (3). Send this new shape under the letter
in the Layers panel; then go to Effect > Stylize > Drop Shadow
and apply this effect three times to create the shadow (4). 

how to create shadow under Russian vector letter

These
are the settings for the three Drop Shadow effects: 

drop shadow effect settings for Russian vector text effect

Step
2

Follow
the technique explained above to create the new shapes for the rest
of the letters and send them to the back. Apply the Drop Shadow effect
three times using the same settings. 

how to create shadow under Russian vector text effect

Awesome Work, You’re Done!

Here
is the final image of the Russian-inspired text effect. I hope you
enjoyed this tutorial and that you learned new techniques today that
can be applied in future projects as well. 

Russian inspired vector text effect final image

Keep on drawing and learning with the recommended tutorials:

How to Create a Photo to Watercolor Photoshop Action

Post pobrano z: How to Create a Photo to Watercolor Photoshop Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing watercolor photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced watercolor effects shown below, using just a single click and in only a few minutes, then check out my Aquarelle Photoshop Action.

Action final results

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–3000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

Step 2

Now we need to expand the canvas on the left so we have more space around the subject on this side. Go to Image > Canvas Size and use the settings below:

Expanding canvas

Step 3

Choose the Rectangular Marquee Tool (M), and click and drag to make a selection of the empty white space we have just added. Then, go to Edit > Fill, and set Contents to Content-Aware, Blending to Normal, and Opacity to 100% as shown below. After that, press Control-D on your keyboard to deselect.

Filling selection

2. How to Create the Brushes

In
this section, we are going to create several watercolor brushes we’ll need.
You can check this tutorial to follow the process described and create your own brushes from scratch or using the attached textures, or you can download my TechnicalArt 2 Photoshop Action and get over 60 high-quality and resolution watercolor brushes. Here are the main brushes I’ll be using:

Watercolor brushes

3. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background color, and choose the color #cccccc.

Creating new solid color fill layer

Step 2

Go to File > Place Embedded, select the texture from the second texture link, and click Place. Then, set the Width and Height of the texture to 83.03% as shown below, and name this layer Background_Texture.

Placing texture

Step 3

Now change the Blending Mode of this layer to Soft Light and set the Opacity to 52%.

Changing blending mode and opacity

Step 4

Go to Layer > New Adjustment Layer > Black & White to create a new black & white adjustment layer, and name it BT_Desaturate.

Creating new black and white adjustment layer

Step 5

Now press Control-Alt-G on your keyboard to create a clipping mask.

Creating clipping mask

4. How to Create the Sketch

Step 1

In this section, we are going to create the sketch. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer. Then, go to Filter > Filter Gallery > Stylize > Glowing Edges and set the Edge Width to 1, Edge Brightness to 20, and Smoothness to 15.

Adding glowing edges filter

Step 3

Press Control-I on your keyboard to invert this layer. Then, go to Filter > Sharpen > Unsharp Mask and set the Amount to 500%, Radius to 1 px, and Threshold to 0 levels.

Adding unsharp mask filter

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 29%. Then, name this layer Sketch.

Changing blending mode and opacity

5. How to Create the Watercolor Painting

Step 1

In this section, we are going to create the watercolor painting. Go to Layer > New > Layer to create a new layer and name it Temp.

Creating new layer

Step 2

Now set the foreground color to #000000, choose the Brush Tool (B), and pick some of the watercolor brushes you have created. Then, brush over and around the subject area where you want to create the watercolor painting.

Brushing onto layer

Step 3

Control-click on this layer thumbnail to make a selection of this layer. Then, hide this layer, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection. After that, drag this new layer just below the Temp layer in the Layers panel.

Creating new layer using selection

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 80%. Then, name this layer Watercolor_Painting_1.

Changing blending mode and opacity

Step 5

Right-click on the Temp layer and choose Delete Layer.

Deleting layer

Step 6

Now repeat this process using the different watercolor brushes to create more watercolor painting layers. Here is my result:

Creating more watercolor painting layers

6. How to Create the Main Subject

Step 1

In this section, we are going to create the main subject. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.

Adding layer mask

Step 3

Set the foreground color to #ffffff, choose the Brush Tool (B), pick some of the watercolor brushes that you have created, and brush mostly over the subject area. Feel free to use different watercolor brushes.

Brushing into layer mask

Step 4

Now name this layer Main Subject.

Naming layer

7. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Subject Details layer, go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +47 and Saturation to +23.

Adjusting vibrance and saturation

Step 7

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Soft Light and name it Overall Sharpening.

Changing blending mode

8. How to Crop the Image

Now let’s crop the image to cut out the empty area of the design. Choose the Crop Tool (C) and transform the Crop Box as shown below:

Cropping image

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced watercolor effects
shown below, using just a single click and in only a few minutes, then
check out my Aquarelle Photoshop Action.

Using
this action, you can transform your photos into professional aquarelle
artworks with no work at all! You just brush over your photo and play
the action. The action will do all the work for you in just a couple of
minutes, leaving you fully layered and customizable results.

The action is also made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always create
unique variations in the watercolor textures, so you can create an unlimited number of
results! The action also creates 50 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final results

You may also like:

How to Create a Photo to Watercolor Photoshop Action

Post pobrano z: How to Create a Photo to Watercolor Photoshop Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing watercolor photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced watercolor effects shown below, using just a single click and in only a few minutes, then check out my Aquarelle Photoshop Action.

Action final results

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–3000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

Step 2

Now we need to expand the canvas on the left so we have more space around the subject on this side. Go to Image > Canvas Size and use the settings below:

Expanding canvas

Step 3

Choose the Rectangular Marquee Tool (M), and click and drag to make a selection of the empty white space we have just added. Then, go to Edit > Fill, and set Contents to Content-Aware, Blending to Normal, and Opacity to 100% as shown below. After that, press Control-D on your keyboard to deselect.

Filling selection

2. How to Create the Brushes

In
this section, we are going to create several watercolor brushes we’ll need.
You can check this tutorial to follow the process described and create your own brushes from scratch or using the attached textures, or you can download my TechnicalArt 2 Photoshop Action and get over 60 high-quality and resolution watercolor brushes. Here are the main brushes I’ll be using:

Watercolor brushes

3. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background color, and choose the color #cccccc.

Creating new solid color fill layer

Step 2

Go to File > Place Embedded, select the texture from the second texture link, and click Place. Then, set the Width and Height of the texture to 83.03% as shown below, and name this layer Background_Texture.

Placing texture

Step 3

Now change the Blending Mode of this layer to Soft Light and set the Opacity to 52%.

Changing blending mode and opacity

Step 4

Go to Layer > New Adjustment Layer > Black & White to create a new black & white adjustment layer, and name it BT_Desaturate.

Creating new black and white adjustment layer

Step 5

Now press Control-Alt-G on your keyboard to create a clipping mask.

Creating clipping mask

4. How to Create the Sketch

Step 1

In this section, we are going to create the sketch. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer. Then, go to Filter > Filter Gallery > Stylize > Glowing Edges and set the Edge Width to 1, Edge Brightness to 20, and Smoothness to 15.

Adding glowing edges filter

Step 3

Press Control-I on your keyboard to invert this layer. Then, go to Filter > Sharpen > Unsharp Mask and set the Amount to 500%, Radius to 1 px, and Threshold to 0 levels.

Adding unsharp mask filter

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 29%. Then, name this layer Sketch.

Changing blending mode and opacity

5. How to Create the Watercolor Painting

Step 1

In this section, we are going to create the watercolor painting. Go to Layer > New > Layer to create a new layer and name it Temp.

Creating new layer

Step 2

Now set the foreground color to #000000, choose the Brush Tool (B), and pick some of the watercolor brushes you have created. Then, brush over and around the subject area where you want to create the watercolor painting.

Brushing onto layer

Step 3

Control-click on this layer thumbnail to make a selection of this layer. Then, hide this layer, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection. After that, drag this new layer just below the Temp layer in the Layers panel.

Creating new layer using selection

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 80%. Then, name this layer Watercolor_Painting_1.

Changing blending mode and opacity

Step 5

Right-click on the Temp layer and choose Delete Layer.

Deleting layer

Step 6

Now repeat this process using the different watercolor brushes to create more watercolor painting layers. Here is my result:

Creating more watercolor painting layers

6. How to Create the Main Subject

Step 1

In this section, we are going to create the main subject. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.

Adding layer mask

Step 3

Set the foreground color to #ffffff, choose the Brush Tool (B), pick some of the watercolor brushes that you have created, and brush mostly over the subject area. Feel free to use different watercolor brushes.

Brushing into layer mask

Step 4

Now name this layer Main Subject.

Naming layer

7. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Subject Details layer, go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +47 and Saturation to +23.

Adjusting vibrance and saturation

Step 7

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Soft Light and name it Overall Sharpening.

Changing blending mode

8. How to Crop the Image

Now let’s crop the image to cut out the empty area of the design. Choose the Crop Tool (C) and transform the Crop Box as shown below:

Cropping image

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced watercolor effects
shown below, using just a single click and in only a few minutes, then
check out my Aquarelle Photoshop Action.

Using
this action, you can transform your photos into professional aquarelle
artworks with no work at all! You just brush over your photo and play
the action. The action will do all the work for you in just a couple of
minutes, leaving you fully layered and customizable results.

The action is also made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always create
unique variations in the watercolor textures, so you can create an unlimited number of
results! The action also creates 50 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final results

You may also like:

How to Create a Photo to Watercolor Photoshop Action

Post pobrano z: How to Create a Photo to Watercolor Photoshop Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing watercolor photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced watercolor effects shown below, using just a single click and in only a few minutes, then check out my Aquarelle Photoshop Action.

Action final results

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–3000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

Step 2

Now we need to expand the canvas on the left so we have more space around the subject on this side. Go to Image > Canvas Size and use the settings below:

Expanding canvas

Step 3

Choose the Rectangular Marquee Tool (M), and click and drag to make a selection of the empty white space we have just added. Then, go to Edit > Fill, and set Contents to Content-Aware, Blending to Normal, and Opacity to 100% as shown below. After that, press Control-D on your keyboard to deselect.

Filling selection

2. How to Create the Brushes

In
this section, we are going to create several watercolor brushes we’ll need.
You can check this tutorial to follow the process described and create your own brushes from scratch or using the attached textures, or you can download my TechnicalArt 2 Photoshop Action and get over 60 high-quality and resolution watercolor brushes. Here are the main brushes I’ll be using:

Watercolor brushes

3. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background color, and choose the color #cccccc.

Creating new solid color fill layer

Step 2

Go to File > Place Embedded, select the texture from the second texture link, and click Place. Then, set the Width and Height of the texture to 83.03% as shown below, and name this layer Background_Texture.

Placing texture

Step 3

Now change the Blending Mode of this layer to Soft Light and set the Opacity to 52%.

Changing blending mode and opacity

Step 4

Go to Layer > New Adjustment Layer > Black & White to create a new black & white adjustment layer, and name it BT_Desaturate.

Creating new black and white adjustment layer

Step 5

Now press Control-Alt-G on your keyboard to create a clipping mask.

Creating clipping mask

4. How to Create the Sketch

Step 1

In this section, we are going to create the sketch. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer. Then, go to Filter > Filter Gallery > Stylize > Glowing Edges and set the Edge Width to 1, Edge Brightness to 20, and Smoothness to 15.

Adding glowing edges filter

Step 3

Press Control-I on your keyboard to invert this layer. Then, go to Filter > Sharpen > Unsharp Mask and set the Amount to 500%, Radius to 1 px, and Threshold to 0 levels.

Adding unsharp mask filter

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 29%. Then, name this layer Sketch.

Changing blending mode and opacity

5. How to Create the Watercolor Painting

Step 1

In this section, we are going to create the watercolor painting. Go to Layer > New > Layer to create a new layer and name it Temp.

Creating new layer

Step 2

Now set the foreground color to #000000, choose the Brush Tool (B), and pick some of the watercolor brushes you have created. Then, brush over and around the subject area where you want to create the watercolor painting.

Brushing onto layer

Step 3

Control-click on this layer thumbnail to make a selection of this layer. Then, hide this layer, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection. After that, drag this new layer just below the Temp layer in the Layers panel.

Creating new layer using selection

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 80%. Then, name this layer Watercolor_Painting_1.

Changing blending mode and opacity

Step 5

Right-click on the Temp layer and choose Delete Layer.

Deleting layer

Step 6

Now repeat this process using the different watercolor brushes to create more watercolor painting layers. Here is my result:

Creating more watercolor painting layers

6. How to Create the Main Subject

Step 1

In this section, we are going to create the main subject. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.

Adding layer mask

Step 3

Set the foreground color to #ffffff, choose the Brush Tool (B), pick some of the watercolor brushes that you have created, and brush mostly over the subject area. Feel free to use different watercolor brushes.

Brushing into layer mask

Step 4

Now name this layer Main Subject.

Naming layer

7. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Subject Details layer, go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +47 and Saturation to +23.

Adjusting vibrance and saturation

Step 7

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Soft Light and name it Overall Sharpening.

Changing blending mode

8. How to Crop the Image

Now let’s crop the image to cut out the empty area of the design. Choose the Crop Tool (C) and transform the Crop Box as shown below:

Cropping image

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced watercolor effects
shown below, using just a single click and in only a few minutes, then
check out my Aquarelle Photoshop Action.

Using
this action, you can transform your photos into professional aquarelle
artworks with no work at all! You just brush over your photo and play
the action. The action will do all the work for you in just a couple of
minutes, leaving you fully layered and customizable results.

The action is also made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always create
unique variations in the watercolor textures, so you can create an unlimited number of
results! The action also creates 50 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final results

You may also like:

How to Create a Photo to Watercolor Photoshop Action

Post pobrano z: How to Create a Photo to Watercolor Photoshop Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing watercolor photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced watercolor effects shown below, using just a single click and in only a few minutes, then check out my Aquarelle Photoshop Action.

Action final results

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–3000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

Step 2

Now we need to expand the canvas on the left so we have more space around the subject on this side. Go to Image > Canvas Size and use the settings below:

Expanding canvas

Step 3

Choose the Rectangular Marquee Tool (M), and click and drag to make a selection of the empty white space we have just added. Then, go to Edit > Fill, and set Contents to Content-Aware, Blending to Normal, and Opacity to 100% as shown below. After that, press Control-D on your keyboard to deselect.

Filling selection

2. How to Create the Brushes

In
this section, we are going to create several watercolor brushes we’ll need.
You can check this tutorial to follow the process described and create your own brushes from scratch or using the attached textures, or you can download my TechnicalArt 2 Photoshop Action and get over 60 high-quality and resolution watercolor brushes. Here are the main brushes I’ll be using:

Watercolor brushes

3. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background color, and choose the color #cccccc.

Creating new solid color fill layer

Step 2

Go to File > Place Embedded, select the texture from the second texture link, and click Place. Then, set the Width and Height of the texture to 83.03% as shown below, and name this layer Background_Texture.

Placing texture

Step 3

Now change the Blending Mode of this layer to Soft Light and set the Opacity to 52%.

Changing blending mode and opacity

Step 4

Go to Layer > New Adjustment Layer > Black & White to create a new black & white adjustment layer, and name it BT_Desaturate.

Creating new black and white adjustment layer

Step 5

Now press Control-Alt-G on your keyboard to create a clipping mask.

Creating clipping mask

4. How to Create the Sketch

Step 1

In this section, we are going to create the sketch. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer. Then, go to Filter > Filter Gallery > Stylize > Glowing Edges and set the Edge Width to 1, Edge Brightness to 20, and Smoothness to 15.

Adding glowing edges filter

Step 3

Press Control-I on your keyboard to invert this layer. Then, go to Filter > Sharpen > Unsharp Mask and set the Amount to 500%, Radius to 1 px, and Threshold to 0 levels.

Adding unsharp mask filter

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 29%. Then, name this layer Sketch.

Changing blending mode and opacity

5. How to Create the Watercolor Painting

Step 1

In this section, we are going to create the watercolor painting. Go to Layer > New > Layer to create a new layer and name it Temp.

Creating new layer

Step 2

Now set the foreground color to #000000, choose the Brush Tool (B), and pick some of the watercolor brushes you have created. Then, brush over and around the subject area where you want to create the watercolor painting.

Brushing onto layer

Step 3

Control-click on this layer thumbnail to make a selection of this layer. Then, hide this layer, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection. After that, drag this new layer just below the Temp layer in the Layers panel.

Creating new layer using selection

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 80%. Then, name this layer Watercolor_Painting_1.

Changing blending mode and opacity

Step 5

Right-click on the Temp layer and choose Delete Layer.

Deleting layer

Step 6

Now repeat this process using the different watercolor brushes to create more watercolor painting layers. Here is my result:

Creating more watercolor painting layers

6. How to Create the Main Subject

Step 1

In this section, we are going to create the main subject. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.

Adding layer mask

Step 3

Set the foreground color to #ffffff, choose the Brush Tool (B), pick some of the watercolor brushes that you have created, and brush mostly over the subject area. Feel free to use different watercolor brushes.

Brushing into layer mask

Step 4

Now name this layer Main Subject.

Naming layer

7. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Subject Details layer, go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +47 and Saturation to +23.

Adjusting vibrance and saturation

Step 7

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Soft Light and name it Overall Sharpening.

Changing blending mode

8. How to Crop the Image

Now let’s crop the image to cut out the empty area of the design. Choose the Crop Tool (C) and transform the Crop Box as shown below:

Cropping image

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced watercolor effects
shown below, using just a single click and in only a few minutes, then
check out my Aquarelle Photoshop Action.

Using
this action, you can transform your photos into professional aquarelle
artworks with no work at all! You just brush over your photo and play
the action. The action will do all the work for you in just a couple of
minutes, leaving you fully layered and customizable results.

The action is also made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always create
unique variations in the watercolor textures, so you can create an unlimited number of
results! The action also creates 50 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final results

You may also like:

How to Create a Photo to Watercolor Photoshop Action

Post pobrano z: How to Create a Photo to Watercolor Photoshop Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing watercolor photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced watercolor effects shown below, using just a single click and in only a few minutes, then check out my Aquarelle Photoshop Action.

Action final results

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–3000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

Step 2

Now we need to expand the canvas on the left so we have more space around the subject on this side. Go to Image > Canvas Size and use the settings below:

Expanding canvas

Step 3

Choose the Rectangular Marquee Tool (M), and click and drag to make a selection of the empty white space we have just added. Then, go to Edit > Fill, and set Contents to Content-Aware, Blending to Normal, and Opacity to 100% as shown below. After that, press Control-D on your keyboard to deselect.

Filling selection

2. How to Create the Brushes

In
this section, we are going to create several watercolor brushes we’ll need.
You can check this tutorial to follow the process described and create your own brushes from scratch or using the attached textures, or you can download my TechnicalArt 2 Photoshop Action and get over 60 high-quality and resolution watercolor brushes. Here are the main brushes I’ll be using:

Watercolor brushes

3. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background color, and choose the color #cccccc.

Creating new solid color fill layer

Step 2

Go to File > Place Embedded, select the texture from the second texture link, and click Place. Then, set the Width and Height of the texture to 83.03% as shown below, and name this layer Background_Texture.

Placing texture

Step 3

Now change the Blending Mode of this layer to Soft Light and set the Opacity to 52%.

Changing blending mode and opacity

Step 4

Go to Layer > New Adjustment Layer > Black & White to create a new black & white adjustment layer, and name it BT_Desaturate.

Creating new black and white adjustment layer

Step 5

Now press Control-Alt-G on your keyboard to create a clipping mask.

Creating clipping mask

4. How to Create the Sketch

Step 1

In this section, we are going to create the sketch. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer. Then, go to Filter > Filter Gallery > Stylize > Glowing Edges and set the Edge Width to 1, Edge Brightness to 20, and Smoothness to 15.

Adding glowing edges filter

Step 3

Press Control-I on your keyboard to invert this layer. Then, go to Filter > Sharpen > Unsharp Mask and set the Amount to 500%, Radius to 1 px, and Threshold to 0 levels.

Adding unsharp mask filter

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 29%. Then, name this layer Sketch.

Changing blending mode and opacity

5. How to Create the Watercolor Painting

Step 1

In this section, we are going to create the watercolor painting. Go to Layer > New > Layer to create a new layer and name it Temp.

Creating new layer

Step 2

Now set the foreground color to #000000, choose the Brush Tool (B), and pick some of the watercolor brushes you have created. Then, brush over and around the subject area where you want to create the watercolor painting.

Brushing onto layer

Step 3

Control-click on this layer thumbnail to make a selection of this layer. Then, hide this layer, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection. After that, drag this new layer just below the Temp layer in the Layers panel.

Creating new layer using selection

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 80%. Then, name this layer Watercolor_Painting_1.

Changing blending mode and opacity

Step 5

Right-click on the Temp layer and choose Delete Layer.

Deleting layer

Step 6

Now repeat this process using the different watercolor brushes to create more watercolor painting layers. Here is my result:

Creating more watercolor painting layers

6. How to Create the Main Subject

Step 1

In this section, we are going to create the main subject. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.

Adding layer mask

Step 3

Set the foreground color to #ffffff, choose the Brush Tool (B), pick some of the watercolor brushes that you have created, and brush mostly over the subject area. Feel free to use different watercolor brushes.

Brushing into layer mask

Step 4

Now name this layer Main Subject.

Naming layer

7. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Subject Details layer, go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +47 and Saturation to +23.

Adjusting vibrance and saturation

Step 7

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Soft Light and name it Overall Sharpening.

Changing blending mode

8. How to Crop the Image

Now let’s crop the image to cut out the empty area of the design. Choose the Crop Tool (C) and transform the Crop Box as shown below:

Cropping image

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced watercolor effects
shown below, using just a single click and in only a few minutes, then
check out my Aquarelle Photoshop Action.

Using
this action, you can transform your photos into professional aquarelle
artworks with no work at all! You just brush over your photo and play
the action. The action will do all the work for you in just a couple of
minutes, leaving you fully layered and customizable results.

The action is also made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always create
unique variations in the watercolor textures, so you can create an unlimited number of
results! The action also creates 50 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final results

You may also like:

How to Create a Photo to Watercolor Photoshop Action

Post pobrano z: How to Create a Photo to Watercolor Photoshop Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing watercolor photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced watercolor effects shown below, using just a single click and in only a few minutes, then check out my Aquarelle Photoshop Action.

Action final results

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–3000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

Step 2

Now we need to expand the canvas on the left so we have more space around the subject on this side. Go to Image > Canvas Size and use the settings below:

Expanding canvas

Step 3

Choose the Rectangular Marquee Tool (M), and click and drag to make a selection of the empty white space we have just added. Then, go to Edit > Fill, and set Contents to Content-Aware, Blending to Normal, and Opacity to 100% as shown below. After that, press Control-D on your keyboard to deselect.

Filling selection

2. How to Create the Brushes

In
this section, we are going to create several watercolor brushes we’ll need.
You can check this tutorial to follow the process described and create your own brushes from scratch or using the attached textures, or you can download my TechnicalArt 2 Photoshop Action and get over 60 high-quality and resolution watercolor brushes. Here are the main brushes I’ll be using:

Watercolor brushes

3. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background color, and choose the color #cccccc.

Creating new solid color fill layer

Step 2

Go to File > Place Embedded, select the texture from the second texture link, and click Place. Then, set the Width and Height of the texture to 83.03% as shown below, and name this layer Background_Texture.

Placing texture

Step 3

Now change the Blending Mode of this layer to Soft Light and set the Opacity to 52%.

Changing blending mode and opacity

Step 4

Go to Layer > New Adjustment Layer > Black & White to create a new black & white adjustment layer, and name it BT_Desaturate.

Creating new black and white adjustment layer

Step 5

Now press Control-Alt-G on your keyboard to create a clipping mask.

Creating clipping mask

4. How to Create the Sketch

Step 1

In this section, we are going to create the sketch. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer. Then, go to Filter > Filter Gallery > Stylize > Glowing Edges and set the Edge Width to 1, Edge Brightness to 20, and Smoothness to 15.

Adding glowing edges filter

Step 3

Press Control-I on your keyboard to invert this layer. Then, go to Filter > Sharpen > Unsharp Mask and set the Amount to 500%, Radius to 1 px, and Threshold to 0 levels.

Adding unsharp mask filter

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 29%. Then, name this layer Sketch.

Changing blending mode and opacity

5. How to Create the Watercolor Painting

Step 1

In this section, we are going to create the watercolor painting. Go to Layer > New > Layer to create a new layer and name it Temp.

Creating new layer

Step 2

Now set the foreground color to #000000, choose the Brush Tool (B), and pick some of the watercolor brushes you have created. Then, brush over and around the subject area where you want to create the watercolor painting.

Brushing onto layer

Step 3

Control-click on this layer thumbnail to make a selection of this layer. Then, hide this layer, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection. After that, drag this new layer just below the Temp layer in the Layers panel.

Creating new layer using selection

Step 4

Now change the Blending Mode of this layer to Multiply and set the Opacity to 80%. Then, name this layer Watercolor_Painting_1.

Changing blending mode and opacity

Step 5

Right-click on the Temp layer and choose Delete Layer.

Deleting layer

Step 6

Now repeat this process using the different watercolor brushes to create more watercolor painting layers. Here is my result:

Creating more watercolor painting layers

6. How to Create the Main Subject

Step 1

In this section, we are going to create the main subject. Select the Background layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

Duplicating layer

Step 2

Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer.

Adding layer mask

Step 3

Set the foreground color to #ffffff, choose the Brush Tool (B), pick some of the watercolor brushes that you have created, and brush mostly over the subject area. Feel free to use different watercolor brushes.

Brushing into layer mask

Step 4

Now name this layer Main Subject.

Naming layer

7. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Select the Subject Details layer, go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color Look.

Creating new curves adjustment layer

Step 2

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting curves

Step 3

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

Creating new gradient map adjustment layer

Step 4

Change the Blending Mode of this layer to Soft Light and set the Opacity to 25%.

Changing blending mode and opacity

Step 5

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

Creating new vibrance adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +47 and Saturation to +23.

Adjusting vibrance and saturation

Step 7

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

Creating new levels adjustment layer

Step 8

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

Adjusting levels

Step 9

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

Adding high pass filter

Step 10

Now change the Blending Mode of this layer to Soft Light and name it Overall Sharpening.

Changing blending mode

8. How to Crop the Image

Now let’s crop the image to cut out the empty area of the design. Choose the Crop Tool (C) and transform the Crop Box as shown below:

Cropping image

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

If you would like to create the even more advanced watercolor effects
shown below, using just a single click and in only a few minutes, then
check out my Aquarelle Photoshop Action.

Using
this action, you can transform your photos into professional aquarelle
artworks with no work at all! You just brush over your photo and play
the action. The action will do all the work for you in just a couple of
minutes, leaving you fully layered and customizable results.

The action is also made so that every time you run the action you will get a unique result,
even if you use the same brushed area. The action will always create
unique variations in the watercolor textures, so you can create an unlimited number of
results! The action also creates 50 preset color looks that you can choose from.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

Action final results

You may also like: