Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

"I Love You" Text Art
Tutorials Text Effects 19556 February 8th, 2021

In this Photoshop tutorial we will create an "I Love You" text art effect from scratch. Valentine's 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 I love you 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!

Learn how to create a beautiful Photoshop I love you text art 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. If you only want to write a text message to your loved one, you can simply use a heart emoji like this 💕. But, if you want to really impress someone for Valentine's Day, try out this tutorial.

Don't Want to Use Photoshop?

If you don't have Photoshop, or simply don't feel like opening it up and want to create a quick Valentine's Day card I have an idea for you. Check out this Valentine Coloring Page online template. Yes, ONLINE, you can modify this in your browser, then download it as an image, print it and color it as you like to give it a personal touch.

"I Love You" Text Art Effect for Valentine Day Preview

I love you text art

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 texture or this old paper pattern.

old paper photoshop overlay

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

photoshop color overlay

The "I Love You" 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.

i love you text

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

photoshop text settings

Open the Layer Style Window of the Text Layer and add a 13 px black Stroke. If you are new to Photoshop and want to learn more about stroke settings, check out my tutorial on Outline In Photoshop or the more detailed tutorial about How To OUtline Text In Photoshop.

outline text in photoshop

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.

rounded text

3D Text Effect

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

bevel and emboss photoshop 3d text effect

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:

heart brushes

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.

heart text art

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. These will make the a glass heart effect. If you want to know more about making glass in Photoshop, check out this awesome list of Glass Style Photoshop freebies.

glass layer style photoshop

The result so far should look something like this:

valentine heart shapes

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

heart brush set

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)

glass layer style photoshop

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.

3d heart shapes

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.

photoshop select and mask

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.

photoshop lighten

Make The "I Love You" Text Reflection In Photoshop

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. This technique is covered in depth in my tutorial How To Make Reflection In Photoshop

How To Make Reflection In Photoshop

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

Text reflection Photoshop

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.

I Love You Text Reflection

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.

I love you text art

Valentine's Day Text Messages

Here's a couple of examples that you can make with this "I Love You" Art Text Photoshop tutorial:

valentine day text messages

Also, if you want to create Valentine's day cards really quickly and without Photoshop, check out MockoFun and the Heart Shape Design templates that you can modify online.

heart shape designs
4.8 ( 108 votes)

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"

9:08 PM Monday, February 13, 2012
Thank you, I am glad you like it :) Happy Valentine Day ! reply
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
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
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
6:43 AM Friday, February 17, 2012
tutorial muy facil, muy divertido, personalizado con uno de mis amores....
un abrazo amiga. reply
7:00 AM Friday, February 17, 2012
muy bonito tu trabajo amiga :) un abrazo! reply
12:28 AM Monday, February 4, 2013
Thank you for a wonderful tutorial! merry holiday!!
;) reply
12:30 AM Monday, February 4, 2013
You're welcome Xitrena ! Your love text effect is beautiful! reply
5:38 AM Saturday, February 9, 2013
This is one of my favorite love heart text effects made by Ali-X (source reply
5:38 AM Saturday, February 9, 2013
Here is a lovely heart text effect made by dashkonua (source reply
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
1:06 PM Monday, April 29, 2019
Very nice tutorial! happy valentine everyone ? reply
Design Knock
Design Knock
1:06 PM Monday, April 29, 2019
beautiful tutorial. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Get new posts by email:

      Online Photo Editor