Tutorials Navigation
Photoshop - Retro Text Effect
Tutorial Name: Photoshop - Retro Text Effect
Category: PC Tutorials
Submitted By: Nag
Date Added:
Comments: 0
Views: 1,196
Related Forum: PC Building Forum
Share:
Step 1:
- Set the Foreground color to #212121 and the Background color to #000000 (Black). Create a Radial Gradient from the center of the document to one of the corners.
[ Register or Signin to view external links. ]
- Create the text using the color #f4edd2, and the font Junegull. In this effect, there will be two different sizes for the text. So if you want that as well, create the text on separate layers. The Larger size is 250px, and the Leading is 180 (to modify the vertical distance between the lines if necessary).
[ Register or Signin to view external links. ]
- The smaller size is 150. You can modify the sizes as you like, but these are the values used here.
[ Register or Signin to view external links. ]
Step 2:
Double click on the text layer to apply the following styles:
- Outer Glow: Change the Blend Mode to Hard Light, the Contour to Cone - Inverted and check the Anti-aliased box.
[ Register or Signin to view external links. ]
- Inner Glow: Just change the color to #ffff00.
[ Register or Signin to view external links. ]
- Change the Fill value to 0.
[ Register or Signin to view external links. ]
- If you have a smaller text size, you need to scale the effect in order to suit the new size. So Right Click on the original text layer, and choose Copy Layer Style.
[ Register or Signin to view external links. ]
- Right Click on the other text layer and choose Paste Layer Style. This will apply the same layer styles to the new text layer, with the same values.
[ Register or Signin to view external links. ]
- To scale the styles, Right Click on the Layer Effects icon, and choose Scale Effects.
[ Register or Signin to view external links. ]
- Change the Scale value so that the style suits the text size.
[ Register or Signin to view external links. ]
Step 3:
- Set the Foreground color to #e5dfc9. Create a new layer on top of all layers and call it "Light".
[ Register or Signin to view external links. ]
- Using the Brush Tool, start drawing dots in the tips of the letters. Use a soft round brush, and set its size to 20 for the larger text size, and 10 for the smaller one.
[ Register or Signin to view external links. ]
- Once you're done drawing the dots, select the Smudge Tool, and set the Strength value to 70%. Start smudging the dots in different directions. Use the same brush sizes (20 and 10).
[ Register or Signin to view external links. ]
- This is what the text should look like:
[ Register or Signin to view external links. ]
Step 4:
Double click the "Light" layer to apply the following styles:
- Outer Glow: Change the Blend Mode to Linear Light.
[ Register or Signin to view external links. ]
- Inner Glow: Change the Blend Mode to Hard Light, the color to #ffff00 and the Size to 8.
[ Register or Signin to view external links. ]
- This will add some glow to the smudged dots.
[ Register or Signin to view external links. ]
Step 5:
- It's time to add some bright colors! So create a new layer on top of all layers and call it "Color". Use a soft round brush, and set its size to something around 60px, to paint small colored circles all over the text. Don't over do it, and leave some empty spaces.
The colors used are #e6631b, #00f4fd, and #9f1e6b. But you can choose the colors you like.
[ Register or Signin to view external links. ]
- You should get something like this.
[ Register or Signin to view external links. ]
- Change the "Color" layer's Blend Mode to Overlay.
[ Register or Signin to view external links. ]
Step 6:
- Now, we are going to create the Diagonal Lines Pattern used in this tutorial. This is very simple. Create a new document that is 5 x 5 px, and set the Background Contents to Transparent.
[ Register or Signin to view external links. ]
- Use the Rectangular Marquee Tool and click the Add to Selection icon to create 5 diagonal squares (1 px for each square - you can zoom in to see the pixels more clearly).
[ Register or Signin to view external links. ]
- Once you're done, fill the selection with Black, and press Ctrl + D to get rid of the selection.
[ Register or Signin to view external links. ]
- Go to Edit - Define Pattern, and type in Diagonal Lines. That's it for the pattern!
[ Register or Signin to view external links. ]
Step 7:
- Back to the original document, create a new layer on top of the text layer(s), and under the "Color" and "Light" layers, and call it "Lines". Set the Foreground color to #e8641b, and the Background color to #ffd200.
[ Register or Signin to view external links. ]
- Open the Brush panel (Window - Brush), and choose the Dry Brush (size 39). Change the Settings as shown below:
- Brush Tip Shape:
[ Register or Signin to view external links. ]
- Shape Dynamics:
[ Register or Signin to view external links. ]
- Scattering:
[ Register or Signin to view external links. ]
- Texture: (Use the "Diagonal Lines" pattern you've just created).
[ Register or Signin to view external links. ]
- Color Dynamics:
[ Register or Signin to view external links. ]
That's it for the Brush.
Step 8:
- Right Click on the text layer and choose Create Work Path.
[ Register or Signin to view external links. ]
- Select the "Lines" layer so that it is the active layer, then, grab the Direct Selection Tool, Right Click on the path, and choose Stroke Path.
[ Register or Signin to view external links. ]
- Choose Brush from the Tool drop down menu, and check the Simulate Pressure box.
[ Register or Signin to view external links. ]
- This will stroke the path with the brush you've modified. Hit Enter to get rid of the path. (Repeat the same steps to stroke the other text layers you have).
[ Register or Signin to view external links. ]
- Change the "Lines" layer's Opacity value to 30%, or any other value you like, depending on how transparent you want the lines to be.
[ Register or Signin to view external links. ]
You can stop here if you like the effect this way, or you can follow the next step to add a glossy effect.
Step 9:
- Ctrl + Click to select all the text layers you have, and duplicate them placing the duplicated layers right under the "Color" layer and on top of the "Light" layer. Then, Right Click on one of them and choose Clear Layer Style.
[ Register or Signin to view external links. ]
- Set the duplicated text layers' Fill value to 0.
[ Register or Signin to view external links. ]
- Double click on the larger size text layer to apply a Bevel and Emboss layer style. Change the Depth to 430 and the Size to 10. Remove the check next to Use Global Light, and change the Angle to 98 and the Altitude to 53. Check the Anti-aliased box, change the Highlight Mode to Pin Light and its color to #f4f3e6, and set the Shadow Mode Opacity value to 0.
[ Register or Signin to view external links. ]
- As for the Contour, just check the Anti-aliased box.
[ Register or Signin to view external links. ]
- Copy and Paste the same style to the other text layers, and just change the Bevel and Emboss Size value to 7 for the smaller text size.
[ Register or Signin to view external links. ]
- This will add a nice glossy effect to the text, and make it pop out even more.
[ Register or Signin to view external links. ]
Result
[ Register or Signin to view external links. ]
- Set the Foreground color to #212121 and the Background color to #000000 (Black). Create a Radial Gradient from the center of the document to one of the corners.
[ Register or Signin to view external links. ]
- Create the text using the color #f4edd2, and the font Junegull. In this effect, there will be two different sizes for the text. So if you want that as well, create the text on separate layers. The Larger size is 250px, and the Leading is 180 (to modify the vertical distance between the lines if necessary).
[ Register or Signin to view external links. ]
- The smaller size is 150. You can modify the sizes as you like, but these are the values used here.
[ Register or Signin to view external links. ]
Step 2:
Double click on the text layer to apply the following styles:
- Outer Glow: Change the Blend Mode to Hard Light, the Contour to Cone - Inverted and check the Anti-aliased box.
[ Register or Signin to view external links. ]
- Inner Glow: Just change the color to #ffff00.
[ Register or Signin to view external links. ]
- Change the Fill value to 0.
[ Register or Signin to view external links. ]
- If you have a smaller text size, you need to scale the effect in order to suit the new size. So Right Click on the original text layer, and choose Copy Layer Style.
[ Register or Signin to view external links. ]
- Right Click on the other text layer and choose Paste Layer Style. This will apply the same layer styles to the new text layer, with the same values.
[ Register or Signin to view external links. ]
- To scale the styles, Right Click on the Layer Effects icon, and choose Scale Effects.
[ Register or Signin to view external links. ]
- Change the Scale value so that the style suits the text size.
[ Register or Signin to view external links. ]
Step 3:
- Set the Foreground color to #e5dfc9. Create a new layer on top of all layers and call it "Light".
[ Register or Signin to view external links. ]
- Using the Brush Tool, start drawing dots in the tips of the letters. Use a soft round brush, and set its size to 20 for the larger text size, and 10 for the smaller one.
[ Register or Signin to view external links. ]
- Once you're done drawing the dots, select the Smudge Tool, and set the Strength value to 70%. Start smudging the dots in different directions. Use the same brush sizes (20 and 10).
[ Register or Signin to view external links. ]
- This is what the text should look like:
[ Register or Signin to view external links. ]
Step 4:
Double click the "Light" layer to apply the following styles:
- Outer Glow: Change the Blend Mode to Linear Light.
[ Register or Signin to view external links. ]
- Inner Glow: Change the Blend Mode to Hard Light, the color to #ffff00 and the Size to 8.
[ Register or Signin to view external links. ]
- This will add some glow to the smudged dots.
[ Register or Signin to view external links. ]
Step 5:
- It's time to add some bright colors! So create a new layer on top of all layers and call it "Color". Use a soft round brush, and set its size to something around 60px, to paint small colored circles all over the text. Don't over do it, and leave some empty spaces.
The colors used are #e6631b, #00f4fd, and #9f1e6b. But you can choose the colors you like.
[ Register or Signin to view external links. ]
- You should get something like this.
[ Register or Signin to view external links. ]
- Change the "Color" layer's Blend Mode to Overlay.
[ Register or Signin to view external links. ]
Step 6:
- Now, we are going to create the Diagonal Lines Pattern used in this tutorial. This is very simple. Create a new document that is 5 x 5 px, and set the Background Contents to Transparent.
[ Register or Signin to view external links. ]
- Use the Rectangular Marquee Tool and click the Add to Selection icon to create 5 diagonal squares (1 px for each square - you can zoom in to see the pixels more clearly).
[ Register or Signin to view external links. ]
- Once you're done, fill the selection with Black, and press Ctrl + D to get rid of the selection.
[ Register or Signin to view external links. ]
- Go to Edit - Define Pattern, and type in Diagonal Lines. That's it for the pattern!
[ Register or Signin to view external links. ]
Step 7:
- Back to the original document, create a new layer on top of the text layer(s), and under the "Color" and "Light" layers, and call it "Lines". Set the Foreground color to #e8641b, and the Background color to #ffd200.
[ Register or Signin to view external links. ]
- Open the Brush panel (Window - Brush), and choose the Dry Brush (size 39). Change the Settings as shown below:
- Brush Tip Shape:
[ Register or Signin to view external links. ]
- Shape Dynamics:
[ Register or Signin to view external links. ]
- Scattering:
[ Register or Signin to view external links. ]
- Texture: (Use the "Diagonal Lines" pattern you've just created).
[ Register or Signin to view external links. ]
- Color Dynamics:
[ Register or Signin to view external links. ]
That's it for the Brush.
Step 8:
- Right Click on the text layer and choose Create Work Path.
[ Register or Signin to view external links. ]
- Select the "Lines" layer so that it is the active layer, then, grab the Direct Selection Tool, Right Click on the path, and choose Stroke Path.
[ Register or Signin to view external links. ]
- Choose Brush from the Tool drop down menu, and check the Simulate Pressure box.
[ Register or Signin to view external links. ]
- This will stroke the path with the brush you've modified. Hit Enter to get rid of the path. (Repeat the same steps to stroke the other text layers you have).
[ Register or Signin to view external links. ]
- Change the "Lines" layer's Opacity value to 30%, or any other value you like, depending on how transparent you want the lines to be.
[ Register or Signin to view external links. ]
You can stop here if you like the effect this way, or you can follow the next step to add a glossy effect.
Step 9:
- Ctrl + Click to select all the text layers you have, and duplicate them placing the duplicated layers right under the "Color" layer and on top of the "Light" layer. Then, Right Click on one of them and choose Clear Layer Style.
[ Register or Signin to view external links. ]
- Set the duplicated text layers' Fill value to 0.
[ Register or Signin to view external links. ]
- Double click on the larger size text layer to apply a Bevel and Emboss layer style. Change the Depth to 430 and the Size to 10. Remove the check next to Use Global Light, and change the Angle to 98 and the Altitude to 53. Check the Anti-aliased box, change the Highlight Mode to Pin Light and its color to #f4f3e6, and set the Shadow Mode Opacity value to 0.
[ Register or Signin to view external links. ]
- As for the Contour, just check the Anti-aliased box.
[ Register or Signin to view external links. ]
- Copy and Paste the same style to the other text layers, and just change the Bevel and Emboss Size value to 7 for the smaller text size.
[ Register or Signin to view external links. ]
- This will add a nice glossy effect to the text, and make it pop out even more.
[ Register or Signin to view external links. ]
Result
[ Register or Signin to view external links. ]
Ratings
Comments
Related Tutorials
- 01. Emulating Xbox 360 on PC for Running COD4 With Mods(3,676)
- 02. How to: Matrix Numbers | Batch File(1,956)
- 03. How to Password Protect Files on Windows(868)
- 04. How to play Socom 2/3/ and Combined Assault on PC(6,885)
- 05. Modern Warfare 2 Vac Ban Bypass Tutorial(6,259)
- 06. How to embed an image on TheTechGame(3,141)
- 07. [PC] NIOH 2 OTHER USER SAVE RESIGN(13,094)
- 08. Host bot lobbies! Full Tutorial!(11,638)
- 09. Unban yourself [Plutonium BO2](14,317)
- 10. Fall Guys - How to Change Your Name Color on Fall Guys(8,411)
- 11. Best Crosshair Settings for Valorant(6,552)
- 12. Othercide The Surgeon Boss Guide(2,570)
- 13. Othercide Remembrances Unlock Guide(4,518)
- 14. Othercide Beginners Tips and Tricks(2,737)
- 15. How to Fix Grounded Crashes, Loading Time, Low FPS and Other(4,886)
"Photoshop - Retro Text Effect" :: Login/Create an Account :: 0 comments