fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Photoshop Love Text Effect for Valentine Day

www.psd-dude.com
Tutorials Text Effects 17289 Views February 13th, 2012

The Valentine Day is just around the corner and I have lots of resources that are not published yet for this special occasion. So here is a new tutorial with a beautiful love text message made in Photoshop. Nothing to complicated and I hope you'll have the time to make it for this Valentine.

We will only need some simple heart brushes with layer style added, to create this Photoshop love text effect. Very easy to customize, so feel free to try other colors, textures and so on. I hope you like it, and decide to share it with all your friends!

Advertisment

Learn how to create a beautiful Photoshop love text effect with reflection on a glossy surface. The text is black and covered with red heart shapes; this effect can be used to create Valentine's day inspired cards, wallpapers and so on.

Love Text Effect for Valentine Day Preview

Old Paper Background

Create a new layer and fill it with the Foreground Color(press SHIFT + F5). Call it Background Layer. Reduce Fill to 0% and add Pattern Overlay using this Old Paper Pattern.

Add Color Overlay to the same Background Layer using the following settings. The color used is red #ff0000.

Love Text Message

Use a simple Arial Font to write "I LOVE YOU" with uppercase letters. The color used for this text is black #000000. Use a big size for the letters, I have used 133 px. And place the text on two lines and press the Center Text button for the alignment.

Open the Character and Paragraph panel and set the space between lines and the space between the letters like shown in the image:

Open the Layer Style Window of the Text Layer and add a 13 px black Stroke.

Create a new empty layer above the Text Layer. Rasterize the Text Layer and merge the two of them. You will obtain a new layer with the text with the stroke all rasterized. Call this new layer Black Text Layer.

Black Text Effect

Open the Layer Style Window of the Black Text Layer and add a Bevel and Emboss effect with the following settings:

Heart Brushes

Create a new layer and call it Dark Hearts. We need a simple heart shape brush for this step. If you don't have it in your list you can download these heart brushes Pick the simple brush from this set, open the Brushes Panel and make the following settings to create a custom made new heart brush:

Pick the #7e1515 color and with the brush that we've just created in the previous step add hearts on the text area. But make sure you add the hearts in the Dark Hearts Layer.

Now I will add some layer style effects to these hearts. I am talking about an Inner Shadow, Inner Glow(color #c72625), Bevel and Emboss, Color Overlay(color #600b0b) and Pattern Overlay(Seamless Paper Patterns). Yes I know there are a lot of effects, make sure you set them right.

The result so far should look something like this:

Create a new layer above this one and call it Light Hearts. Use the same brush and the same color.

Add the same layer style effects like you did with the Dark Hearts Layer. The only difference is with the Inner Glow(color #cb8383) and the Color Overlay(color #921b1b)

Drop Shadow Effect

Duplicate the Light Hearts Layer, remove all the layer styles. Call this layer Hearts Shadow. Reduce the Fill to 0%. Add a Drop Shadow effect and place this layer between the Light Hearts and the Dark Hearts.

Create a new empty layer above the Hearts Shadow layer and merge the two of them. Rename this layer Hearts Shadow again. That way the Drop Shadow effect gets rasterized.

Select the Dark Hearts(CTRL+click on the layer thumbnail), Select Inverse and press delete. Make sure you are in the Shadow Layer when you press delete.

Here is the before/after result. The idea is that the Light Hearts drop a shadow only on the Dark Hearts, not on the air. An object drops a shadow only on solid or liquid surfaces.

Reflection Text Effect

Time to add another cool effect. Right now the text seems to be floating in the air. To give the illusion that the text is standing on a ground we have to add a reflection. So select the "I love" text and press CTR+J (Layer via Copy). Remove the layer style of the new layer. Press CTRL+T for transform and filp vertical like shown in the image.

Reduce the Fill to 0% and add a Gradient Overlay with a transparent (black 100%, black 0%) linear gradient.

Repeat the same procedure with the "You" text but in another layer. To simplify the process, Copy Layer Style of the "I love" Shadow layer and Paste Layer Style to "You" Shadow layer. This is how your text should now look like.

To make it look even more realistic you will have to add a reflection for the Hearts Layers also. Here is my final result for the Love Text Effect for Valentine Day. Hope you like it.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

14 comment(s) for "Photoshop Love Text Effect for Valentine Day"

VietDesigner.net
9:03 PM Monday, February 13, 2012
Very nice tutorial! happy valentine everyone ? reply
PSDDude
9:08 PM Monday, February 13, 2012
Thank you, I am glad you like it :) Happy Valentine Day ! reply
Josephine
Josephine
8:22 AM Tuesday, February 14, 2012
thanks dude.......I played with this and used the first layer of hearts and turned the text into chocolate............very choc box valentine..............x reply
PSDDude
8:22 AM Tuesday, February 14, 2012
I am curious to see the result, please upload it :) reply
Josephine Standaar
Josephine Standaar
1:27 PM Wednesday, February 15, 2012
its pretty cheesy chocolate box and the wallace and gromit reference is of course our (my fella and mine) own silly little joke but it was fun all the same it doesn't have all the elements of your workshop but it was a great place to start .....hope you don't mind......Jo reply
PSDDude
1:29 PM Wednesday, February 15, 2012
It seems to me that you had a lot of fun making this Valentine Card so that is all that matters :) and it looks kind of cute too, thank you for sharing your work ! reply
ninaelch
ninaelch
6:43 AM Friday, February 17, 2012
tutorial muy facil, muy divertido, personalizado con uno de mis amores....
gracias,
un abrazo amiga. reply
PSDDude
7:00 AM Friday, February 17, 2012
muy bonito tu trabajo amiga :) un abrazo! reply
Design Knock
4:15 PM Thursday, March 01, 2012
beautiful tutorial. reply
Xitrena
Xitrena
12:28 AM Monday, February 04, 2013
Thank you for a wonderful tutorial! merry holiday!!
;) reply
John
12:30 AM Monday, February 04, 2013
You're welcome Xitrena ! Your love text effect is beautiful! reply
PSDDude
5:38 AM Saturday, February 09, 2013
This is one of my favorite love heart text effects made by Ali-X (source http://www.photoshop-master.ru/users.php?id=739071) reply
PSDDude
5:38 AM Saturday, February 09, 2013
Here is a lovely heart text effect made by dashkonua (source http://www.photoshop-master.ru/users.php?id=1096610) reply
PSDDude
11:22 AM Saturday, January 23, 2016
Cupid and Eros are both gods of desire, erotic love, attraction and affection. So you can easily add these mythic creatures to your Valentine's Day inspired images.
This beautiful fan art work was made by svladi. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top