Google+

Cherry Blossoms Text Effect

Cherry blossoms, or Sakura, are one of Spring’s most beautiful signs. Their fresh-looking pinkish-hued flowers are always a sight to behold. This tutorial will show you how to create a simple cherry blossoms – inspired text effect using Shapes, Brushes, and Layer Styles.

The result is very minimal and basic, but it still captures the loveliness of the blooming season.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CC (CS3+ versions can be used as well)
  • Time : 0:45 – 1:30

Resources

Step 1

Create a new 250 x 250 px document and fill its Background with Black. Then pick the Ellipse Tool, and create a 58 x 58 px white circle.

Cherry Blossoms Text Effect step 1

Create another 41 x 41 px black circle, and place it near the bottom of the white one.

Cherry Blossoms Text Effect step 1

Double click the black circle’s shape layer to apply a Gradient Overlay effect, using a gradient fill created with the colors #eac3c3 to the left and #ffffff to the right.

Cherry Blossoms Text Effect step 1

This will create the petal’s shape.

Cherry Blossoms Text Effect step 1

Select both circle shape layers, go to Layer > Rasterize > Layers, then to Layer > Merge Layers. Rename the merged layer to 1.

Cherry Blossoms Text Effect step 1

Step 2

Duplicate the petal layer and rename the copy to 2.

Cherry Blossoms Text Effect step 2

Go to Edit > Transform > Rotate. You’ll need to choose a Rotation Angle based on the number of petals you want to create, by dividing 360 by that number of petals.

In this tutorial, 5 petals will be created, so the Rotate value in the Options bar will be set to 72. Hit Enter/Return when done.

Cherry Blossoms Text Effect step 2

Continue duplicating the petal layers and rotating them until you get the number of petals you want, or simply press the Alt + Ctrl + Shift + T or Option + Cmd + Shift + T keys to do so.

Once you have all the petals, pick the Move Tool, and start placing the petals to create the flower. You can check the Auto-Select box in the Options bar to select and move the petals faster, but make sure to un-check it when you’re done.

Cherry Blossoms Text Effect step 2

Use the Ellipse Tool to create a circle that covers the center of the petals, then change its layer’s Fill value to 0.

Cherry Blossoms Text Effect step 2

Double click the center circle’s layer to apply a Gradient Overlay effect by changing the Style to Radial, then click the Gradient box to create it.

Cherry Blossoms Text Effect step 2

To create the Gradient, you’ll need to click below the gradient bar to add Color Stops, and on top of it to add Opacity Stops. Then, when you click a Color Stop, you can change its Color and Location values, and when you click an Opacity Stop you can change its Opacity and Location values. Here are the Color Stops values used from left to right:

Color – Location

  • #472a2a – 0%
  • #c86464 – 77%
  • #c86464 – 100%

Opacity – Location

  • 100% – 0%
  • 100% – 55%
  • 0% – 100%
Cherry Blossoms Text Effect step 2

This will style the center.

Group all the Shape layers you have, duplicate the group, make it invisible by clicking the eye icon next to it, then select the copy and go to Layer > Merge Group. Rename the original group and the merged one to Final.

Save the file and close it.

Cherry Blossoms Text Effect step 2

Step 3

Create a new 1250 x 1250 px document. Set the Foreground color to #dbbfb1 and the Background color to #9d8579. Pick the Gradient Tool, choose the Foreground to Background gradient fill, and click the Radial Gradient icon.

Then, click and drag from the center of the document to one of the corners to create the background gradient.

Cherry Blossoms Text Effect step 3

Create the text using the font Petit Formal Script. The color is #563a1b and the Size is 283 pt.

Cherry Blossoms Text Effect step 3

Duplicate the text layer and make it invisible. Then, select the copy and go to Layer > Rasterize > Type. Set the Foreground color to #563a1b, and pick the Brush Tool.

Cherry Blossoms Text Effect step 3

Step 4

Open the Brush panel (Window > Brush), pick a hard round tip and modify its Settings as shown below:

Brush tip Shape

Cherry Blossoms Text Effect step 4

Shape Dynamics

Cherry Blossoms Text Effect step 4

What the Fade values do is make the drawn line of brush get thinner when dragged out. So if you place the brush tip inside the text, then click and drag outwards, you’ll see the line getting thinner – but it won’t disappear.

Cherry Blossoms Text Effect step 4

If you want the line to completely disappear after it fades, change the Minimum Diameter value under Shape Dynamics to 0.

Cherry Blossoms Text Effect step 4

Choose the value you like depending on the result you prefer.

Cherry Blossoms Text Effect step 4

What you’ll need to do after that, is use the brush tip to create branches all around the text. You can do that now, or add them after placing the blossoms if you like. Whatever you feel more comfortable with.

Cherry Blossoms Text Effect step 4

Step 5

Duplicate the merged blossom flower’s layer created in Step 2 to the document you’re working on, then duplicate it to create a copy.

Cherry Blossoms Text Effect step 5

Press Ctrl/Cmd + T to enter the Free Transform Mode. Resize, rotate, and place the flower where you like, the hit Enter/Return to accept the changes.

Cherry Blossoms Text Effect step 5

Continue duplicating, transforming, and positioning the flowers until you like the result you get.

Cherry Blossoms Text Effect step 5

Group all the flower layers you have to keep things organized.

Cherry Blossoms Text Effect step 5

Double click any of the flower layers to apply a Drop Shadow effect:

  • Opacity : 13%
  • Distance : 8
  • Size : 8
Cherry Blossoms Text Effect step 5

Right click the styled layer, choose Copy Layer Style, then select all the other blossom flowers’ layers, right click any of them, and choose Paste Layer Style.

This will add a subtle shadow to the flowers.

Cherry Blossoms Text Effect step 5

Step 6

Double click the rasterized text’s layer to apply the following Layer Style:

– Inner Shadow

  • Blend Mode : Normal
  • Color : #664724
  • Opacity : 100%
  • Distance : 18
  • Size : 0
Cherry Blossoms Text Effect step 6

– Drop Shadow

  • Opacity : 13%
  • Distance : 8
  • Size : 8
Cherry Blossoms Text Effect step 6

This will add some flat shadow detailing to the text.

Cherry Blossoms Text Effect step 6

Step 7

Create a new layer on top of the text layers and call it Leaves, set the Foreground color to #89a115, and pick the Brush Tool.

Cherry Blossoms Text Effect step 7

Open the Brush panel, choose a hard round brush tip, and modify its Settings as shown below:

Brush Tip Shape

Cherry Blossoms Text Effect step 7

Shape Dynamics

Cherry Blossoms Text Effect step 7

Next, start clicking to add leaves for some of the blossom flowers you have. The Shape Dynamics‘ settings will help you create leaves with different sizes and angles, so you can choose where to add the leaf each time, as well as undo and redo the process until you like the outcome.

Cherry Blossoms Text Effect step 7

Double click the Leaves layer to apply the following Layer Style:

– Inner Shadow

  • Blend Mode : Normal
  • Color : #738717
  • Opacity : 100%
  • Distance : 6
  • Size : 0
Cherry Blossoms Text Effect step 7

– Drop Shadow

  • Opacity : 13%
Cherry Blossoms Text Effect step 7

This will style the leaves.

Cherry Blossoms Text Effect step 7

Step 8

Create a new layer below the Leaves layer, call it Petals, set the Foreground color to #fefefe and the Background color to #e9cccc.

Cherry Blossoms Text Effect step 8

In the Brush panel, modify the Settings of the selected brush tip as below:

Brush Tip Shape

Cherry Blossoms Text Effect step 8

Shape Dynamics

Cherry Blossoms Text Effect step 8

Scattering

Cherry Blossoms Text Effect step 8

Color Dynamics

Cherry Blossoms Text Effect step 8

Transfer

Cherry Blossoms Text Effect step 8

Click and drag slightly in different areas around the text to scatter some petals.

Cherry Blossoms Text Effect step 8

Finally, place the Paper T4 image on top of all layers, and go to Image > Adjustments > Desaturate. Then, resize the texture as needed, and change its layer’s Blend Mode to Multiply and its Opacity to 50%.

Cherry Blossoms Text Effect step 8

And you’re done!

Hope you enjoyed the tutorial and found it helpful. Have a nice Spring ;)