How to Create a Grunge Letterpress Text Effect In Photoshop

Compare Cost: Get 8 Free E-Commerce Design Bids
Service:
Location:
Budget:
Deadline:
Compare: Web Design Calculator | Web Design Cost Guidelines

Are you an E-Commerce Web Designer? Add a Free Listing


In this tutorial I`m going to show you how to create a very nice grunge letterpress text effect in Photoshop. Along the way, we`ll be using Photoshop Tools, Blending Options and will enhance the design with patterns and brush effects.

final

download

What we`ll be doing here:

final

Materials Needed

To create a catchy effect, the materials used has to be fancy. So, I chose a grunge font called “28 Days Later” inspired from the much more popular movie and a grunge brush set as well. You can download them from the links below:

28 Days Later Font

Grunge Brush Set

Some of you might not know how to install a font or brush on Photoshop so I`m feeling obliged to explain you before starting the Photoshop project.

1. Installing a Font: Download the font and depending what you have, Windows or Mac, drag the font into Fonts Folder located in Control Panel for Windows or System if you have Mac.

2. Installing a Brush: Download the brush as well and drag it into the Brushes folder located in your Photoshop installation folder, under Presets (YourPhotoshop/Presets/Brushes) or if you don`t want to add the brush to the library, just load the .abr file directly from Photoshop by Selecting the Brush Tool(B) and opening the Brush Preset Picker.

Now that we cleared up these 2 aspects, let`s get started. Open Photoshop and create a new file (File->New). I chose a canvas of 600×400px just to offer you high-quality images in order to help you understand and learn better each step and effects involved. You can choose whatever dimensions you want!

You notice that the first layer situated in the Layer`s Palette(F7) is locked. Double-click it to unlock it and to make it editable. Select the Paint Bucket Tool(G) and with a gray color (#D3D3D3) paint the empty canvas. I`ll show you now how to create a nice paper effect by adding just a simple filter. Go to Filter->Noise->Add Noise and add a small noise of 3%. We`ve just obtained the paper effect we wanted for the background.

noise

Select the Text Tool(T), choose the 28 Days Later font you`ve just downloaded and installed and type in something. The text already looks awesome but there`s room for more.

font

Next we`ll add blending options to beautify the text and to create the letterpress effect, as we proposed. I want to share a tip with you: To obtain a letterpress effect, you only need to add a white drop shadow and a black inner shadow. Just follow the images and you`ll understand.

drop-shadow

inner-shadow

pattern-overlay

The effect obtained is just like I wanted to be…The pattern used is from the Standard Photoshop Library but again, you can use whatever you want. I`ll be glad if you`ll share your own and unique project with us by leaving a comment in the comments` section.

Check this out!

font-half-way

Let`s add 2 more final touches to the entire design. Create a new layer just under the text layer, select the brush tool and with the new grunge brushes, stylize the background.

brushes

As for the text layer, I feel that the yellow color of the pattern is too fade and I want to change that by adding some darker and lighter zones, using the Dodge Tool(O) and Burn Tool(O). The layer is not editable yet. You can convince yourself by trying to use on it the Dodge and Burn tools. To let us work on it, firstly we have to rasterize the layer. To backup the layer in case you don`t like what we`re doing next and want to preserve the work, right-click on it and Duplicate it. Now right-click on the new layer and hit Convert to Smart Object. Select the Dodge or Burn tool and try to click on text…ehhhh…it doesn`t work yet but a dialog box should appear and say “This smart object has to be rasterized before proceeding. Edit Contents will no longer be available. Rasterize the smart object?” and you hit “Yes”. Now you`re free to do whatever you want on this layer. Play with the Dodge and Burn tools to obtain lighter and darker zones.

Believe it or not, that was the final step and the tutorial has reached its end. Check out how my grunge letterpress text effect looks like:

final

If you read this line, this means that you followed the tut step by step and I thank you for that! See you next time for another lesson of Photoshop illustrated in a nice tutorial!

Related posts:

  1. How to create an energy ball effect as Dragon ball Z with Photoshop
  2. How to create a clean and design portfolio layout using Photoshop
  3. How to create an icon shield using Photoshop

Source http://www.2expertsdesign.com/?p=4327
Fri, 22 Apr 2011 07:33:21 GMT
Tags: grunge, letterpress, photoshop, text effect, Tutorials,
Guthrie E-Commerce | Maplewood E-Commerce | Air Force Academy E-Commerce | Charlotte E-Commerce | Montgomery E-Commerce | Cartersville E-Commerce | Colleyville E-Commerce | Savage E-Commerce | Indianapolis E-Commerce | Hickory E-Commerce |

grunge


letterpress


photoshop


50 Free Photoshop Brush Sets Everyone Should Have

A good and diversified Photoshop brush collection is essential for any designer who respects itself. For this reason, I want to share with you 50 free and high-resolution Photoshop brush sets which will help you in your future projects. Paint Lines Brush

45 Beautiful Photoshop Brush Packs for Light Effects

Photoshop an inevitable tool for the designers and artists and finding out the desired brush pack of Photoshop is like the icing on the cake! Graphic designers make use of effective and high quality light effects in order to give their designs a little bi

A Round-Up of 50 Amazing and Fresh Photoshop Tutorials

Here we come with another designer’s treat – yes, you get me right with another exciting and awe-inspiring collection of Photoshop tutorials. Everyone who belongs to designing arena knows very well that Adobe Photoshop is an indispensable tool of designin


Need E-commerce Design? Check out our member profiles:

Clearwater
Tidal Web Profile
Tidal Web

Tidal Web provides affordable web design, web development, e-commerce, online marketing / SEO services for small business.

Clearwater, Florida US
Los Angeles
2heaven Media Profile
2heaven Media

2Heaven Media is a full service Web Development company that focuses on custom Website creation and E-Commerce Site Development.

Los Angeles, California US
Linthicum
Hairy Dog Digital Profile
Hairy Dog Digital

A full-service web agency providing design, development, e-commerce, seo, marketing, consulting, hosting & maintenance. Our services are tailored to small to medium-sized businesses and associations.

Linthicum, Maryland US
Clovis
Fuel Media Profile
Fuel Media

Fuel Media is an interactive marketing and design firm based in California?s Central Valley. We have the ability to take your company, product or service to market and give you the tools to manage it.

Clovis, California US
Montgomery
Foxx Multimedia Profile
Foxx Multimedia

E-Commerce Websites from 20 to 20,0000 products! Same quality, affordable website with Customer Satifaction always our number one goal! SEO and User-Friendly.

Montgomery, Texas US
Oklahoma City
WebAdaptions.com Profile
WebAdaptions.com

Web site design and development-eCommerce,customer management systems,SharePoint 2010,customer relationship management,product lifecycle management,supply chain management,extranet,intranet

Oklahoma City, Oklahoma US
Fremont
D.zigns Enterprise Solutions Profile
D.zigns Enterprise Solutions

D.zigns provides full-service webdesign and development firm, providing website design, programming and related services to clients all around the world.

Fremont, California US
American Fork
Highline Web Design. Utah Profile
Highline Web Design. Utah

$750 Complete Package Web Design, Programming, Hosting, Database, SEO, Full Package Special. Website Complete. Logo, Graphics, Custom Coding, Hosting, SEO, SEM, Custom Coded or Sliced Custom.

American Fork, Utah US



Get Free Logo Design Quotes






Latest Hilarious Picks [MakeUseOf Geeky Fun]

Check out the top picks from MakeUseOf Geeky Fun during the last couple of days Repairing Your Lapt



Hot Tech Deals – Asus VH236H 23 inch Widescreen LCD Monitor + more

Newegg has the Asus VH236H 23 8243 Widescreen LCD Monitor for 139 99 Sports a 1920 215 1080 dis



Plex Media Center Updates, Comes To Windows & Introduces myPlex Movie Sharing

I first introduced the Plex media center app to you a few months ago as my Media Center app of choic



30 Awesome Premium-Like Free Wordpress Themes

WordPress is the most popular CMS thanks to its ease of use and the multitude of features One of th



10 Great ifttt Recipes To Automate Your Web Life

We ve already introduced you to ifttt in a previous post and there have been several improvements ma



NASA Launches Space Race Blastoff, A New Space-Oriented Facebook Game [News]

NASA U S National Aeronautics and Space Administration has released a brand new Facebook game wh



Build An Empire With Age Of Empires Online – Free to Play!

True gamers among us will likely have fond memories of the original Age of Empires game released by




Design Leads

Article Tags
E-commerce Design Articles
Web Apps & Internet (374)
News (291)
Web Apps (129)
Inspiration (128)
Music (119)
iPhone / iPad / iPod (116)
cool web apps (108)
Google Android (101)
Mobile Tips (100)
Announcements (99)
deals (88)
Games & Gaming Tips (84)
Tech Deals (82)
Cool Software Apps (76)
Opinion & Polls (76)
Browser Tips & Tricks (66)
Social Media (66)
iOS (66)
iPhone Apps (59)
Photography (58)
Freebies (58)
geeky fun (58)
iphone (55)
troubleshoot (53)
Google (53)
android (52)
Photoshop (52)
Graphics (51)
How-To Articles (50)
facebook (50)

Friends:
E-Commerce Website Pricing
Web Design Quote
Website Design
Graphic Designers


E-commerce Design Valid HTML 4.0 Transitional Valid CSS!