Google+

Embossed Metal Tag Text Effect

This tutorial is a quick easy one, that will show you how you can use shapes and layered Layer Styles to create a simple embossed metal tag-inspired text effect.

The Final Result

Tutorial Details

  • Software Used : Photoshop
  • Version : CS6 Extended
  • Time : 0:30 – 0:45

Resources

Step 1

Create a new 800 x 461 px document, then place the Dark Wood Teture image on top of it.

Embossed Metal Tag Text Effect step 1

Make sure that the Snap option is active (View > Snap). Activate the Rulers by going to View > Rulers, then click and drag the horizontal ruler at the top to create a horizontal guide.

Embossed Metal Tag Text Effect step 1

Drag the guide to the center of the document. It will automatically snap to the center if the Snap option is active.

Embossed Metal Tag Text Effect step 1

Step 2

Pick the Rectangle Tool, and in the Options bar, click the Geometry Settings icon, and check the From Center box. This will help you align the center points of the shapes we’re going to create next.

Place the mouse cursor in the document’s center (over the guide), then click and drag to create a 490 x 255 px rectangle.

Embossed Metal Tag Text Effect step 2

The rectangle’s color should be set to #adadad.

Embossed Metal Tag Text Effect step 2

Pick the Add Anchor Point Tool, then click once to add a point in the middle of each vertical side (left and right).

Embossed Metal Tag Text Effect step 2

Use the Direct Selection Tool to click and drag to select both points you added.

Embossed Metal Tag Text Effect step 2

Go to Edit > Transform Points > Scale. Then press and hold the Alt/Option key, and drag one of the vertical sides outwards. The Alt/Option key will move the opposite side in the opposite direction, so you’ll end up dragging both sides outwards at once.

Embossed Metal Tag Text Effect step 2

Do the same to drag the horizontal sides outwards as well.

Because only two points were selected, this step will make the rounded sides get wider.

Once you like the shape, hit the Enter/Return key to accept the changes.

Embossed Metal Tag Text Effect step 2

Pick the Ellipse Tool, check the From Center box, and choose the Subtract Front Shape option.

Place the mouse cursor over the guide near the right side of the shape you created, then press and hold the Shift key, and click and drag to create a 25 x 25 px circle.

Embossed Metal Tag Text Effect step 2

Do the same for the other side.

You can use the Rectangular Marquee Tool to draw a rectangle between the two anchor points (of the shape and the circle), and check its Width (through the Window > Info panel for < CS6 versions), to make sure that both circles are symmetrically aligned.

Embossed Metal Tag Text Effect step 2

Step 3

Double click the shape layer to apply the following Layer Style:

– Bevel and Emboss

  • Size : 3
  • Uncheck the Use Global Light box
  • Angle : 90
  • Altitude : 58
  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
Embossed Metal Tag Text Effect step 3

– Contour

  • Check the Anti-aliased box.
  • Range : 70%
Embossed Metal Tag Text Effect step 3

– Gradient Overlay

  • Blend Mode : Soft Light
  • Opacity : 80%
  • Style : Reflected
  • Angle : 63
  • Scale : 133%
  • Use the stove pipe 120 gradient from the Gradients pack (the METALS.grd file).
Embossed Metal Tag Text Effect step 3

– Drop Shadow

  • Opacity : 30%
  • Distance : 3
  • Size : 1
Embossed Metal Tag Text Effect step 3

This will style the shape.

Embossed Metal Tag Text Effect step 3

Step 4

Use the Direct Selection Tool to select all the anchor points of the shape.

Embossed Metal Tag Text Effect step 4

Place the Dark Brushed Metal texture on top of the shape layer, then Ctrl/Cmd + click the shape layer’s thumbnail to create a selection.

Embossed Metal Tag Text Effect step 4

Press Ctrl/Cmd + J to duplicate the selection into a new layer, change that layer’s Blend Mode to Overlay, and delete the original Dark Brushed Metal texture’s layer.

Embossed Metal Tag Text Effect step 4

Step 5

Create the text in All Caps using the font Delicious. The font Size is 70 pt and the color is #b5b5b5.

Embossed Metal Tag Text Effect step 5

Duplicate the text layer and change the copy’s Fill value to 0, then duplicate the copy layer.

Embossed Metal Tag Text Effect step 5

Double click the original text layer to apply a Stroke effect:

– Stroke

  • Size : 3
  • Color : #b5b5b5
Embossed Metal Tag Text Effect step 5

Right click the styled text layer and choose Rasterize Layer Style (or group it (Layer > Group Layers) then merge it (Layer > Merge Group) for < CS6 versions).

Embossed Metal Tag Text Effect step 5

Double click the same layer again to apply a Bevel and Emboss effect.

  • Style : Outer Bevel
  • Size : 3
  • Uncheck the Use Global Light box
  • Angle : -149
  • Altitude : 26
  • Gloss Contour : Cove – Deep
  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
Embossed Metal Tag Text Effect step 5

Change the layer’s Fill value to 0. This will style the first text layer.

Embossed Metal Tag Text Effect step 5

Step 6

Double click the first copy text layer to apply the following Layer Style:

– Bevel and Emboss

  • Style : Outer Bevel
  • Check the Anti-aliased box
  • Highlight Mode – Opacity : 100%
Embossed Metal Tag Text Effect step 6

– Contour

  • Contour : Cove – Deep
  • Check the Anti-aliased box.
Embossed Metal Tag Text Effect step 6

– Drop Shadow

  • Distance : 3
Embossed Metal Tag Text Effect step 6

This will style the second text layer.

Embossed Metal Tag Text Effect step 6

Double click the second copy text layer to apply a Bevel and Emboss effect:

  • Size : 3
  • Check the Anti-aliased box
  • Gloss Contour : Rolling Slope – Descending
Embossed Metal Tag Text Effect step 6

This will style the last text layer. Each layer builds the effect up a bit more, and intensifies the highlights and shadows.

Embossed Metal Tag Text Effect step 6

Step 7

Ctrl/Cmd + click the shape layer’s thumbnail once again to create a selection, then create a new layer on top of all layers and call it Noise.

Embossed Metal Tag Text Effect step 7

Set the Foreground color to #e7e7e7 and the Background color to #5c5c5c, go to Filter > Render > Clouds, then go to Select > Deselect to get rid of the selection.

Embossed Metal Tag Text Effect step 7

Go to Filter > Noise > Add Noise. Set the Amount to 5, the Distribution to Gaussian, and check the Monochromatic box.

Embossed Metal Tag Text Effect step 7

Change the Noise layer’s Blend Mode to Soft Light, and its Opacity to 50%.

Embossed Metal Tag Text Effect step 7

Save a file, then Save it as another copy, as we’re going to flatten the image, and it’s always a good idea to keep a copy of the original layers.

So once you’ve done that, go to Layer > Flatten Image.

Embossed Metal Tag Text Effect step 7

Go to Filter > Render > Lighting Effects, and use the values below.

Embossed Metal Tag Text Effect step 7

You can click and drag the ellipses’ edges and points to create the shape you like.

Embossed Metal Tag Text Effect step 7

The Lighting Effects will add a bit more more realistic touch to the effect.

Embossed Metal Tag Text Effect step 7

And you’re done!

Hope you enjoyed the tutorial and found it helpful 🙂


Latest Comments
  1. Bob
    • textuts
    • textuts
    • textuts
  2. Yung
    • Rose
    • Rose
  3. DAISY
    • Rose
  4. Piyush Dangre
    • Rose
      • Piyush Dangre
  5. Abubakar Malik
    • Rose
    • Rose

Leave a Comment

Your email address will not be published. Required fields are marked *