photoshop creative
Jan
3

How to create chrome text effects in Photoshop, part 1

Posted in:
Tips & Tutorials, by Mark White
January 3, 2014

Learn how to polish up on your text effect skills add some shine to your next design in Photoshop

Download all the files you need for this tutorial here

STEP 01

Create a new RGB landscape canvas 2717px x 1772px with the background as white, then add central guides. Press D so your foreground/background colours are default, then set the Ellipse tool to Shape Layers in the Options bar. Hold Shift and begin to drag a large circle from the centre, then immediately press Alt to snap it to your guides.

STEP 02

Set the Ellipse tool to Subtract from path area, then add another central circle to form a thick black ring. Now change the tool to Add to shape area and draw another smaller central circle. Set the tool back to Subtract to add the final central circle to create the slimmer inner ring.

STEP 03

Hit Ctrl/Cmd+T, then squash the shape to an oval, then use the arrow key to nudge it up slightly. Next, stack two text layers using the Airstream font at 183pt. Optically centre both layers, then place your type cursor between any character pairs that need closing up and adjust their kerning values as required.

STEP 04

Highlight both text layers and go to Layer>Type>Convert to Shape. You can now use the Direct Selection tool (located in the Path Selection menu) to fine-tune your letter forms. We selected the control points of the dot over the ‘i’ and nudged it down a little, as well as extending the ‘s’ and ‘f’ over the ellipse.

STEP 05

Use your eye to refine any remaining paths; the screen shot (below)? shows what you should be aiming for. The descender of the ‘y’ has been modified as well as the base of the ‘f’ shortened for legibility. This step will take some time and patience, but it’s worth getting it right before the next step.

STEP 06

Highlight both text layers and choose Layer>Type>Rasterize>Layers. Target the upper layer and hit Ctrl/Cmd+E to Merge Down to create a single layer. Ctrl/Cmd-click the Oval mask thumbnail to load it as a selection and go to Select>Modify>Expand by 20px. Target the merged layer and use a hard-edged Eraser to remove the overlapping areas.

STEP 07

Now highlight both layers and apply the Merge Layers command again. Rename this layer ‘Original graphic’ then load it as a selection. Switch to the Channels tab and click on the Create new channel button at the foot of the palette. With the selection still active hit Delete to fill with white, then name the channel ‘Graphic sharp’.

STEP 08

Duplicate the ‘Graphic sharp’ channel by dragging its thumbnail over the Create new channel button and choose Filter>Blur>Gaussian Blur and enter a value of 5.0px. Rename this channel ‘Graphic blur’.

STEP 09

Use the fly-out menu situated top-right of the Channels tab to select Duplicate channel. In the next window select New under Destination and label it ‘Graphic blur’. This command will open the channel as a new file called ‘Graphic blur.psd’. Now save it to a memorable location checking the Alpha Channel button.

STEP 10

Open the palm three image (641206_65191359.jpg) and drag-drop its layer thumbnail into your working file as a top layer and name it ‘Original environment’. Drop the Opacity to 50% so your logo is visible, then target the ‘Original environment’ layer and drastically enlarge and stretch to cover your canvas.