Create a Bright Floral Text Effect

Today I will guide you through this tutorial for creating this cool text effect and smooth background using Photoshop . We will be using some vectors some layer styles and quite a bit of motion blur. To download the vector for this tutorial and the final psd.  just scroll down to the bottom of this page.

For this tutorial I used Photoshop CS3, the Plastic Pill font from DaFont and a vector floral from Vector pack 47.

The Best Deals For Digital Design Assets - Learn More>>

Step 1

Start with a plain white background. Write down your text using any font you like ( just make sure it’s pretty thick). Use a bright color ( blue  for me # 0083fe ).


Step 2

Now duplicate this layer . Give it a black color and set it behind the original text layer. Name it Shadow and nudge it a few times to the right and a few times downwards.It should look like this.


Step 3

Duplicate the Shadow layer too (you can name this layer blur). Again make sure it’s behind the two text layers. And go to Filter/Blur/Motion Blur and use the following settings.


Step 4

Nudge this layer too, but this time only down and lower the opacity to about 40%.In the end you should have something looking like this.


Step 5

And now we are going to put the floral vector to good use. Import it your layout and duplicate it a few times so that every letter of the word is covered.


Step 6

Merge all these vectors layers into one single layer named Floral. And now we are going to get rid of all the vectors that are not in the text area. So  Ctrl+ click on the text layer icon to select the  text. Press Shift+ Ctrl+ I to inverse the selection and after selecting the Floral layer hit the delete key.


Step 7

And now let’s   give some layer styles to the text. So select the text layer ,open up the layer styles menu and perform the following settings.





And you should end up with something looking like this:


Step 8

Duplicate the text layer, set the mode to overlay. Go to Filter/Noise/ Add Noise and insert these settings :

Reduce the opacity to about 20%.


Step 9

Select the floral layer and let’s make it stand out . Again go to layer styles and give it a little shadow and an outer glow.





Now let’s take care of the background. Go to layer style and give it a subtle gradient.



Step 11

Import again the floral vector we’ve used earlier. Only this time resize them and make them bigger. Duplicate it and  then drag the two layer in opposite corners; something like this:


Step 12

But we don’t want these to floral vectors to steal all the attention. So we will make their presence very subtle. Give them a  little drop shadow and lower the fill and the opacity to about 30%.


Step 13

Now you are gonna have to trust me on this. With your workspace visible   make a print screen  and paste it just on top of the background. Resize it if necessary so that it  fits on the whole document.


Step 14

Go to Filter/ Blur/Motion Blur and use these settings:



Step 15

Now , with the same layer selected , go to Adjustments/ Curves and let’s bring up the brights.


And you are about done. Of course you can play around with the adjusment layers or you could give  the background  an interesting pattern ( on a soft light mode).



Hope you find this tutorial useful and see you next time!

Download Psd:

  bright floral text (16.8 MiB, 1,993 hits)

Download vector:

  Designious floral vector (1.6 MiB, 1,958 hits)


Do you want to learn more about how to work with Photoshop?

See our Illustrator and Photoshop tutorials. They are all FREE. Also check all Free Vectors Category.

(Visited 973 time, 1 visit today)

56 Comments Create a Bright Floral Text Effect

  1. Pingback: Create a Bright Floral Text Effect

  2. Ekke Apr 22, 2009 at 06:45

    Nice tutorial, I will use this in my next project.

    Thanks alot :)

  3. lennart Apr 25, 2009 at 05:25

    pleas in f´german

  4. huwaw69 May 1, 2009 at 03:51

    Wow nice tutorial, and nice text effect and cool background, feels like a modern lamoure

  5. photo retouching May 2, 2009 at 01:10

    A really nice result. It will certainly enhance photo retouching skills

  6. Pingback: 19 fresh text effect tutorials | Design-Notes

  7. beatz May 4, 2009 at 08:52

    Can someone explain step 13? I’m a nubee and I was fine to step 13, every time i print screen and paste i get horrible results.

    1. Lunatic May 5, 2009 at 15:06

      Hey nothing difficult, just create a new layer. Print sreen your work space, then select the created layer and press ctrl+v, and now go to motion blur. That’s it ;)

    2. Georgiana May 5, 2009 at 23:40

      Thanks Lunatic for the explanations. And don’t worry beatz. The print screen image doesn’t have to look good. The motion blur does that for you.

  8. John May 8, 2009 at 00:03

    Hey Georgiana, I love the end result of the tute, but I’m stuck on something! After Step 6, I delete the floral layer, and it vanishes altogether?
    I used floral brushes instead of the vectors (only just saw them), merged down into one layer above the Text layer and followed what you wrote re text selection, inversed, and … aaaaggghh!
    Worse still, i just know the answer is simple!
    cheers John

  9. georgiana May 8, 2009 at 01:49

    I cant’ figure if that is the problem but how are you selecting the text ? Are you CTrl+Clicking on the text layer icon to select it.
    But If that technique isn’t working for you and you are using brushes, you can try another way for that same effect. Just Ctrl click the text layer so that you will end up with a selection of the text area only and paint on a new layer with the floral brush you say you are using.This way you will only paint in the text area and you won’t have any deletion to make. Good luck! Tell me if it worked.

    1. John May 8, 2009 at 23:37

      Yep, that suggestion worked for me. Not the same as the result that you got, but it still looks clean and crisp. Plus I learnt a little more!
      Thanks for a great tute and taking the time to help.

  10. Pingback: Best Photoshop Tutorials, Brushes and Textures of April 2009 | CrazyLeaf Design Blog

  11. Pingback: Best Photoshop Tutorials, Brushes and Textures of April 2009 « Vandhematharam

  12. Pingback: Best Photoshop Tutorials, Brushes and Textures |

  13. zenith May 12, 2009 at 19:24

    thanks for the tutorial :)

    1. georgiana May 13, 2009 at 00:33

      so glad you like it!

  14. Pingback: Photoshop Brushes and Tutorials | Pursuing Photoshop

  15. Pingback: 29 Cool and Creative Text Effects Photoshop Tutorials : Speckyboy Design Magazine

  16. Pingback: Photoshop Text Effects, Photoshop Tutorials, Fonts, Brushes and Articles » 100 Photoshop Text Effects Tutorials

  17. kushal Aug 20, 2009 at 04:40

    hey, its fine work.

    i am a nooby in photoshop… can someone plz tell me how to download the vector floral file and how to import it.

  18. Pingback: Text design inspirations + i migliori photoshop tutorial | Webselecta

  19. djbberko Nov 18, 2009 at 06:07

    really cool and easy thanks!

  20. Pingback: 40 آموزش افکت متنی در فتوشاپ | به وبلاگ کرل دیزاین خوش آمدید

  21. Pingback: The Best 40 Photoshop Text Effects from 2009 : Speckyboy Design Magazine

  22. Pingback: En iyi 40 Adet Photoshop Yazı Efekti « Kaangokce

  23. Pingback: The Best 40 Photoshop Text Effects from 2009 | 嗨,来网络

  24. Pingback: 2009年国外最佳文字效果photoshop教程 | Focusec

  25. Pingback: 2009年40个华丽的photoshop 文字特效设计 | Jackchen Design 1984

  26. duanlian Dec 22, 2009 at 02:08

    nice~ i like this

  27. duanlian Dec 22, 2009 at 08:08

    nice~ i like this

  28. Pingback: The Best 40 Photoshop Text Effects « Om Net Solution

  29. Pingback: Text Effect with Photoshop « Foruse Design Studio

Leave A Comment

Your email address will not be published.