Digital Street - Photoshop tutorials

I have seen many tutorials that make gold effects on text using channels, flatten image or rasterize. Here you will learn to make golden text only using Blending Options.

1) Create a new image 400×150 pixels with white background.

2) Fill the background with black color #000000

3) Add some text. I have used CType AOE 48 px:

4) Right click the text layer and choose Blending Options, use these settings:

Outer Glow: use this color: #ffcc00

Bevel and Emboss:

Inside this option go to the Shading section and click on Gloss Contour. Then make some curves similar to these:

Gradient overlay: use these colors #ffcc00 —> #ebcc50 —> #ffcc00

5) The final result is:

6) The nice thing about this tutorial is that you can use the same effect on any font including symbol fonts. Just duplicate the layer and change the font.

I have tested some different fonts and this is what I got:

Want more tutorials?
See more recent tutorials HERE !

29 comments

1) Create a new image 200×240 pixels with white background.

2) Fill the background with dark grey color #666666

3) Create a new layer, rename this layer as “element”, make a rectangle selection and fill it with any color. I have done a selection 140×20 pixels.

4) Right click the “element” layer and choose Blending Options, use these settings:

Drop Shadow:

Outer Glow:

Gradient overlay: use these colors #ffba00 —> #f3d481

Stroke: use this color: #f4f4f4

The result is:

5) Now add some text to the menu element. I have used Trebuchet MS bold 18 px:

6) Right click the text layer and choose Blending Options, use these settings:

Drop Shadow:

The result is:

7) Duplicate the element layer and text layer to make more menu elements.
The final result is:

8) I like the obtained result, but if you still want more glow, just change the Outer Glow to the element layers.
Just test with the Size property, I have changed the original 8px to 12px and this is the result:

Now you can start to design your website with this nice glowing menu.

Want more tutorials?
See more recent tutorials HERE !

10 comments

1) Create a new image 400×300 with white background.

2) Fill the background with black color #000000

3) Select Layer > New > Background from Layer to convert the background to a normal layer. Rename that layer to “Effect”

4) Make sure you have white color as foreground color and black color as background color. To get this just press key “D” and then key “X” to inverse colors. This is because some effects like Neon Glow depend of these settings.

5) While you have selected “Effect” layer go to Filter > Render > Clouds

6) Then go to Filter > Brush Strokes > Ink outlines. I have used these settings:

You can try different setting to achieve an effect similar to this:

7) Go to Filter > Artistic > Neon Glow. I have used a blue color # 0500ff and these settings:

The result is:

8) Repeat again the step 7) :

9) Now go to Image > Adjustments > Color Balance and change the Shadows settings to:

The final result is:

Want more tutorials?
See more recent tutorials HERE !

No comments