Harry Potter Text Effect Photoshop Tutorial from David ~ Photoshop Tutorial

Harry Potter Text Effect Photoshop Tutorial
from David Occhino Design

Level: Intermediate
Time: 30-45 minutes

This is a free Adobe Photoshop tutorial from David Occhino Design.

If you have intermediate Photoshop knowledge and some artistic skill, the Harry Potter movie titles are not hard to create. This step-by-step guide will demonstrate a few simple tricks that simulate the look of the movie titling lettering.

You can create this artwork using the Harry Potter Text Effect Photoshop Tutorial

HARRY POTTER PHOTOSHOP TUTORIAL

Prerequisite Photoshop skills:

create, move, merge, rename, hide and change the opacity of layers
create, move, kern and rasterize text layers
work with selections, select and deselect
add and change layer effects
use the brush, pencil and magic wand tools
use HEX color codes

Materials Needed:

Fig. 1

Step 1: Set up the Photoshop file and add the text

A) Install the Hocus Pocus font.

B) Launch Adobe Photoshop and create a new file with the dimensions you'll need. In this example, our file is 2109 x 648 with a black background.

C) Create a text layer and position the text in the center of the area:

Font: "Hocus Pocus Titles"
Text: "Hocus Pocus"
Color: 787878
Anti-aliasing method: Sharp
Kerning: adjust as needed

D) To add a lightning bolt to any capital letter, highlight the letter and change the font style to "Hocus Pocus Titles Alternate." In Figure 1, the capital "P" was altered in this manner.

Fig. 2

Step 2: Add dimension to the text

In this step, you will apply a bevel to different text layers to add a dimensional lighting effect. This effect will create the illusion that the titling is being lit by an unknown light source near the center of the letters.

A) Rasterize the text you create in Step 1 and rename the layer "Titles Left."

B) Copy the "Titles Left" layer, rename it "Titles Right."

C) With the "Titles Left" layer active, use one of the selection tools to select the right half on the titles. In our example, we selected the entire word "Pocus." Delete the area you've selected.

D) Repeat Step C with the layer "Titles Right, but select the left half of the titles and delete that portion.

In our example, "Hocus" is on the layer "Titles Left" and "Pocus" is on the layer "Titles Right."

E) Add a layer effect (Bevel and Emboss) to the "Titles Left" layer: (see Fig. 2)

Style: Inner Bevel
Technique: Chisel Hard
Depth: 351%
Direction: Up
Size: 8 px
Soften: 0 px
Shading Angle: 37°
Shading Altitude: 37°
Highlight Mode: Screen, Color: ffffff, Opacity: 75%
Shadow Mode: Multiply, Color: 000000, Opacity: 75%

F) Add a layer effect (Bevel and Emboss) to the "Titles Right" layer: (see Fig 3)

Style: Inner Bevel
Technique: Chisel Hard
Depth: 351%
Direction: Up
Size: 8 px
Soften: 0 px
Shading Angle: -173°
Shading Altitude: 48°
Highlight Mode: Screen, Color: ffffff, Opacity: 75%
Shadow Mode: Multiply, Color: 000000, Opacity: 75%

Fig. 3

Step 3: Create a rough metal texture

A) Merge the two layers and adjust the contrast to taste:

Fig. 4

B) Using the Brush tool (and any other tools you desire) add scratches, pits, highlights and other distressed features that you want to. This gives the text a more realistic, weathered effect. Click here for a close-up view of the painted details.

Fig. 5 - click image to enlarge

Step 4: Add a background & finishing touches

A) Create a new layer under the text, and add a desired background color or image. Your can use the custom illustration we created, or your own artwork.

Fig. 6 - click image to enlarge

B) OPTIONAL: To add a colored gradient that fades in at the bottom of the lettering, select the text layer and apply a layer effect (Gradient Overlay):

Your work file will now be similar in style to Figure 7.

Save your image and enjoy your new creation.

Fig. 7

Did this tutorial help you? What other tips would you like to see on our site? Drop us a line and let us know.

Harry Potter Text Effect Photoshop Tutorial from David ...
Harry Potter Text Effect Photoshop Tutorial from David Occhino Design. Level: Intermediate This is a free Adobe Photoshop tutorial from David Occhino Design.

David Occhino Design - Graphic Design Tutorials
These graphic design tutorials by David Occhino Design provide tips and instruction in many Harry Potter Text Effect Photoshop Tutorial. Level: Intermediate: Time

Harry Potter Text | photoshop-tutorial.org
Photoshop tutorials Want to make a movie poster with Harry Potter Text Effect Select the Text Tool and type out your text in the canvas. Font will be Harry

Create a Harry Potter Style Text Effect in Photoshop ...
Create a Harry Potter Style Text Effect in Photoshop . Just watched Harry Potter and the Deathly Hallows. It was an awesome movie and I was inspired to create the

The Harry Potter Text Effect in Photoshop
Harry Potter text effect tutorial in Photoshop. The Harry Potter Text Effect in Photoshop. This results in Harry being slightly above Potter.

Harry Potter | Planet Photoshop
Manipulate the magic of Photoshop to recreate the title graphics from the new Harry Potter Harry Potter | Effects Tutorials 3D Layers Text Effect in Photoshop

Harry Potter Style Text Effect in Photoshop
Learn how to create an awesome Harry Potter style text effect in a few easy steps using Adobe Photoshop with this tutorial by Ice Flow Studios.

Harry Potter Text Effect Photoshop Tutorial From David ...
The best Harry Potter Text Effect Photoshop Tutorial From David Occhino Design To set Harry Potter Text Effect Photoshop Tutorial From David Occhino

Harry Potter Text Effect in Photoshop (Deathly Hallows) | IceflowStudios
to learn how to create a Happy Potter De This is an update to my 2009 tutorial on the Half-Blood Prince text effect. In this Photoshop tutorial,

harry potter | photoshop-tutorial.org
Photoshop tutorials just for beginners 2011 by PhotoshopTutorial Posted in Text Effects Leave a comment. Harry Potter Text.

About K-Sora

Travelling is my life

Photoshop Tutorial

Harry Potter Text Effect Photoshop Tutorial from David

About K-Sora

Related Post