Today’s post will be two Photoshop tutorials, the first one will be the famous letterpress effect and the second one will be web download button. I made these two tutorials in one post to give the readers a quick way to learn the two types of effects at the same time. Let’s jump in to the tutorial.
Please note :

In our blog we have a open giveaway for each month apart from special giveaway, the 2 top commentators win ad slots in our blog and each month it reset and select the winner, so participate it and anyhow it’s a do follow blog and you’ll get back links also


Tutorial #1 :Letterpress effect

Step :1
Create a document size for your need, here i created 580px width X 300px height and choose bright colour for background.
its better to create layers and do your works, which really helps in editing the each layers later.
Short cut key : Ctrl+Shift+N or click “Create a new layer “ from the layer palette.
Step:2
Select the text tool from the toolbox menu ‘ T ‘ and type DOWNLOAD – choose Bold Text, i used November text : see the output.

type text now

step-2 type the text now


Step :3 Add the layer style effect now:

Innershadow

step3- innnershadow

step3- add innnershadow

(II) Coloroverlay
step3- coloroverlay

step3- coloroverlay

and decrease the blending option to Flow to 0% to 30% and enter.
Output : the color-overlay can be changed according to your needy.
final output of letterpress effect

final output of letterpress effect

Tutorial #2 : create Web Download button

Step : 1
Create the document and choose black color as your background,

1) Create a new layer -> Ctrl+Shift+N
2) Select the rectangle marquee tool (M)
3) Fill it with your color(color doesn’t matter
)

Step:2
Add the layer style effect to the rectangle
Inner Glow :

innerglow effect

innerglow effect

gradient overlay: value #0d96db to #87dcff
Gradient overlay

add Gradient overlay

Stroke: gradient value : #068acc to #34b2f1
2 sroke Create Letterpress effect and web download button with PSD

add the stroke value


optional : add drop-shadow effect – default value. And inner shadow value if you need, but it wont show you much difference. I didn’t use here.
final 2tutorial Create Letterpress effect and web download button with PSD

step : 3
Now you can add the normal text “DOWNLOAD “ OR the previous letterpress text effect. Arrange the size of the text effect and text font. Here is the final output of this tutorial.
final Create Letterpress effect and web download button with PSD

One Golden rule: In “Photoshop “play with the layer styles and blending option. You can create many good designs.
Hope you like this tutorial, need suggestion-anything if you don’t like it, Hit it on the comment section.

Download PSD

Pin It on Pinterest