Create a Bright Floral Text Effect

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.

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 ).

15

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.

23

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.

33

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.

real-4

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.

42

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.

53

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.

71

72

73

74

And you should end up with something looking like this:

700

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%.

81

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.

floral

floral-2

92

Step10

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

91

9

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:

111

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%.

real-12

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.

121

Step 14

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

1411

141

Step 15

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

151

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).

fin

fin2

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

Download Psd:

[download id=”55″]

Download vector:

[download id=”56″]

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.

29 Comments on “Create a Bright Floral Text Effect

  1. 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.

    • 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 ;)

    • 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.

  2. 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

  3. 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.

    • 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.
      cheers!

  4. 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.
    thx

  5. I am happy to find this very useful for me, as it contains lot of information. I always prefer to read the quality content
    tr

  6. Hey it’s pretty cool job u have done…allow me to download this file n practice how to create.thank you

Leave a Reply

Your email address will not be published. Required fields are marked *