Don't have an account? Create one
Home   Sign Up Now   Tutorial Area News   Contact Us

Photoshop Guide: Eye catching call to action text effects for advertisements Tutorial by irene.thompson80 (Views:2320)

The font style and the font color is not enough to make your advertising headlines and titles in flyers and catalogs “get the sale”. You will require a greater effort in terms of design,to really hem in your message and increase the visibility of your callto action elements.

To help out all your posters, flyers,brochures and other printed advertisements, here is a nice Photoshoptrick that will spiffy up your advertising call to action titles. Followthe instructions below and you will see a better and more eye catchingtext title that is way better than just simple font color and font styleeffects.

1.     First of course we have to create a goodbackground for our title. The background design is basically yourdecision, but it is important to use something that will match the titletext effect of course. In our case, we are using a light yellow andlight orange gradient background. This adds some energy to our themewhich will make it better for our text effect. Just use the gradienttool with your colors selected as foreground and background to do this.


2.     With the background composed, now we type in our text. Use the texttool to write out your title. While technically you can choose any kindof font style you want for this effect, you will want to use thickertype font styles if you want to maximize the impact of this text titledesign trick. In this example, we used the Impact font style at 150ptsize. We also italicized the text via the character panel.


3.     Now, we shall warp our text to make it look interesting. Right click on the text layer and select “warp text…”



4.    On the window that opens, choose “Arc Upper” as the style, tick on“Horizontal” and then set the bend  to 13% and the vertical distortionto -12%. Of course, depending on your text style, you can actually alterthis as needed. Play around with the values and styles and see what youmay like.


5.    Now, we will apply a couple of layer styles in our text. To apply layerstyles and other blending options, just double click on our text layer.Once the layer styles window opens, you will see several options on theleft hand column of the window. First click on the drop shadow optioncheckbox. Then use the following values for its settings.

a.     Blend Mode: Multiply, Black

b.     Opacity: 51%

c.     Angle: -40 degrees

d.     Distance: 35px

e.     Size: 10px

f.      Noise: 17%

g.     Rest is default


6.     Then, tick on the Outer Glow option and use the following settings:

a.     Blend Mode: Normal

b.     Opacity: 50%

c.     Color: Black

d.     Size: 13

e.     Range: 30

f.      Rest is default


7.     Tick on Bevel and Emboss and then use these settings:

a.     Style: Stroke Emboss

b.     Technique: Chisel Hard

c.     Depth: 1000%

d.     Size: 21

e.     Angle: 90 degrees

f.      Altitude: 0 degrees

g.     Gloss Contour:  Rounded Steps , Anti-Aliased

h.     Highlight Mode: Color Dodge, Orange, 100%

i.      Shadow Mode: Normal, Black, 0%


8.     Click on contour. Then apply a custom contour with an input of 59% and an output of 100%. Click on anti-aliasing.


9.     Click on Satin. Use the following settings:

a.     Blend Mode: Multiply, Black

b.     Opacity: 45%

c.     Angle 19 degrees

d.     Distance: 5

e.     Size: 4

f.      Rest is default



10.  Click on Color Overlay, use a Blend mode of Normal. Use the color black with an opacity of 59%.


11.  Click on Gradient overlay. Then use these settings:

a.     Blend Mode: Lighter Color

b.     Opacity: 54%

c.     Gradient: Black-White-Black (reduce the span of the white a bit)

d.     Style: Linear

e.     Angle: 90 degrees


12.  Lastly, click on “Stroke”. Use these settings:

a.     Size: 5px

b.     Position: Inside

c.     Blend Mode: Normal

d.     Opacity: 68%

e.     Fill Type: Gradient

f.      Gradient: #996633 – Black

g.     Style: Reflected

h.     Angle: 90 degrees

i.      Scale 150


13. Now, with the text layer selected, press CTRL+J. This duplicates ourlayer. Right click on the layer, then select the option to “clear layerstyles”. Change the text color to white and then offset its position afew pixels right-wards and downwards using the arrow keys. You shouldget something like this:


14. Good! Now we will apply layer styles to this new white text layer. Justdouble click again on the text layer to access its layer options. Firstselect the Inner shadow option and use these settings.

a.     Blend Mode: Normal,  #ffcc66

b.     Angle -39 degrees

c.     Distance: 8

d.     Size: 0


15.  Click on the Inner glow options and use these settings.

a.     Blend Mode: Color Dodge

b.     Opacity: 59%

c.     Color: White:

d.     Size: 27


16.  Click on the Bevel and emboss options and use these settings:

a.     Depth: 225

b.     Size: 6

c.     Angle: 39 degrees

d.     Alittude: 48 degrees

e.     Gloss Contour: Ring, Anti-Aliased

f.      Highlight mode: Color Dodge, Gray, 100%

g.     Shadow Mode: Multiply, Black, 31%


17.  Click on the Color overlay and use these settings.

a.     Contour: Cone

b.     Range: 100%


18.  Click on Gradient overlay and use these settings:

a.     Blend Mode: Normal

b.     Gradient Color:  #ed3d02, #fabd42, #ffffff, #fec286 (reverse)

c.     Style: linear

d.     Scale 100%


19.  Click on the Stroke option and use these settings:

a.     Size: 5px

b.     Position: Inside

c.     Color: #333333


20. After all these, you should now get a very vibrant, glossy and ofcourse eye catching text title, perfect for advertising and promotions!Congratulations!


Hope you enjoy the tutorial! Swing by PrintPlace Tutorials to find more of this.