Letterpress Effects in Web Design- Trends and Tutorials
Develop compelling websites at graphic design school Cincinnati and pursue your creative skills

In the earlier days Letterpress effect was achieved by applying ink to the top surface of raised image area, which is then pressed against the paper to transfer the image. This printing was done first on cloths then on papers. Okay! No more history let’s move to our topic. If any one is interested in the history read this article on Wikipedia.

Nowadays, the letterpress effects in the Web design is quite popular. This is obvious because the effect looks very cool and also easy to achieve in designing. Actually I like this effect so much that I am using it for each and every text in my new upcoming website. Considering that God will help me from IE6.

So following are some awesome websites which uses Letterpress effects. And at the end; Tutorials are also there!

1. 365 Days of Astronomy

365

2. Apple

apple

3. Ar-bent-ing

arbenting

4. Brightkite

brightkite

5. e-Systems Organizers

eso

6. Inspireling Blog

inspireling-blog

7. Lee Munroe

lee-munroe

8. Nosotros

nosotros

9. Postbox

postbox

10. Powerset

powerset

Tutorials:

Creating Editable Letterpress Styled Text

vectips

Create a Sleek Pressed Letter Design

ink-blog

Create a Letterpress Effect with CSS Text-Shadow

line25

What do you think about Letterpress Effect? Will you use it in your Web Design? Let us know in the Comments.

Related Posts:


Written by Nikhil

I am creative Web & Graphic Designer from India. I like to design and code awesome websites. Check out my creations on imnikhil.net and follow me on Twitter @Powerusers.

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.


  1. designfollow (Reply) on Monday 7, 2009

    great effects.

    Thank you very much.

    • Nikhil (Reply) on Monday 7, 2009

      You are welcome
      :)

  2. eun-gyeong (Reply) on Monday 7, 2009

    thank you very much

  3. akshay (Reply) on Monday 7, 2009

    very nice sites. thank u man. keep it up.

  4. [...] Letterpress Effects in Web Design- Trends and Tutorials [...]

  5. Franco (Reply) on Monday 7, 2009

    Nice showcase!, It`ll be cool to get more tuts!

    • Nikhil (Reply) on Monday 7, 2009

      Thanks Franco,
      I thought to include more tuts but all of them were nearly same so I included tut from illustrator, photoshop and CSS.

  6. mupet (Reply) on Monday 7, 2009

    Awesome, im also uisng letter press effect on my site logo

    • Nikhil (Reply) on Monday 7, 2009

      Hi,
      I saw your site logo, it really looks gr8!