In today’s Photoshop tutorial I’ll be teaching you how to create this elegant chocolate text effect using only layer styles. We will be using 2 text layers to accomplish the final results, one is simple just some simple shadowing. With that said, lets get started!
Step 1: Create a New Document
Open Photoshop and go to File > New (or CTRL+N) to create a new document. I will be creating a 900 pixels x 400 pixels document at 72 pixels/inch resolution. Color Mode: RGB 8 bit. Background: Transparent.
Step 2: Create the Background
We need to fill the background with a light brown so go to Edit > Fill > Color… and use #8A4F2B.
Next we’ll apply some basic shadowing around the edges of the canvas so right click the layer and go to Blending Options.. we’ll now add some shadow using these styles:
Inner Glow – Blend Mode: Normal, Opacity: 41%, Color: #000000, Size: 250px, Range: 61%
Finally we will apply one of Photoshop’s default patterns. This step really isn’t necessary if you’re just after the text portion you can skip it. Under pattern overlay open the pattern picker and from the dropdown you’ll see the “Grayscale Paper” set, choose it. From the pattern picker now we will select Gray Granite, then give the pattern a Blend Mode of Multiply at 66% opacity.
Step 3: Create the Chocolate Text Effect
Using the Horizontal Type Tool we’ll now create our text (Chocolate) using the settings.. Font Family: Brush Script Std, Font Size: 157px and center the text on our canvas.
Now that we have our text layer we can begin to style it, so right the text layer and go to Blending Options.. Use the following settings:
Bevel & Emboss – Style: Inner Bevel, Depth: 521%, Size: 4px, Soften: 2px, Angle: 45, Altitude: 35, Gloss Contour: Ring, Highlight Mode: Vivid Light #FFFFFF | Opacity: 82%, Shadow Mode: Multiply #000000 | Opacity: 10%
Contour – Contour: Linear, Range: 50%
Stroke – Size: 8px, Position: Outside, Color: #362011
Inner Shadow – Blend Mode: Overlay #FFFFFF, Opacity: 4%, Angle: 60, Distance: 8px, Size: 10px
Gradient Overlay – Blend Mode: Normal, Opacity: 100%, Gradient: Location 0% – #4f2d19 | Location 100% – #6a3c20
Next we need right click and Duplicate the chocolate text layer. Then right click the copy layer and choose Clear Layer Style.. Also we need to set the copy layer’s fill to 0%.
Finally we just need to add a drop shadow to the copy layer so right click and go to Blending Options.. Use drop shadow with these settings:
Blend Mode: Multiply #000000, Opacity: 27%, Angle: 55, Distance: 11px, Size: 5px