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

Love Roses Text in Photoshop for Valentine Day

www.psd-dude.com
Tutorials Text Effects 41716 February 5th, 2018

Learn how to create a beautiful love red rose text in Photoshop for Valentine Day. To create this text effect I will use a 3D action for creating the #d text effect and some interesting layer styles with creative red rose patterns. If you want you can check out my previous tutorial on how to create a love heart text effect in Photoshop

Roses Text Photoshop

Create the Background and Add an Outline Text

Start with a nice dark background. To create the background you can use a grunge texture or you can try with a brick texture; whatever texture you will use you have to darken the image using the Brightness/Contrast adjustment. Time to add the love message. Write a simple text using a font that you like similar to the one that I have used.

Roses Text Photoshop

Call this first layer Original Text; we will keep it to make a copy when it is necessary. Duplicate this layer and hide the Original Text. Call this new layer Text Inner Shadow. Set the Fill to 0% and add an Inner Shadow like in the image.

Roses Text Photoshop

Make the Roses Text Effect

Duplicate the Original Text and place it above the Text Inner Shadow. Set the Fill to 0% and add a Stroke like in the image. Convert this layer into a smart object. Call this layer Text Outline 1.

Roses Text Photoshop

Now I will add a golden glitter style to the Text Outline 1 layer. So open the layer style window and add the following layer styles.

Roses Text Photoshop Roses Text Photoshop Roses Text Photoshop Roses Text Photoshop Roses Text Photoshop Roses Text Photoshop Roses Text Photoshop

Make the Text Glitter Gold

So far your love text effect should look similar to this one. It looks kind of nice as it is now. Download the ZIP file at the end of this tutorial and you will find the text style for this layer named gold-glitter. Simply load the ASL file in Photoshop and apply the gold-glitter style.

Roses Text Photoshop

Duplicate the Text Outline 1 layer, clear layer styles and rename it Text Outline 2. Simply add these new styles tho the second outline layer. Set the Opacity of this layer to 70& and the Fill to 0%

Roses Text Photoshop Roses Text Photoshop Roses Text Photoshop Roses Text Photoshop

Your text effect should look like this; if you are not sure about the settings for all the layers I will give you the ASL file with the styles that I have used; it will be much easier for you to make this tutorial. Download the ZIP file at the end of this tutorial and you will find the text style for this layer named bevel-emboss. Simply load the ASL file in Photoshop and apply the bevel-emboss style.

Roses Text Photoshop

Duplicate the Original Text three times and call these layers Rose Pattern. Group these layers into a new group called Rose Pattern Layers. Open a new canvas of around 100x100px size. Copy this rose PNG into your file and resize it to fit. Add a soft Drop Shadow effect to the rose to add it a little depth. Now go to the Edit menu and choose Define Pattern.

Roses Text Photoshop

Now lighten the red rose a little using the Brightness/Contrast adjustment and again go to the Edit menu and choose Define Pattern.

Roses Text Photoshop

Return to the initial canvas; open the layer style of the first Rose Pattern layer and add a Pattern Overlay using the rose pattern 1 that we have just created. Set the Fill to 0%

Roses Text Photoshop

open the layer style of the second Rose Pattern layer and add a Pattern Overlay using the rose pattern 2 that we have just created. Set the Fill to 0% . VERY IMPORTANT: with the Pattern Overlay layer style open simply drag the pattern to cover the entire text area with roses. You can drag the pattern up/down, right/left as you wish.

Roses Text Photoshop

Use the third Rose Pattern layer and add a Pattern Overlay using the rose pattern 1 with asmaller size and drag the pattern to fill the remaining gaps. Download the ZIP file at the end of this tutorial and you will find the rose pattern for these layers. Simply load the PAT file in Photoshop and apply the rose patterns. Your rose text effect should look like this.

Roses Text Photoshop

Duplicate the Text Outline 1 layer in a NEW CANVAS and use this 3D action to create a 3D text effect in Photoshop. Simply load the action and click play.

Roses Text Photoshop

After the action is ended simply select all the groups and layers(except the background layer) and group them in the 3D text group. Copy this gropu into our initial canvas.

Roses Text Photoshop

Place the 3D text group behind the Rose Pattern group of layers.

Roses Text Photoshop

I a new layer use a soft round brush and color black to paint a shadow below the text effect to look like it is standing on a hard surface.

Roses Text Photoshop

Add Finishing Touches

I will now use this chain PNG stock image, duplicate and add it like show in the image. You will have to rotate the image, resize and arrange as you wish. You can place the chain layers in behind or in front of the love text.

Roses Text Photoshop

Because these are silver chains I will add adjustment layers to match the color and turn it from silver to gold. So add Hue/Saturation and Brightness/Contrast as shown in the image. Press the Clip to Layer button to add the adjustments as clipping mask for the chain layers.

Roses Text Photoshop

Add a Drop Shadow effect for each chain; it is not the most good solution but it is the easier one. If you want to learn more about casting realistic shadow in Photoshop check out this tutorials.

Roses Text Photoshop

As a final touch I have added some sparkle brushes, lens flare brushes; I have used the #fff9c9 color tone for both brushes. I have also created a new layer (blend mode Overlay) and in this layer I have used a soft round brush and paint with white color over the areas that I want to lighten.

Roses Text Photoshop

As a final touch you can add Photo Filter adjustment layer, using the color #ec8a00 as shown in the image.

Roses Text Photoshop

You can even add some roses using the same stock image that we used to create the roses pattern; so here is the result for the love red roses text effect that we created in Photoshop. Don't forget to download the ZIP file with the styles, patterns and brushes used.

Roses Text Photoshop

DOWNLOAD!(53.3 kb)

5 ( 101 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

21 comment(s) for "Love Roses Text in Photoshop for Valentine Day"

Kisrcreations
Kisrcreations
12:13 AM Tuesday, February 5, 2013
am I the only person that just got lost doing this?? On the second pic of the tutorial you have just the shadow showing without the white text. Any information on how to get that step done correctly would be greatly appreciated. I'm thinking a step is missing or something reply
John
12:15 AM Tuesday, February 5, 2013
I am glad you like it Su, please upload your result when it is done! reply
John
12:17 AM Tuesday, February 5, 2013
Thank you for pointing that out, I have updated the step. You should set the Fill of that layer to 0% reply
PSDDude
1:29 PM Wednesday, February 6, 2013
You love text effect looks absolutely beautiful :) great work! reply
niterush
niterush
12:18 AM Thursday, February 21, 2013
When I run action in CS6 it asks for shape layers? is the 3D action compatible withCs6? or am i doing something wrong. otherwise this is a great tuturial! reply
John
12:30 AM Thursday, February 21, 2013
The action should work ok in CS6 for text layers, vector shapes and raster layers. You have to start with only one layer (make sure it is selected/active) and simply play the action like shown in the image.



reply
lizzy
lizzy
6:25 AM Tuesday, May 14, 2013
Cant load the 3D action, coming up link broken plz help many thx :) reply
John
6:30 AM Tuesday, May 14, 2013
You have to download the ZIP File, extract the ATN file and load it in Photoshop.
Go to Actions Panel > Load Actions > and choose the actions4photoshop(3D-generator-ver1).atn file reply
lizzy
lizzy
1:06 AM Wednesday, May 15, 2013
Thank u done that but when I play the action its not coming out right, looks very deep :( like its done the action about 5-6 times, any idea how 2 get it like yours ? reply
John
1:12 AM Wednesday, May 15, 2013
I really have no idea why that is happening; I think is something with your Photoshop settings. Maybe you have to delete the action, restart Photoshop and load the action again. reply
Hais D. Jordh??y
Hais D. Jordh??y
7:56 AM Wednesday, February 26, 2014
Never mind, I see what I did wrong ;) Early morning! reply
John
8:00 AM Wednesday, February 26, 2014
:) I am glad the action worked ok ; the 3D golden text effect looks great ! reply
svetlana
svetlana
1:28 AM Tuesday, February 3, 2015
Many thanx!! reply
Hamidreza
Hamidreza
6:00 AM Saturday, February 14, 2015
Thank U Very Much ... :x reply
Sharon
Sharon
1:46 AM Wednesday, February 18, 2015
Hi what is the name of the gloss contour you used on the step 4 for bevel and emboss? And the gradient overlay?

Many thanks :) reply
shabnumkhan
shabnumkhan
1:06 PM Monday, April 29, 2019
Wow very awesome reply
Su Hall
Su Hall
1:06 PM Monday, April 29, 2019
This is so cool! Thank you for the styles! I am still going to go through the steps, though. Thanks!

Su reply
Mireille D
Mireille D
1:06 PM Monday, April 29, 2019
Thank you for this new tutorial!
My realisation with comments:
http://www.chez-mireilled.com/article-texte-saint-valentin-roses-rouges-115105872.html reply
Allen
Allen
1:06 PM Monday, April 29, 2019
Excellent work. Thank you. reply
Laura
Laura
1:06 PM Monday, April 29, 2019
Very cool! reply
PSDDude
10:37 AM Wednesday, August 21, 2024
The Bevel and Emboss gloss contour is made by modifying one of the default Adobe Photoshop preset gloss contour curves.

The Gradient Overlay colors are (black, #d5a592, black)

You can download the styles and patterns used in this tutorial from here:
https://www.psd-dude.com/tutorials/download/zip.ashx?f=ASL-PAT-files.zip
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:
LIKE US ON FACEBOOK

      Online Photo Editor
top