Pages

Bright Retro Text Effect

This tutorial will explain how to use layer styles to create a nice bright retro text effect. Then, it will explain how to use a couple of brushes to add the stroke, some sparkles, and retro line decorations to the Background.
The Final Result:
Bright Retro
Notes:
* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
Resources:
Retro Clouds : V. by ~ArtOfDecay-Stock.
Sparklies Photoshop Brushes by *redheadstock.
decorative light effects by *lindelokse.
Retro Diagonals.
Step 1:
- Set the Foreground color to #424100, and the Background color to #161400, then, create a Diamond Gradient from the center of the document to one of the corners.
Bright Retro Text Effect step 1
- Open the Retro Clouds : V. image and place it on top of the Gradient Background. Resize the image to fit the document, and change its Blend Mode to Soft Light.
Bright Retro Text Effect step 1
Step 2:
- Create the text using the color #47460e. The font used is Marbold and the size is 250 px. You need to set the Tracking value to something around 75 to avoid overlapping.
Bright Retro Text Effect step 2
- Duplicate the text layer and set the copy’s Fill value to 0%.
Bright Retro Text Effect step 2
Double click the original text layer to apply the following styles:
Outer Glow: Change the Blend Mode to Vivid Light, the color to #fcfcfb, and theSize to 16.
Bright Retro Text Effect step 2
Inner Glow: Change the Blend Mode to Vivid Light, the color to #fcfcfb, the Sourceto Center, and the Size to 30.
Bright Retro Text Effect step 2
Satin: Change the Blend Mode to Overlay and the color to #6f9ad0
Bright Retro Text Effect step 2
Gradient Overlay: Change the Blend Mode to Overlay, the Opacity to 45%, the Styleto Reflected, and the Scale to 85%
Bright Retro Text Effect step 2
This will add nice glow to the original text layer.
Bright Retro Text Effect step 2
Step 3:
- Double click the copy text layer to add Bevel and Emboss. Change the Technique toChisel Hard, the Size to 20, the Gloss Contour to Cone – Inverted and check theAnti-aliased box. Also, change the Highlight Mode to Overlay, its color to #e2e2e2, and the Shadow Mode color to #7d7d7d.
Check this image to see how to load the contours if you don’t have them.
Bright Retro Text Effect step 3
Contour: Choose Guassian – Inverse and check the Anti-aliased box.
Bright Retro Text Effect step 3
This will add the retro-like effect to the glow.
Bright Retro Text Effect step 3
Step 4:
- Create a new 20 x 64 px document with a Transparent Background. Use a smooth round brush to create 3 Black dots with different sizes. Go to Image -> Image Size and resize the document to 5 x 16 px.
Bright Retro Text Effect step 4
- Go to Edit -> Define Brush Preset and type in Stroke as the Name of the brush.
Bright Retro Text Effect step 4
- Back to the original document, open the Brush panel (Window -> Brush). Under Shape Dynamics, choose Direction from the Control drop down menu under Angle Jitter. Also, make sure all the other values are set to 0.
Bright Retro Text Effect step 4
Step 5:
- Create a new layer between the two text layers and call it “Stroke”. Set the Foreground color to #a7a400.
Bright Retro Text Effect step 5
- Right click on one of the text layers, and choose Create Work Path.
Bright Retro Text Effect step 5
- Pick the Direct Selection Tool, make sure that the “Stroke” layer is selected (active), then right click on the path and choose Stroke Path.
Bright Retro Text Effect step 5
- Choose Brush with the Simulate Pressure box un-checked.
Bright Retro Text Effect step 5
This will create a simple stroke.
Bright Retro Text Effect step 5
Step 6:
- Click the Create new fill or adjustment layer icon down the Layers panel, and choosePhoto Filter.
Bright Retro Text Effect step 6
- Choose the Red filter.
Bright Retro Text Effect step 6
- Create a new layer on top of the copy text layer and call it “Sparkles”, then change itsBlend Mode to Vivid Light. Set the Foreground color to #f4edd3, and use the Sparklies Photoshop Brushes to add some sparkles. One or two are enough, but you can go ahead and add more if you want to.
Bright Retro Text Effect step 6
- Create another new layer right below the Original text layer and call it “BG Light”, then change its Blend Mode to Vivid Light and its Opacity to 70%.
Bright Retro Text Effect step 6
- Use the decorative light effects brushes to add some nice glowing lights.
Bright Retro Text Effect step 6
- Finally, create a new layer below the Background image (Layer 1) and call it “Retro Lines”. Set the Foreground color to #424100, and use a brush from the Retro Diagonalsset to add some lines to the Background. Keep in mind that you can resize the brushes to whatever size you like.
Bright Retro Text Effect step 6
This is the final effect. But you can check the next step to see how to add some nice colors to this effect to make it look even more “Retro”.
Step 7:
- Create a new layer on top of the “Sparkles” layer and call it “Colors”. Change its Blend Mode to Hue.
Bright Retro Text Effect step 7
- Using a big soft round brush, add some color spots to the text. This technique adds a nice retro or vintage feel to the effect. The colors used here are #00709e and 960014, but you can go ahead and try other different colors as well.
Bright Retro Text Effect step 7
- If the colors look so bright, you can lower the “Colors” layer’s Opacity value. Here, it’s set to 70%.
Bright Retro Text Effect step 7
And that’s pretty much it!
Hope you enjoyed this tutorial.
Bright Retro

Categories:

0 comments:

Post a Comment

 

Featured Posts

Featured Posts

Featured Posts