Professional Documents
Culture Documents
shiny chrome and neon letters! To create the effect, we'll use Photoshop's layer styles,
which will not only make things easy but will also keep our text fully editable. We'll use a
Gradient fill layer to create a background for the effect. And to finish things off, we'll add
a few sparkles around the text using Photoshop's Brush Tool!
Much of the retro effect will be done using gradients, and we'll be creating several
custom gradients along the way. To save time in the future, we'll save each custom
gradient as a new preset. That way, the next time you want to create the retro effect,
you'll be able to quickly select the gradients you need from the presets rather than
having to recreate them all from scratch.
I'll be using Photoshop CC here but everything we'll be doing is fully compatible with
Photoshop CS6 and with earlier versions of Photoshop. I'll also be using a couple of
retro-style fonts that I downloaded from Adobe Typekit, available with most Creative
Cloud subscription plans. If you don't have access to Adobe Typekit, no worries. A quick
Google search will find lots of free retro fonts you can use.
Here's what the 80s retro text effect will look like when we're done:
The redesigned version of the dialog box in Photoshop CC is made up mostly of a new
area on the left where we can view and select thumbnails of preset document sizes for
different types of projects (Photo, Print, Web, Mobile, etc.) as well as sizes that we've
recently used. For this tutorial, you can ignore this new section. The only section we
need is the Preset Details panel on the right where we find traditional options for
creating our own custom document:
The redesigned New Document dialog box in Photoshop CC. The Preset Details panel is
highlighted.
For this tutorial, we'll create a document with a Width of 1600 pixels and
a Height of 1000 pixels. Set the Resolutionvalue to 72 pixels/inch and
the Background Contents to White. Then, click Create to create the new document:
Setting the Width, Height, Resolution and Background Contents options in Photoshop CC.
If you're using Photoshop CS6 or earlier, you'll see the older, traditional New Document
dialog box. Again for this tutorial, set the Width to 1600 pixels and the Height to 1000
pixels. The Resolution value should be 72 pixel/inch and the Background
Contents should be set to White. Click OK to create your new document:
Setting the Width, Height, Resolution and Background Contents options in Photoshop CS6.
Click on the black color stop on the left to select it. Then, click on the color swatch to
change its color:
Clicking the color stop on the left, then clicking the color swatch.
This opens Photoshop's Color Picker where we can choose a different color. For this
first color, let's choose a dark blue by setting the R (Red) value to 0, the G (Green)
value also to 0, and the B (Blue) value to 40:
Click directly below the center of the preview bar to add a new color stop. Don't worry
about clicking in the exact center because we'll set the location of the color stop after
we've chosen a color. Once you've added the new color stop, click on the color
swatch to change its color:
Clicking below the center of the preview bar to add a new stop, then clicking the color swatch.
In the Color Picker, choose black for the middle of the gradient by setting
the R, G and B values to 0:
Enter a name for the gradient in the Name field directly below the Presets thumbnails.
I'll name the gradient "80s Retro Background". Then, click the New button:
In this case, I'll use a font called Orbitron Black. Once you've chosen your font, set the
size to 72 pt. We'll resize the text manually once we've added it, but for now, this will let
us start with the largest size we can choose from the list of preset sizes:
We'll start by editing the color on the left. But rather than clicking on the color stop to
select it and then clicking the color swatch to edit its color, let's use a faster
shortcut. Double-click on the black color stop:
Double-clicking on the black color step on the left.
This selects the color stop and opens the Color Picker. Change the color from black
to white by setting the R, G and Bvalues to 255, then click OK:
Selecting Anti-aliased, then setting the Highlight and Shadow Mode opacity to 100%.
Here's my text with Bevel & Emboss applied to the stroke:
The effect after applying Bevel & Emboss.
Here's what the word "4ever" looks like with my new font. It's too small at the moment,
but we'll fix that next:
Dragging the "4ever" Type layer onto the New Layer icon.
Clicking inside the Transform box and dragging "80s" into position.
Click the checkmark in the Options Bar to accept the changes:
Clicking the checkmark in the Options Bar.
And here's the retro text effect after skewing and moving the text. We're almost done:
With the Brush Tool selected, right-click (Win) / Control-click (Mac) anywhere inside
the image to open Photoshop's Brush Preset Picker. Then, click on the menu
icon (the gear icon) in the upper right corner:
You can see your current Foreground and Background colors in the color
swatches near the bottom of the Toolbar. Photoshop uses the Foreground color as the
brush color, so make sure its swatch (upper left) is showing white:
Press "D", then "X" to set your Foreground (brush) color to white.