Tuesday, June 28, 2011

Create a Letterpress Text Effect in Fireworks

how_to_letterpress_effect_adobe_fireworks

Today, in this Adobe Fireworks tutorial we will practice how to create a letterpress effect. This is very detailed tutorial, so if you have a beginning level knowledge in Adobe Fireworks you can follow the simple techniques used in this tutorial you will have no problem creating a beautiful and professional effect in the future.

Here’s a preview image of what we’ll be creating together.

tut letterpress adobe fireworks final Create a Letterpress Text Effect in Fireworks

Create new document 500pixels x 3500pixels 72dpi Canvas color White

tut letterpress adobe fireworks step1 Create a Letterpress Text Effect in Fireworks

Select Rectangle tool (Fireworks Shortcut Key U) to draw a rectangle vector for Background with Color #BBBBBB

tut letterpress adobe fireworks step2 Create a Letterpress Text Effect in Fireworks

Draw a rectangle with the Rectangle tool (U) size to 500px x 350px create a Texture of your choosing. I create (Wood) texture with Amount of Texture (16%). Rather than using a shade of the background color with Gradient fill.

tut letterpress adobe fireworks step4 Create a Letterpress Text Effect in Fireworks

And fill it with a color #BBBBBB (Grey).

tut letterpress adobe fireworks step5 Create a Letterpress Text Effect in Fireworks

You should have something like this:

tut letterpress adobe fireworks step3 Create a Letterpress Text Effect in Fireworks

Type out some text with the Text tool (T) and chose a font. I am using the awesome ChunkFive font.

tut letterpress adobe fireworks step6 Create a Letterpress Text Effect in Fireworks

And fill it with a color #939393 (Dark Grey). take off any stroke.

tut letterpress adobe fireworks step7 Create a Letterpress Text Effect in Fireworks

Select a text and go in the Properties panel Filler box, next go Shadow and Glow > Inner Shadow.

tut letterpress adobe fireworks step8 Create a Letterpress Text Effect in Fireworks

In the Inner Shadow dialog, change the properties as appear in the example picture below. I am use Distance 1, Opacity 90%, Softness 1, and Angle 270.

tut letterpress adobe fireworks step9 Create a Letterpress Text Effect in Fireworks

Then change the Inner Shadow color to #555555

tut letterpress adobe fireworks step10 Create a Letterpress Text Effect in Fireworks

After Inner Shadow Effect use the same process for drop shadow, in the Properties panel Filler box, select the Shadow and Glow > Drop Shadow.

tut letterpress adobe fireworks step11 Create a Letterpress Text Effect in Fireworks

In the Drop Shadow dialog, change the properties as appear in the example picture below. I am use Distance 1, Opacity 90%, Softness 1, and Angle 270.

tut letterpress adobe fireworks step13 Create a Letterpress Text Effect in Fireworks

Next, change the drop shadow color to #FFFFFF

tut letterpress adobe fireworks step12 Create a Letterpress Text Effect in Fireworks

tut letterpress adobe fireworks final Create a Letterpress Text Effect in Fireworks

No comments:

Post a Comment