Flowers Text Tutorial


Hibiscus Font from DaFont

Swirls and Flowers Brushes from myphotoshopbrushes


This will be the finished result:

Flowers Text

Click on the image for full size view


Open a new file 1000 x 800, 72px resolution white background

Select the Text Tool and Hibiscus Font, size 50pt, foreground colour black

Type each letter on a separate layer and Rasterize Type as you go (right click on layer in the layers palette)

The flowers required are the outlined ones, and they are found at upper case: D, M, U, X and lower case: d, m, u, x

Make one of the flower layers active and select the Magic Wand Tool

Zoom in on your project for easier viewing

Holding down the Shift key, click on each petal of the flower to select it.

Petals Selection

Select the Gradient Fill Tool and set the following gradient:

Gradient Settings

Set to Radial Gradient

Drag the cursor from the centre of the flower

NOTE: the distance you drag the cursor dictates the colour your flower will be, eg if you only drag it about 50mm, the flower will be red, if you drag it beyond the edged of the petals it will be purple. When filling the flowers drag the cursor different distances to get different shades of flowers.

For the flowers represented by X and x, use the Magic Wand Tool to select the stamen head and fill with yellow #EFF53D

For the flowers represented by D and d, use the Brush Tool at 3px, foreground colour black and complete the outline of the flower so the Magic Wand will not select the whole canvas.

When all your flowers are filled, it is a very good idea to rename the layers so you know which flower is which to save a lot of confusion later on!

Create a new group by clicking on the folder icon at the bottom of the layers palette.

Drag all the flower layers into the group

Make the background layer active and select the Text Tool.

Using a heavy font – I used Boulder at 200pt – and with black as the foreground colour, type in the required text

Reduce the layer opacity to around 40%

Duplicate the group containing the flowers turn off the visibility of the duplicate group

Working with the orginal group, place the flowers on the first letter as required you may have to reduce the size of some of them to fit nicely (Ctrl + T)

When you have finished the flower, delete all unused layers and collapse the group down by clicking on the small arrowhead

Make the duplicate group active and duplicate it again, turn off the visibility of the new duplicate and work with the first duplicate group

Continue filling each letter with flowers in this way, duplicating the group before you start each letter.

For some letters you will have to duplicate layers as there will not be enough flowers

When all letters are covered, delete the text layer

Right click on each group and click on Merge Group. Rename the layers to their corresponding letter.

Turn off the visibility of all layers except the background layer

Fill the background with green #4A8E28

Create a new layer

Set the foreground colour to black

Select the Brush Tool and the Swirls and Flowers Brushes

Setting each ornament on a new layer, using Decorative 5, Decorative 12 and Decorative 13 brushes, make a layout as shown below, using the Transform Tool (Ctrl + T) to manipulate the shapes into position:


Merge the ornament layers down by right clicking on the top layer and clicking on Merge Down 3 times (or as necessary)

Double click on the layer to bring up the blending options and apply the following Color Overlay settings:

Color Overlay Settings

Reduce the layer opacity to 70%

Restore visibility to the flower text layers and place the letters using the Transform Tool (Ctrl + T) where necessary

To each letter layer add the following Drop Shadow and Bevel & Emboss settings (these are just the default settings – no changes necessary):

Drop Shadow Settings

Bevel & Emboss Settings

Turn off the visibility of the background and the ornaments layers, right click on any visible layer and click on Merge Visible

Create a new layer below the text layer

Ctrl + Click on the thumbnail of the text layer to select the pixels

Set the foreground colour to white

Make the new layer active

Edit>Fill – Foreground Color – click OK

Ctrl + D to deselect

Filter>Blur>Gaussian Blur – set to 40 – click OK

Make the text layer active

Image>Adjustments>Brightness/Contrast – increase the brightness to around +18 – click OK

Flowers Text

The finished project - click anywhere on the image to view full size

8 Responses to “Flowers Text Tutorial”

  1. wow..beautiful design

  2. You can not believe the time ive been googling because of this. Through seven pages of Digg results with out discovering anything at all. Just one search on Bing. There this is… Have to start using this more regularly

  3. Thanks for your tutorial….

  4. Thanks for sharing this wonderful post

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: