Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Copper Foil Text Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Love Week.
How to Create a Confetti Brush in Adobe Illustrator
How to Create a "Share the Love" Icon Pack in Adobe Illustrator
Final product image
What You'll Be Creating

This tutorial will show you a simple way to create a foil text effect, using filters, adjustments, and layer styles. Let's get started!

This text effect was inspired by the many Layer Styles available on GraphicRiver, including this Gold Text Effects style pack.

Gold Text Effects

Tutorial Assets

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

1. How to Load a Default Pattern Set

Step 1

Go to Edit > Presets > Preset Manager, and choose Patterns from the Preset Type drop-down menu.

Then, click the little arrow to the right of the Preset Type drop-down menu, and click the Nature Patterns set. When the dialog box appears after that, just click Append.

Load the Nature Patterns

Step 2

Create a new 1000 x 1000 px document, and duplicate the Background layer.

Rename the copy layer to Texture, and then right-click it, and choose Convert to Smart Object.

Convert to Smart Object

2. How to Create a Foil Texture Using Filters

Step 1

Set the Foreground Color to #f07d6d and the Background Color to #5e231b, and go to Filter > Render > Clouds.

These colors will help create a copper texture, but you can choose other colors if you like to get different results as well.

Render Clouds

Step 2

Go to Filter > Filter Gallery > Distort > Glass, and use these settings:

  • Distortion: 15
  • Smoothness: 3
  • Texture: Frosted
  • Scaling: 100
Glass Filter Settings

Step 3

Click the New effect layer icon at the bottom right corner of the Filter Gallery window.

Add  New Effect Layer

Step 4

Choose the Glass filter again, but this time, use these settings:

  • Distortion: 20
  • Smoothness: 3
  • Texture: Canvas
  • Scaling: 100
Glass Filter Settings 2

3. How to Adjust a Texture's Coloring

Step 1

If you're working with older versions of Photoshop, you'll need to add adjustment layers, by clicking the Create new fill or adjustment layer icon at the bottom of the Layers panel.

Adjustment Layers

Step 2

For newer versions, however, you can apply the adjustments directly to the smart object layer.

So go to Image > Adjustments > Hue/Saturation, and change the Hue to 15.

HueSaturation

Step 3

Go to Image > Adjustments > Levels, and change the Highlights to 13 and the Shadows to 201.

You can save this file to keep a copy of the original texture.

Levels

4. How to Convert a Texture Into a Pattern

Step 1

Right-click the Texture layer and choose Rasterize Layer.

Rasterize Layer

Step 2

Pick the Rectangular Marquee Tool, and then create a selection that covers about 1/3 to 1/2 of the upper part of the texture.

Select the Upper Part

Step 3

Press the Command-Shift-J keys to cut and paste the selected area in a new layer.

Duplicate Selection in a New Layer

Step 4

Use the Move Tool to place the duplicated part right below the original. You can hold the Shift key while doing so to avoid moving the rectangle to the sides.

Move the Duplicated Part

Step 5

Go to Image > Reveal All, and make sure that there are no spaces between both rectangles.

Reveal All

Step 6

Go to Image > Trim, and then choose the Top Left Pixel Color option under the Based On tab, check all the Trim Away tab boxes, and click OK.

Trim

Step 7

Press Command-E to merge both layers together.

Merge Layers

5. How to Create and Define a Seamless Pattern

Step 1

Pick the Healing Brush Tool, and then hold the Option key to sample an area near the line where both rectangles meet.

Then use a round brush tip, with Size and Hardness values depending on the result you want, and paint over the line to get rid of it.

It is better to keep sampling and painting over small portions of the line, to make sure you get a neater result.

Remove the Merge Line

Step 2

You can use any other healing tools you like. Just make sure to stay as close to the line as possible, and not alter the texture to the point where it gets blurry and pixelated.

Use Different Healing Tools

Step 3

Repeat the same steps for the vertical side of the texture.

So create a selection that covers about 1/3 to 1/2 of the left side of the texture, press Command-Shift-J, move the duplicated part until it meets the right side's edge, and then Reveal All, Trim, and merge.

Repeat for the Left Side

Step 4

Use the healing tools to make the edge seamless.

Heal the Merge Line

Step 5

Go to Edit > Define Pattern, and type Foil for the Name.

Define Pattern

6. How to Create Text

Step 1

Create a new 1000 x 1000 px document, and then place the Black Paper Texture image on top of the Background layer, and resize it as needed.

Add the Background Texture

Step 2

Create the text using the font Hensa, and set the Size to 150 pt.

Create the Text

Step 3

If you have more than one line of text, you might need to adjust the Leading values for each of the lines to get evenly spaced text.

Adjust the Leading

Step 4

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

Duplicate the Text Layer

7. How to Create Frame Shapes

Step 1

Pick the Rectangle Tool, and then create a rectangle or a square around the text you have.

Create a Frame Shape

Step 2

In the Options bar, set the Fill to None and the Stroke Size to 7. Then, click the Set shape stroke type icon, and change the Align to Center.

Stroke Settings

Step 3

Duplicate the rectangle shape layer, and then press Command-T to enter Free Transform Mode, and scale the copy rectangle up to create an outer frame.

When done, hit the Return key to accept the changes.

Create a Bigger Frame

Step 4

Rename the original rectangle layer to Inner, and the copy's to Outer.

Rename the Frame Layers

Step 5

Duplicate both shape layers, and change the copies' Fill value to 20.

Duplicate and Change the Fill Value

8. How to Style a Foil Effect

Double-click the original text layer to apply the following layer style:

Step 1

Add a Bevel and Emboss with these settings:

  • Style: Emboss
  • Size: 0
  • Check the Anti-aliased box
  • Highlight Mode: Linear Light
    • Opacity: 20%
  • Shadow Mode:
    • Opacity: 0%
Bevel and Emboss

Step 2

Add a Contour with these settings:

  • Contour: Cone
  • Check the Anti-aliased box.
  • Range: 100%
Contour

Step 3

Add a Texture with these settings:

  • Pattern: Spiky Bush
  • Depth: 50%
Texture

Step 4

Add a Gradient Overlay with these settings:

  • Check the Dither box
  • Blend Mode: Multiply
  • Opacity: 20%
  • Angle: 22
  • Use the aluminum 130 gradient fill
Gradient Overlay

Step 5

Add a Pattern Overlay with these settings:

  • Pattern: Foil
  • Scale: 50%
Pattern Overlay

Step 6

This will style the main foil effect.

Right-click the styled text layer, choose Copy Layer Style, and then select the Inner and Outer shape layers, right-click any of them, and choose Paste Layer Style.

Copy and Paste the Layer Style

9. How to Create a Subtle Embossed Effect

Step 1

Double-click the copy text layer to apply a Bevel and Emboss effect with these settings:

  • Size: 1
  • Check the Anti-aliased box
  • Highlight Mode: Overlay
    • Opacity: 50%
  • Shadow Mode:
    • Opacity: 30%
Bevel and Emboss

Step 2

Copy and paste the layer style to the copy Inner and Outer layers.

Copy and Paste the Layer Style

Congratulations! You're Done

In this tutorial, we used a couple of filters and adjustments to create a foil texture. Then, we worked on turning the texture into a seamless pattern, using healing tools. Finally, we created text and frame layers, and styled them to achieve the foil effect.

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.