Tutorials Photoshop Text Effects Floral Text Wallpaper

Floral Text Wallpaper

Today we are going to make a wallpaper with a flower text effect using Illustrator and Photoshop. The PSD File for this tutorial can be found at the bottom of this post.  I will first tell you how can you get the flower text effect and then will continue with the making of the wallpaper. It's pretty easy. But of course, I want my readers to have at least the basic knowledge of Illustrator and Photoshop. Please note that am using Illustrator CS and Photoshop CS3 for this tutorial. The same effects can be made in other versions too. So, let's begin.

Step 1

Open Illustrator and create a new document 1024px width by 768px height, with an RGB color.  Select type tool (T) and write "FLORAL" in black (#000000). You can use any other color if you wish to. Keep the font as Arial Black, size as 150pt, leading as 180pt and tracking 0 as shown below. Name the layer as "floral".

image 1

Step 2

After creating the floral layer, copy the layer and move it below the floral layer. Name it as "floral_style". Now disable the "floral" layer and click on the "floral_style" layer. Open the graphic style by clicking Windows > Graphic Styles (Shift+F5). Once the Graphic Style dialogue box is open click on the right side button to get the drop down list. Select Open graphic style Library > Artistic Effects.

image 2

Once the Artistic Effects dialogue box opens click on the "Paint Brush" effect.

image 3

Now keeping the "floral_style" layer selected make the stroke color as black (#000000). You should get something like this.

image 4

Step 3

Then go to Effects > Blur > Gaussian Blur. Keep the Blur Radius as 6.0 and hit OK. This will give some shadow to the text. It will look like this now.

image 5

Step 4

Now we will be adding the flowers to the text. The flowers I have used can be downloaded from here.

Open the file in Illustrator. We will be using different elements from this file to create our floral effect. Ungroup the shown image from the open file.

image 6

After ungrouping, take two yellow flowers and place them as shown below in the middle of the "floral" and "floral_blur" layers. Your image should look like this now.

image 7

Step 5

After this, start ungrouping some more flowers from the image and start pasting them around the text. Try to get something similar to this.

image 8

Step 6

Lets add some stones to it. Go to Windows > Symbol Library > Nature.  Add some stones to the image. Now select everything (Ctrl+A) and group (Ctrl+G) or go to Object > Group.

image 9

Step 7

We are done with Illustrator now. Open Photoshop and create a new document with 1024px width and 768px height. Keep the resolution as 100px  and background as transparent. Save it as floral_wallpaper.psd

Step 8

For the background we will be using a paper texture. Download the old paper background texture from here.

Open this texture in and place it in your psd. Select it and go to Edit > Transform > Rotate 90O CCW. Adjust it properly with the document size. Name it as "paper". You will see that there are some black portions around the image. Select it with the magic wand (W) tool and delete.

image 10

Now make a layer below this paper layer and fill it with #dab787. After deleting the black potions Ctrl + click on the paper layer. Go to Image > Adjustments > Brightness/ Contrast. Give brightness as +52 and contrast as -50. Hit OK. Change the blending mode to Luminosity and opacity to 57%.

Step 9

Drag the grouped floral text from Illustrator to Photoshop. Place it above the paper layer.  Tilt it a bit. Double click on the floral text layer and add some drop shadow to it. Give Blend Mode as Luminosity, Opacity as 45%, angle 120degree, Distance 3px, Spread 4% and size as 6px.

image 11

image 12

Step 10

Its time to add some watercolor and coffee stains brushes to the background now. You can download the watercolor brushes from here and coffee stain brushes from here. Once you have applied different watercolour and coffee stains brushes decrease the opacity and change the blending mode of some of them. Make sure to use a different layer for each of brush so that you can play with the opacity and blending mode easily.  I have made it like this.

image 13

Step 11

We will add some more shadow to the text layer so that it gets some depth. Make a new layer below the text layer. Take brush tool (B) and with a soft rounded 40 px brush and opacity 57% make some areas near the text layer as black. Erase any part which overlaps with the text. It should come out something like this.

image 14

Step 12

We are almost done! But the wallpaper is looking a bit empty. So, let's add some butterflies to it. I have used Illustrator default butterfly symbols. You can get them from Windows > Symbol Library > Nature

Floral Text Wallpaper


Here we've got the final piece. Have fun!

subscribe to newsletter