Photoshop Tutorial and Free Download: Valentine’s Day Design

A vintage style Valentine’s Day design using some free resources and Photoshop’s built in styles and tools. I am also supplying the psd of the illustration for free download if you would like it, simply follow this link to the bottom of the page for the download button.

Valentine's Day Design


Back to Black font from Dafont
Chocolate Box Font from Dafont
Divider Brushes from Brusheezy
Hatch Pattern – Download below

Step 1

Open a new file using the following settings:

New File Settings

Step 2

Fill the background with red #66070D

Create a new layer, make the foreground colour white, select the Brush tool with a soft round brush at size 1400px, and click once in the middle of the canvas.

Change the blending mode of this layer to Soft Light and reduce the opacity to 85%.

Merge these 2 layers together.


Step 3

Select the Type Tool, Back to Black font at size 200pt, using red #B63B3B, type the word ‘Valentine’s’. You will also need to change the tracking to -25 as shown below:


Right click on the text layer in the layers palette and click on Rasterize Type. Now using a small hard brush, fill in the little gaps that are present on the i and n.

Reduce the layer opacity to 35%.

Double click on the layer in the layers palette to bring up the blending options and apply the following Drop Shadow settings:

Drop Shadow Settings

Step 4

Duplicate the text layer and call this layer ‘outline’. Reduce the Fill to 0%, then double click on the layer to bring up the blending options. Apply a Stroke using the following settings:

Stroke Settings

Step 5

Make the original Valentine’s text layer active, hold down the CTRL key and click on the layer’s thumbnail in the layers palette to select the pixels.

Create a new layer.

Using the Gradient Fill tool, select the Hatch pattern and fill the selection.

Move the pattern layer 10px to the left and 10px down using the arrow keys on the keyboard. Rename this layer ‘hatch’.

Once again, select the pixels of the original Valentine’s text layer.

Select>Modify>Expand – set to 1px and click OK.

With the hatch layer active, hit the Delete key. This is how your design should be looking:

Hatch Pattern

Step 6

Now add a Color Overlay to the hatch layer using the following settings:

Color Overlay Settings

Select the 3 layers that make up the word ‘Valentine’s’ by clicking on the top layer, holding the Shift key and clicking on the 3rd layer, and group them (Ctrl+g)

Step 7

Create a new layer.

Select the Chocolate Box font at size 120pt. Set the foreground colour to pink #EE716B. Type the word ‘Happy’ above the word Valentine’s – be sure to re-set the tracking to 0.

Hold down the CTRL button and click on the thumbnail of the Happy layer to select the pixels.

Select>Modify>Expand – set to 4px and click OK.

Create a new layer and fill the selection with pink #D06C5D. Do not deselect….

Select>Modify>Contract – set to 2px and click OK.

Hit the Delete button to leave an outline:

Happy Outline

Rename this layer ‘happy outline’ and drag it below the Happy text layer.

Step 8

Add a Drop Shadow to the original Happy text layer using the following settings:

Drop Shadow Settings

Group the 2 ‘Happy’ layers together and name the group ‘Happy’.

Step 9

Follow through steps 7 and 8 again for the word ‘Day’, but place the word under the word ‘Valentine’s’.

Completed Text

Step 10

Set the foreground colour to lilac #95666A and from the Divider Brushes set, choose the 18th brush (or 3rd from last). Set the size to 1000px and click once on the canvas between the Happy and Valentine’s words. Move the Happy group if necessary.

Filter>Noise>Add Noise – use the following settings:

Add Noise Settings

Double click on the layer in the layers palette and apply the following Inner Shadow settings:

Inner Shadow Settings

Step 11

Now you have to open the Valentine’s text layer in the ‘valetines’ group and hold down the CTRL button and click on the thumbnail to select the pixels.

Select>Modify>Expand – set to 2px and click OK.

Make sure your ornament layer is active and hit the Delete button.

Do the same thing with the Happy text layer in the ‘happy’ group to remove all of the ornament showing through the text.

Tidy Ornament

Step 12

Follow through steps 10 and 11 again, but this time, use the next (19th) brush from the Dividers set, again set at 1000px.

Use the Day text layer to delete the ornament showing through, and the hatch layer in the ‘valentines’ group.

And you’re done.

Valentine's Day Design

Hatch Pattern:

Design PSD:


I love using and learning Photoshop, and I also enjoy creating resources to share with the world. I am at my happiest when I have free time to further explore all that Photoshop has to offer and learn more about its powerful built-in tools. I hope people enjoy either using or learning from my free resources, and welcome any hints and tips - and of course, if you would like to offer a free resource on this site, please don't hesitate to contact me (top right of the page).

No Comments

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked