Create a hand-lettering illustration card with traditional Russian ornaments and the word “Spasibo”, which means “Thank you”. We’ll also include a folk flower pattern and an old-fashioned Cyrillic font. Let’s create our stylized card right now!
- 1 1. How to Create the Hand Lettering Sketch
- 2 2. How to Color the Letters
- 3 3. Creating the Ornament
- 4 4. How to Add Volume and Texture
- 5 Awesome Work! You’re Done!
1. How to Create the Hand Lettering Sketch
Today, we will do some Slavic style lettering with the word Спасибо (spasibo), which means Thank You. To decorate your card, we will use the traditional Russian floral ornament Хохлома (hohloma). It was created in the 17th century for decorating wooden tableware. It will not be the original ornament but the stylisation of the lettering in Adobe Photoshop.
The main things to remember when you are drawing stylized lettering are to make the right style for your letters and to find a good composition. So let’s start with the sketch.
To draw any difficult lettering style, I use the same very simple technique:
- Draw the main shape of the letter with one line.
- Add volume and decoration (if the letter has any additional elements).
For example, to draw the letter C (in Russian it sounds like S), I drew a curved line and afterwards simply added the volume. Also, you can use this great Slavic style font or write letters by yourself. For additional inspiration, you can read a Wikipedia article about the Early Cyrillic alphabet, with examples of letters.
I always draw my sketches using pencil and paper, take a photo on my smartphone, and send it to myself via email. You can use my sketch or draw your own. Don’t forget to use the guidelines to make your lettering more or less straight.
To draw the Hohloma ornament, you can use this graphic set or create your own decoration. Remember that the main colors in Hohloma are red, gold, and black, and the ornament has a lot of floral curls.
Time to move over to Photoshop. First of all, we need to prepare our workflow.
Create a New Document (Command–N) in Adobe Photoshop and set the size to 1800px x 1500px, Resolution 144 px/inch. You can change your artboard’s size afterwards by using Image > Canvas Size.
Just move your sketch photo from your folder right onto the artboard, and press Enter to place it. To adjust the artwork size, you can use the Transform tool (Command-T). If you want to change the canvas size, go to Image > Canvas Size or use the Crop Tool (C).
To prepare the sketch for the coloring, I use Image > Adjustments > Hue/Saturation (Command-U) and set the Saturation to -100 and Levels (Command-L) as shown below.
Before you begin, you must align the sketch. Command-R to show the rulers (or View > Rulers), click on the top ruler, and pull the guide to the desired location (the top of the letters). Repeat it with the bottom line. To align your sketch to your new guidelines, use the Transform Tool (Command-T) and scale it to the desired position. Pro tip: to move only one corner of your image, press Command and move the corner.
Now we can start the coloring process. Set the layer mode of your sketch to Multiply and set the Opacity to 15-20%. After that, add a new layer under the sketch layer. Don’t forget to Lock the layer’s position.
Now we can start to color!
2. How to Color the Letters
The traditional Hohloma ornament usually has a dark background and bright gold and red decoration above it. Unlock the Background layer (simply click on the Lock icon near the layer’s name on the Layers panel) and color it with the Bucket Tool (G) to a very dark brown color (almost black). Be sure that you choose the Paint Bucket Tool instead of the Gradient Tool.
It’s difficult to see our sketch on this dark background. For easier drawing, create a new layer and fill it with the white color. We will use it for drawing the main shapes. After drawing, we will hide it for our convenience. To hide the layer, simply click the Eye icon near the layer’s name.
Let’s start with the first letter. Create the new Layer under the sketch, and draw the letter C using the Pen Tool (P). If you don’t know how to use the Pen Tool, check the great official Adobe tutorials about the Pen Tool and Shapes. Envato Tuts+ also has a very simple and clear Photoshop Pen Tool tutorial with animated GIFs.
As you can see, I’ve added additional guidelines. Color your vector shapes to a warm yellow color.
If you need holes in your shapes, select the main shape and the hole shape using the Direct Selection Tool (A) and select Exclude Overlapping Shapes from the top panel.
To copy the shape, use Path Selection Tool (A, the black arrow), select the shape you need, hold Shift and Alt, and move it. We use the black arrow (Path Selection Tool) to select and move shapes and the white arrow (Direct Selection Tool) to edit the anchor points.
To add decorative circles, use the Ellipse Tool (U) and draw several circles (hold Shift to make a perfect circle). Select all ellipse layers and your letters layer (hold Shift and click the layer’s name in the Layers panel) and combine them (Command-E).
We are finished with the shape of our letters—congratulations!
Time to add textures! Hide (click the Eye icon) the white bg layer to see the original dark background. Create a clip layer above the letters layer:
- Hold down Alt, position the pointer over the line dividing the two layers in the Layers panel (the pointer changes to two overlapping circles), and then click.
- In the Layers panel, select the top layer of a pair of layers you want to group, and choose Layer > Create Clipping Mask.
To add the textures, choose the texture brush. I use the official Photoshop Kyle T. Webster Brushes, but you can choose any other awesome brush sets. To add a grainy texture, I use the Rough Dry Fun Big! brush from the Kyle T. Webster set.
Paint light yellow on the top of your letters and light and darker orange on the bottom to make the color transition.
Group (Command-G) the layers’ letters and texture.
3. Creating the Ornament
Unhide (click the Eye Icon) the white bg layer. Using the Pen Tool (P), draw the curls. We have two separate layers for yellow and red curls. We’ll add the thin lines, berries, and details later.
To draw thin lines, I’ve created a new layer for it and used a brush to draw it. I used Your New Favorite Inker from the Kyle Brushes set. Any other ink brush will work nicely too. If you have a drawing tablet with pen pressure, you can use a brush. Don’t forget about the magic Command-Z to Undo your action. I use it a lot when working with accurate lines.
If you are drawing with a computer mouse, here is another variant. Select a Hard Round brush (or any other standard brush with 100% Hardness), set the desired size in the top panel, and open the Brush Settings (F5). Be sure that your Shape Dynamics > Control: Pen Pressure is on.
With the Pen Tool (P), draw the desired stroke path. Right-click the stroke and select the Stroke Path option.
Select Tool: Brush and check the Simulate Pressure checkbox.
Simply Delete the path (or press Enter) and voila! We have a nice line with pressure simulation. Play with the brush size to make the ideal line width.
Continue and draw all the yellow and red thin lines. This method is even easier than drawing with a brush.
With the Ellipse Tool (U), draw yellow and red berries. Hold Shift to make the perfect circle, and use the Move Tool (V) or Path Selection Tool (A, the black arrow). Merge (select layers holding Shift and press Command-E) all yellow and red berries on separate layers.
Use the Custom Shape Tool (U), select the flower shape from the dropdown menu, and draw the flower on the new layer. If you don’t have this shape, use any other one, or simply draw the flower with the Pen Tool (P).
I merged (Command-E) the flower and yellow layers for my convenience.
Hide the white bg layer and admire the result. Looks nice!
With the Pen Tool (P) and the Stroke Path function, add some values to our gold curls with light yellow color on the new yellow. Or you can simply draw lines with the inker brush.
Continue to add light yellow lines on every yellow shape.
On the new layer, repeat with the bright red lines for red shapes.
If you want to change the color tint, use Hue/Saturation (Command-U) and change the Saturation parameter.
To add details to the big red berries, add yellow circles to the top with the Ellipse Tool (U) and yellow lines to the sides.
Arrange our layers. Merge all red layers (thin basic lines, berries, and shapes, except the volume lines red layer) and all yellow layers (except the volume lines yellow and berries decoration layers). Your Layers panel should look like this:
4. How to Add Volume and Texture
Time to add some nice details. Create a new Clip layer above the yellow layer. With a texture brush (I use Rough Dry Fun Big! brush from Kyle T. Webster, or you can take any other brush from this set), add some texture with an orange color. I set Multiply Mode and 50% Opacity for this layer. You can increase or decrease the brush size with the [ and ] buttons. To erase unwanted spots, use the Erase Tool (E).
Create a new Clip layer and add some light texture with a light yellow color. Set this layer to Screen Mode and 50% Opacity.
Repeat the steps with the red colors.
Double-click the lettering group or Right-click the layer > Blending Options.
Set the Drop Shadow blending mode to Multiply, color to Black, 90 Angle, 5 px Distance, 43 px Size, and 16% Noise. You can play with the parameters and change them until you have the desired look.
Select all of the ornament’s layers while holding Shift, and Merge them (Command-E).
Click on the Effects under the lettering group and, while holding Alt and without releasing the mouse, drag it to the yellow layer. You just copied the effects to another layer. Also, you can delete the white bg and sketch layers because we don’t need them anymore.
Awesome Work! You’re Done!
With this simple method, you can create different style lettering cards in Adobe Photoshop. You can use this workflow as a base and create your own designs. Thank you for creating and experimenting with me. Enjoy the process and please share your result!
Check our other awesome step-by-step lettering tutorials and courses with pro tips!