Sei sulla pagina 1di 60

Create a Marvelously

British Scone Text Effect in


Adobe Photoshop

What You'll Be Creating


Using different brushes, textures, and layer styles can be a great way of building up
a detailed text effect. This tutorial will show you how to use those three elements,
along with some other tools and settings, to create a text effect inspired by
delicious British scones. Let's get started!

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

 Rockin Record G font


 Texture: Wood Floor by ivelt-resources
 MARBLE TEXTURE HIGH QUALITY
 Scones Text Effect Brushes Set
 Seamless Bread Texture (Extra Small) by auriso
 bagels and jam (Small) by jirkaejc

1. Creating the Background


Step 1
Create a new 838 x 530px document. Place the Texture: Wood Floor image on
top of the Background layer, and resize it as needed.

Step 2
Add a Hue/Saturation adjustment layer and change the Saturation value to -83.
Step 3
Add a Levels adjustment layer and change the Gamma value to 1.17 and
the Highlights value to 238.
Step 4
Place the MARBLE TEXTURE image on top of all layers, resize it as needed,
and then change its layer's Blend Mode to Color Burn and its Opacity to 30%.

2. Creating the Text and the Work Path


Step 1
Create the text in All Caps using the font Rockin Record G, the Size 235 pt, and
the color #f2ece6 . Set the Tracking value to 100.
Step 2
Right click the text and choose Create Work Path, and then make the text layer
invisible.

3. Stroking the Work Path With Brushes 1


and 2
Step 1
Set the Foreground color to #f1ece6 , create a new layer on top of all layers, and
call it 1. Then stroke the path with brush 1 from the Scones Text Effect Brushes
Set.

Step 2
Create a new layer on top of layer 1, call it 2, and stroke the path with the brush 2.

Duplicate layer 2, and change the copy's Fill value to 0.


Step 3
Duplicate layer 2 copy, Command-click the text layer's thumbnail to create a
selection, and then delete the selected part from layer 2 copy 2's stroke.

4. Stroking the Inner Work Path


Step 1
Contract the selection by 10 pixels.

Step 2
Convert the selection into a work path by clicking the Make work path from
selection icon at the bottom of the Paths panel.
Step 3
Create a new layer on top of all layers, call it 3, stroke the path with brush 3,
duplicate layer 3, and change its Fill value to 0.

Step 4
Create a selection from the original text once again, and contract the selection
by 15 pixels.

Create a new layer on top of all layers, call it 4, and fill the selection with
the Foreground color.
Step 5
Convert the selection into a work path, and stroke it with brush 3.

5. Styling Layer 1
Step 1
Open the Seamless Bread Texture image, and resize it to 295 x 275 px. Then go
to Edit > Define Pattern, and type in Bread Texture for the Name.

Double click layer 1 to apply the following layer style:

Step 2
Add a Bevel and Emboss with these settings:

 Depth: 275
 Gloss Contour: Gaussian
 Check the Anti-aliased box
 Highlight Mode - Color: #4f3e34
 Shadow Mode: Linear Burn
 Color: #e6d6bf
Step 3
Add a Contour with these settings:

 Contour: Half Round


 Check the Anti-aliased box.
Step 4
Add a Texture with these settings:

 Pattern: Bread Texture


 Depth: 50%
 Check the Invert box
Step 5
Add a Pattern Overlay with these settings:

 Pattern: Bread Texture


Step 6
Add a Drop Shadow with these settings:

 Opacity: 12%
 Uncheck the Use Global Light box
 Angle: 99
 Distance: 18
 Size: 6
This will style the edges.

6. Styling Layers 2 and 2 copy


Step 1
Change layer 2's Blend Mode to Multiply.

Step 2
Double click layer 2 copy to apply a Drop Shadow effect using the following
settings:

 Color: #6e6355

 Opacity: 50%
 Distance: 5
 Size: 10
This will add a simple shadow to the edges.

7. Styling Layer 2 copy 2


Double click layer 2 copy 2 to apply the following layer style:

Step 1
Add a Bevel and Emboss with these settings:

 Size: 10
 Highlight Mode:
 Color: #695041
 Opacity: 50%
 Shadow Mode:
 Color: #aa998b
 Opacity: 30%

Step 2
Add a Contour using the default values.
Step 3
Add a Texture with these settings:

 Pattern: Bread Texture


 Depth: 50%
This will style layer 2 copy 2.

8. Styling Layer 3
Double click layer 3 to apply the following layer style:

Step 1
Add a Bevel and Emboss with these settings:

 Style: Outer Bevel


 Check the Anti-aliased box
 Highlight Mode: Linear Light
 Opacity: 10%
 Shadow Mode:
 Color: #a47a54
 Opacity: 15%

Step 2
Add a Contour with these settings:

 Contour: Half Round


 Check the Anti-aliased box
This will style layer 3.

9. Styling Layer 3 copy


Double click layer 3 copy to apply the following layer style:

Step 1
Add a Bevel and Emboss with these settings:

 Size: 13
 Uncheck the Use Global Light box
 Angle: 27
 Altitude: 69
 Check the Anti-aliased box
 Shadow Mode - Color: #8d672c

Step 2
Add a Texture with these settings:

 Pattern: Clouds
Step 3
Add a Color Overlay with these settings:

 Color: #e9e1d9
Step 4
Add a Drop Shadow with these settings:

 Opacity: 94%
 Distance: 1
 Size: 10
This will style the clotted cream part below the jam.

10. Styling the First Jam Layer


Step 1
Change layer 4's Fill value to 0, and then duplicate it five times.

Double click layer 4 to apply the following layer style:

Step 2
Add a Bevel and Emboss with these settings:

 Size: 32
 Soften: 3
 Uncheck the Use Global Light box
 Angle: 27
 Altitude: 69
 Check the Anti-aliased box
 Highlight Mode: Linear Light
 Opacity: 20%
Step 3
Add a Texture with these settings:

 Pattern: Clouds
 Scale: 70%
 Depth: 20%
Step 4
Add a Color Overlay with these settings:

 Color: #330417

This is where you choose the jam's color. So feel free to change it any time you
like.
Step 5
Add a Drop Shadow with these settings:

 Distance: 0
 Size: 3
This will style the first layer of jam. Next, we'll be adding layers of gloss and
shine.
11. Styling the Second Jam Layer
Double click layer 4 copy to apply the following layer style:

Step 1
Add a Bevel and Emboss with these settings:

 Size: 18
 Soften: 1
 Uncheck the Use Global Light box
 Angle: 166
 Altitude: 69
 Gloss Contour: Cone - Inverted
 Check the Anti-aliased box
 Highlight Mode: Linear Light
 Opacity: 50%
 Shadow Mode - Opacity: 0%
Step 2
Add a Texture with these settings:

 Pattern: Clouds
 Depth: 20%

This will add some highlights/gloss to the jam.


12. Styling the Third Jam Layer
Copy and paste layer 4 copy's layer style to layer 4 copy 2, and double click
layer 4 copy 2 to change a couple of the values as shown below:

Bevel and Emboss

 Size: 15
 Angle: -14
 Highlight Mode - Opacity: 30%
This will add some more shine to the jam.

13. Styling the Fourth Jam Layer


Paste layer 4 copy's layer style to layer 4 copy 3, and double click layer 4 copy
3 to change a couple of the values as shown below:

Step 1
Bevel and Emboss

 Size: 29
 Angle: 45
 Highlight Mode: Screen
 Opacity: 90%

This will style the last layer of shine.


14. Styling the Jam Edges
Double click layer 4 copy 4 to apply the following layer style:

Step 1
Add a Bevel and Emboss with these settings:

 Size: 24
 Soften: 9
 Uncheck the Use Global Light box
 Angle: -22
 Altitude: 64
 Gloss Contour: Cone - Inverted
 Check the Anti-aliased box
 Highlight Mode: Linear Light
 Shadow Mode - Opacity: 0%
Step 2
Add a Contour with these settings:

 Contour: Cone - Inverted


 Check the Anti-aliased box
Step 3
This will style the right and bottom edges of the jam. Copy and paste this layer
style to layer 4 copy 5.
Step 4
Double click layer 4 copy 5 to change the Bevel and Emboss's Angle value
to 112.

This will style the left and top edges of the jam.
15. Adding the Crumbs
Step 1
Create a text work path, create a new layer below layer 1, call it Crumbs, and
stroke the path with the Crumbs brush.
Double click the Crumbs layer to apply the following layer style:

Step 2
Add a Bevel and Emboss with these settings:

 Depth: 275
 Size: 3
 Gloss Contour: Gaussian
 Check the Anti-aliased box
 Highlight Mode - Color: #4f3e34
 Shadow Mode - Color: #aa998b

Step 3
Add a Contour with these settings:

 Check the Anti-aliased box.


Step 4
Add a Texture with these settings:

 Pattern: Bread Texture


Step 5
Add a Pattern Overlay with these settings:

 Pattern: Bread Texture


Step 6
Add a Drop Shadow with these settings:

 Opacity: 30%
 Uncheck the Use Global Light box
 Angle: 99
This will style the crumbs.

16. Creating the 3D Part


Step 1
Create a selection of layers 1, 2 and the original text layers' content.

Create a new layer (Layer 1) below the Crumbs layer, fill the selection with
the Foreground color, and then deselect.

Step 2
Enter the Scale Transform Mode, and scale Layer 1's content down by entering
the value 99% for both the W and H values in the Options bar.
Step 3
Press Option-Command-Shift-T (Alt-Control-Shift-T for Windows) twice to
create two more scaled-down copies. Group all three layers in a group named 3D.

17. Styling the 3D Part


Copy and paste the Crumbs layer's layer style to the 3D group, and double click
the 3D group to change a couple of the values as shown below:

Step 1
Bevel and Emboss

 Size: 5
 Shadow Mode: Linear Burn
 Color: #bf9876

Step 2
Texture

 Check the Invert box


Step 3
Drop Shadow

 Opacity: 15%
 Distance: 12
 Size: 6
This will style the 3D part.

18. Enhancing the Shadow


Step 1
Create a selection of layers 1, 2 and the original text layers' content again.

Create a new layer below the 3D group, and name it Shadow.

Fill the selection with the color #4b4845 , and convert the layer into a Smart
Object.

Step 2
Go to Filter > Blur > Gaussian Blur, and change the Radius to 3.5.
Step 3
Change the Shadow layer's Blend Mode to Linear Burn, and its Opacity to 25%.
Then move the shadow around a little bit until you like how it looks.
19. Enhancing the Coloring and Adding the
Image
Step 1
Add a Gradient adjustment layer.

Create a transparent to fill color gradient using the color #f2ece6 . Set
the Styleto Radial and the Scale to 500.

Then place the Gradient adjustment layer on top of all layers, and change
its Blend Mode to Linear Burn.

Step 2
Open the bagels and jam image, and use the Magnetic Lasso Tool, or any other
selection tools you like, to select the knife and the jam's bowl.
Step 3
You can use the Refine Edge settings to refine your selection.
Step 4
Copy and paste the selected part to the original text effect document. Resize,
rotate, and reposition it until you like how the image looks.
Step 5
Add a Hue/Saturation adjustment layer and clip it to the image's layer.

For the Reds values, change the Hue to -30 and the Saturation to -20. We're
basically trying to match the bowl's jam color to the text's.
Step 6
Duplicate the image's layer and place the copy below it.

Go to Image > Adjustments > Hue/Saturation, and change the Lightness value
to -100.

Convert to a Smart Object, apply a Gaussian Blur with a 3.5 Radius, and then
transform the black copy to create a shadow based on the other shadows you
already have in the document.

Advertisement

Step 7
Finally, use the Sponge Tool to desaturate the orange parts of the knife.
Congratulations! You're Done