Cupon

Create Letterpress effect and web download button with PSD

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

top Create Letterpress effect and web download button with PSD

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

Buy 1 Get 1 50% OffCoupon
Buy 1 Get 1 50% Off
AD START DATE - JAN 1, 2024 00:00:00 (EST)
AD EXPIRATION DATE - FEB 1, 2024 00:00:00 (EST)
Ad Code: HTML:

https://www.popilush.com/collections/bundle-and-save

33 Comments

    • Sri Ganesh.M
      Sri Ganesh.M on 10/02/2010 at 18:10

      thanks RICHIE , yes it helped for my offline friends also.

  2. Shurandy Thode
    Shurandy Thode on 04/02/2010 at 22:17

    I agree with Richie. Simple yet useful great article Sri. 🙂
    .-= Shurandy Thode´s latest blog ..Quick, fancy, dirty yet useful hover menu using jQuery hoverIntent =-.

    • Sri Ganesh.M
      Sri Ganesh.M on 10/02/2010 at 18:11

      thanks Thode i hope you both like it

  3. Omar
    Omar on 04/02/2010 at 22:24

    Great job! simple but effective 🙂

    • Sri Ganesh.M
      Sri Ganesh.M on 11/02/2010 at 18:46

      thanks for you kind words, top bloggers give 🙂 source files 😉

  6. vikas ghodke
    vikas ghodke on 06/02/2010 at 22:56

    Simple and nice.

    • Sri Ganesh.M
      Sri Ganesh.M on 11/02/2010 at 19:32

      if you need to promote , submit in the user-link feed.

    • Sri Ganesh.M
      Sri Ganesh.M on 11/02/2010 at 19:33

      thanks Rias, and your giga pixel is good

  9. Sunil Jain
    Sunil Jain on 07/02/2010 at 16:53

    I liked it dude 🙂 :), but why have you written if you don’t like it then hit the comment section ??? 😉 😉
    .-= Sunil Jain´s latest blog ..Hi everyone 🙂 🙂 After long time 🙂 🙂 =-.

    • Sri Ganesh.M
      Sri Ganesh.M on 11/02/2010 at 19:34

      the commentators are the real judge and need their feedback to improve my skills, thats y !

    • Sri Ganesh.M
      Sri Ganesh.M on 11/02/2010 at 19:37

      thanks hans ! love to hear this from you !

  11. Anish K.S
    Anish K.S on 08/02/2010 at 06:35

    Simple, will try this.
    .-= Anish K.S´s latest blog ..Apple iTunes 9.0.3 Released – Download/Upgrade =-.

    • Sri Ganesh.M
      Sri Ganesh.M on 11/02/2010 at 19:55

      thanks anish and welcome back

    • Sri Ganesh.M
      Sri Ganesh.M on 11/02/2010 at 19:56

      thanks sam i hope you like it

  13. Sri Ganesh.M
    Sri Ganesh.M on 11/02/2010 at 19:57

    for pro it may be but for the beginners it sure work and mainly for tech bloggers !! and welcome to AnimHuT

  14. Chris Thurman
    Chris Thurman on 17/02/2010 at 22:01

    Thanks for making it simple and easy!
    .-= Chris Thurman´s latest blog ..How to Build Web Cred as a Designer =-.

    • Sri Ganesh.M
      Sri Ganesh.M on 22/02/2010 at 19:08

      thanks Chris. it really helps for my tech readers and other new designers 🙂

  15. Kushal Chap
    Kushal Chap on 21/02/2010 at 12:27

    Cool idea. Will definetly try this.

  16. Sri Ganesh.M
    Sri Ganesh.M on 22/02/2010 at 19:06

    thanks and happy it comes good !!

  18. jared thompson
    jared thompson on 03/03/2010 at 19:51

    such a simple to follow tutorial, i hope to carry this out later 😀

  20. Ari Arsyadi
    Ari Arsyadi on 11/09/2010 at 19:36

    I think both tutorials are the foundation to most high quality buttons we see on the internet. Nicely put and easy to follow. Thanks.

Trackbacks/Pingbacks

  1. uberVU - social comments - Social comments and analytics for this post... This post was mentioned on Twitter by animhut: RT @animhut Create Letterpress effect…

Pin It on Pinterest