Edged Text

Resources:

Red Circle Font from UrbanFonts

__________________________________________________________

This will be the end result:

Edged Text

_________________________________________________________

Open a new file 800 x 800, 72px resolution.

Fill the background with blue #162875

Select the Text Tool and Red Circle font, 150pt, foreground colour black.

Type the first word required.

Right click on the layer in the layers palette and click on Rasterize Type.

Double click on the layer in the layers palette to bring up the blending options and apply the following Stroke settings:

Stroke Settings

Create a new layer, then turn off the visibility of the background layer, right click on either visible layer and click on Merge Visible.

Duplicate the text layer.

Working on the duplicate layer, Ctrl + Click on the thumbnail in the layers palette to select the pixels.

Select>Modify>Contract – set to 10, click OK

Hit the delete key, Ctrl + D to deselect.

Double click on the layer in the layers palette to bring up the blending options and apply the following Inner Shadow, Inner Glow, Bevel & Emboss and Color Overlay settings:

Inner Shadow Settings

Inner Glow Settings

Bevel & Emboss Settings

Color Overlay Settings

Now working on the original text layer, double click on the layer in the layers palette to bring up the blending options and apply the following Gradient Overlay settings:

Gradient Overlay Settings

Repeat this method for any other words required.

Turn off the visibility of all layers except the text and outline of one of your words. Right click on one of the visible layers in the layers palette and click on Merge Visible.

Repeat this step for each word.

Restore visibility to all layers.

Using the Transform Tool (Ctrl + T), right click anywhere in the box and select Perspective, Skew, Rotate, or your chosen method to distort the text to your liking. Press return to accept the transformation.

Edged Text

The finished project

2 Responses to “Edged Text”

  1. I have a quick question. When I try to contract the selection, I get the message telling me that no pixels were selected. What should I do to fix this?

    • I can think of 2 things you can check: 1) Did you duplicate the text layer and not just create a new layer? 2) Do you have the correct layer active when you attempt to contract the selection? Hope this helps.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: