Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Nature-Inspired Peter Pan Text Effect in Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Fairy Tale Week.
How to Draw Feathers
How to Design a Retro Theatre Poster in Adobe Illustrator
Final product image
What You'll Be Creating

“All the world is made of faith, and trust, and pixie dust.” In this tutorial, we're taking our text to Neverland, using some textures and images, along with layer styles and adjustment layers, to create a fantasy themed, Peter Pan inspired text effect. Let's get started!

This text effect was inspired by the many Layer Styles available on Envato Market.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. Create the Background

Step 1

Create a new 1000 x 850 px document.

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Add a Gradient Adjustment Layer

Step 2

Create a gradient fill using the colors #1c466c to the left and #0a0314 to the right, set the Style to Radial, change the Scale to 170%, and check the Dither box.

Gradient Settings

Step 3

Place the Bright Sky 1 image on top of the Gradient layer, and then resize it and position it as needed.

Rename the image's layer to Sky, and change its Blend Mode to Soft Light and its Opacity to 60%.

Add the Sky Texture

Step 4

Go to Filter > Blur > Gaussian Blur, and set the Radius to 1.5.

Gaussian Blur

Step 5

Add a Hue/Saturation adjustment layer, click the Clip to layer icon, and then change the Saturation to -100 and the Lightness to -3.

HueSaturation

2. Create the Text and Add the Leaf Texture

Step 1

Create the text using the font Propaganda. Set the Size to 265 pt and the Tracking to 50.

Create the Text

Step 2

Place the OTF_Macro_Leaf_19 image on top of the text layer, and resize it based on the size of the details you like.

Add the Leaf Texture

Step 3

Command-click the text layer's thumbnail to create a selection.

Create a Text Selection

3. Mask and Position the Leaf Texture

Step 1

With the leaf layer selected, click the Add layer mask icon at the bottom of the Layers panel to create a mask.

You can click the chain icon between the layer and mask thumbnails to move the leaf texture separately inside the mask.

Add a Layer Mask

Step 2

If you need to apply (repeat) the same part of the texture to more letters, duplicate the leaf layer, and use any selection tool to select the letters you don't want to apply the texture to.

Then, make sure that the mask's thumbnail is selected, and fill the selection with Black to mask the selection.

Remember to unlink the mask to move the texture inside it, and then link it again when you're done to move it along with the texture.

Just make sure to cover all the text with the leaf texture, and then make the original text layer invisible.

Position the Leaf Texture

4. Style the Leaf Text

Step 1

Double-click a leaf texture layer to apply a Bevel and Emboss effect using the following settings:

  • Size: 50
  • Check the Anti-aliased box
  • Highlight Mode: Soft Light
Bevel and Emboss

Step 2

Right-click the styled layer, and choose Copy Layer Style .Then select all the other leaf layers you have, right-click any of them, and choose Paste Layer Style.

This will add some dimension to the text.

Copy and Paste the Layer Style

5. Create the Extrusion

Step 1

Select all the leaf layers you have, duplicate them, and then press the Command-E keys to merge the copies.

Rename the merged layer to Extrusion, and place it below all the leaf layers.

Merge the Layers

Step 2

Press Command-T to enter Free Transform Mode. Then hit the Down Arrow Key once, and the Right Arrow Key once as well, to move the extrusion 1 px downwards and 1 px to the right.

Hit the Return key to accept the changes.

Move the Extrusion

Step 3

Press the Option-Command-Shift-T keys six times to create six copies with the same transformation.

Duplicate with the Transformation

Step 4

Place all the extrusion layers in a group and call it Extrusion.

Extrusion Group

6. Style the Extrusion

Double-click the Extrusion group to apply a Bevel and Emboss effect using these settings:

  • Size: 10
  • Check the Anti-aliased box
  • Highlight Mode: Soft Light
  • Shadow Mode - Opacity: 25%

This will give the extrusion some dimension.

Styled Extrusion

7. Create a Work Path

Step 1

Command-click the text layer's thumbnail, press and hold the Shift key to add to the selection, and Command-click the last Extrusion copy layer's thumbnail.

Create a Selection

Step 2

Pick any selection tool, and then right-click the selection you have, and choose Make Work Path.

Step 3

Set the Tolerance value to 1.0, and click OK.

Tolerance

Step 4

This will convert the selection into a work path.

Create a new layer on top of all layers, name it Stroke, and then pick the Brush Tool.

Create the Stroke Layer

8. Create and Use the Stroke Brush

Step 1

Open the Brush panel (Window > Brush), choose the Scattered Maple Leaves tip, and modify its settings as shown below:

Brush Tip Shape:

Brush Tip Shape

Shape Dynamics:

Shape Dynamics

Step 2

Hit the Return key to stroke the path with the modified brush tip.

Press A to get the Direct Selection Tool, and then hit Return one more time to get rid of the work path.

Stroke the Path

9. Style the Stroke

Step 1

Place another copy of the leaf texture on top of the Stroke layer, and name its layer Stroke Texture.

Right-click the Stroke Texture layer and choose Create Clipping Mask to clip the texture to the stroke.

Create Clipping Mask

Step 2

Double-click the Stroke Texture layer to apply an Inner Shadow effect with these settings:

Add an Inner Shadow with these settings:

  • Opacity: 35%
  • Distance: 5
  • Size: 7
Inner Shadow

This will darken the edges a little bit.

Darkened Stroke

10. Add the Vines/Branches

Step 1

Open the Branches and leaves resource image, use the Lasso Tool to select the part below, and go to Edit > Copy.

Copy the Vines and Branches Image

Step 2

Go back to the original document, and then go to Edit > Paste (Command-V).

Press Command-T, and then resize, rotate, and position the pasted image as you like on top of the text.

While the Free Transform Mode is still active, you can also right-click to access more options, like the Flip options, if needed.

Hit Return to accept the changes made.

Transform the Branches

Step 3

You can use the Eraser Tool (E) to remove any unwanted parts of the branch.

Erase the Unwanted Parts

Step 4

Paste another copy of the image, transform it, and repeat that until you cover the text with vines and branches.

Cover the Text with Vines and Branches

Step 5

Group the vines and branches layers in a group and call it Vines.

Vines Group

Step 6

Group all the layers you have, except for the background layers, and call the group Text.

Text Group

11. Style the Grouped Text

Double-click the Text group's layer to apply the following layer style:

Step 1

Add an Inner Shadow with these settings:

  • Opacity: 35%
  • Distance: 0
  • Size: 27
Inner Shadow

Step 2

Add an Outer Glow with these settings:

  • Blend Mode: Color Dodge
  • Opacity: 50%
  • Color: #e1ddd1
  • Size: 101
Outer Glow

Step 3

Add a Drop Shadow with these settings:

  • Color: #2b466b
  • Opacity: 73%
  • Distance: 7
  • Size: 21
Drop Shadow

This will style the text.

Styled Text

12. Add Another Background Texture and Adjust the Text's Coloring

Step 1

Place the Storm Brewing stock image below the Text group, and rename its layer to BG Texture.

Change the BG Texture layer's Blend Mode to Soft Light and its Opacity to 70%.

BG Texture

Step 2

Add a Selective Color adjustment layer on top of the Text group, and clip it to it.

Choose Neutrals from the Colors menu, and change the values as shown below:

  • Cyan: 1
  • Magenta: 7
  • Yellow: -3
  • Black: 4
Neutrals

Step 3

Choose Blacks from the Colors menu, and change the values as shown below:

  • Cyan: 7
  • Magenta: -3
  • Yellow: -29
  • Black: 2
Blacks

13. Add Some Sparkles

Step 1

Create a new layer on top of all layers, call it Sparkles, and change its Blend Mode to Vivid Light.

Pick the Brush Tool and set the Foreground Color to #fcf5d7.

Sparkles Layer

Step 2

Choose any brush tip you like from the Chic Sparkles brushes, and then modify its settings in the Brush panel, like the Spacing and the Shape Dynamics.

Then, click-drag slightly to add some sparkles all around the text.

Add the Sparkles

Step 3

Add a Hue/Saturation adjustment layer, and clip it to the Sparkles layer.

Check the Colorize box, and then change the Hue to 233, and the Saturation to 100.

HueSaturation

14. Adjust the Final Coloring

Step 1

Add a Gradient Map adjustment layer on top of all layers, change its Blend Mode to Soft Light and its Opacity to 50%, and click the gradient box to create the gradient fill.

Gradient Map

Step 2

To create the Gradient, you’ll need to click below the gradient bar to add Color Stops, and when you click each Color Stop, you can change its Color and Location values. Here are the Color Stop values used from left to right:

Color - Location

  • #774a11 - 0%
  • #976828 - 20%
  • #c49651 - 50%
  • #e1b978 - 80%
  • #ffe3a3 - 100%
Gradient Editor

Step 3

Add a Gradient adjustment layer on top of all layers.

Create a Fill Color to Transparent gradient fill using the colors #ffe79d to the left and #000000 to the right, and change the Angle to -41.

Gradient Adjustment Layer

Step 4

Change the Gradient layer's Blend Mode to Overlay and its Opacity to 30%.

This will adjust the coloring of the final result, and add a nice yellow tone to the corner.

Gradient Layers Settings

Congratulations! You're Done

In this tutorial, we created a simple background using a gradient fill and some textures.

Then, we created the text and its extrusion, styled them, and added the leaf texture and a couple of branches to both.

After that, we added more styling for the shadow and glow effects, as well as some sparkles. Finally, we added some adjustment layers to modify the coloring and lighting of the final result.

Please feel free to leave your comments, suggestions, and outcomes below.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.