Letterpress tutorials using Photoshop or CSS plus Letterpress effects in Web Design

advertisement

Most of you have seen the letterpress effect or inset text treatment which can be easily achieved in Photoshop. In this article you’ll find a round up of great photoshop tutorials for letterpress followed by range of websites following the letterpress trends.

It is a cool but less effort effect which gives a inset or debossed appearance to any text, icons or other objects.

 

 

1. Create Your Own Letterpress/Inset/Debossed Text

Create Your Own Letterpress/Inset/Debossed Text

 

2. Ps Letterpress emboss text effect

Ps Letterpress emboss text effect

 

3. Creating Editable Letterpress Styled Text

Creating Editable Letterpress Styled Text

 

4. Create a Sleek Pressed Letter Design

Create a Sleek Pressed Letter Design

 

5. Create a Letterpress Effect with CSS Text-Shadow

Create a Letterpress Effect with CSS Text-Shadow

 

6. Grooveshark design style in Fireworks

Grooveshark design style in Fireworks

 

7. Create letterpressed type using only CSS

Create letterpressed type using only CSS

 

8. How to achieve the new and trendy letterpress effect with Photoshop

How to achieve the new and trendy letterpress effect with Photoshop

 

9. Photoshopping the LetterPress Text Effect

Photoshopping the LetterPress Text Effect

 

10. Two simple ways to create text embossing effect

Two simple ways to create text embossing effect

advertisement

 

11. Letterpress and Letter Bulge Effect using Photoshop and CSS

Letterpress and Letter Bulge Effect using Photoshop and CSS

 

12. Quick tip: Inset shapes, lines and text

Quick tip: Inset shapes, lines and text

 

13. Easily achieve the trendy LetterPress effect with Photoshop

Easily achieve the trendy LetterPress effect with Photoshop

 

14. How to Create Inset Typography in Photoshop

How to Create Inset Typography in Photoshop

 

Letterpress Effects in Web Design

1. 365 days of astronomy

365daysofastronomy

 

2. E-Systems Organizers

E-Systems Organizers

 

3. 2d2

2d2

 

4. Clientr

Clientr

 

5. Arbenting

Arbenting

 

6. Veerle’s blog

Veerle's blog

 

7. Cloudania

Cloudania

 

8. Twitter designs

Twitter designs

 

9. Dragon interactive

Dragon interactive

 

About the Author:

Web designer/developer holding Masters degree in IT, currently living in Australia. Passionate about Wordpress, PHP, Fireworks and Jquery.

Other News

  • http://www.24hourswebdesign.com/ รับทำเว็บไซต์

    hi..!
    i use google alert find out u blog..
    Thank you for your service.

  • http://www.thomascraigconsulting.com Thomas Craig

    Very nice collection thanks for sharing, love this effect, especially the ability to do it via CSS.

  • http://www.gigaweb.es Diseño web en Madrid

    Thamks for sharing, very useful

  • Julie Meldrom

    Did I want to learn how to make these wonderful letterpress effect. Now I would definitely make one. Thanks webanddesigners.

  • Pingback: Letterpress tutorials using Photoshop or CSS plus Letterpress effects in Web Design | Speckyboy Design Magazine

  • http://www.resimlerii.net Resimleri

    Great collection. Thanks very much.

  • http://www.brettwidmann.com Brett Widmann

    These are great tutorials! Thanks for sharing.

  • http://www.sstudio.me Web dizajn Crna Gora\

    Fantastic, you are the best

  • http://www.paginaswebbaratas.eu Paginas web baratas

    Very useful, thanks

  • web tasarım izmir

    nice review ,and awesome article thanks for the post, I found this blog just yet but I am adding you to my bookmarks

  • http://www.sstudio.me Izrada sajtova Crna Gora

    This is a fantastic collection. Thanks a lot.

  • http://www.novoinventa.es/ Diseño Web Terrassa

    WoW, some designs are truly amazing =)