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.
The Best Deals For Digital Design Assets - InkyDeals.com. Learn More>>
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 ).
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.
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.
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.
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.
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.
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:
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%.
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.
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:
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%.
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.
Go to Filter/ Blur/Motion Blur and use these settings:
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!
bright floral text (16.8 MiB, 1,993 hits)
Designious floral vector (1.6 MiB, 1,958 hits)
Do you want to learn more about how to work with Photoshop?