Web Design Tutorials osCommerce Template Tutorials
New osCommerce Templates osCommerce Specials osCommerce Forums Search Our Site Contact Us Resources Web Design Tutorials
Web Designers Library- Tutorials and Articles
Tutorial Search
  Advanced Search
 
Tutorial Menu
 
 Video Tutorials
  · Dreamweaver
  · osCommerce
  · Installations
 
 Photoshop
  · Tutorials
  Photoshop Basics
  Special Effects
  Text Effects
  3D Effects
  Textures & Patterns
  Web Layout
  Drawing Techniques
  Color Management
  Photo Editing
  ImageReady Animation
  Miscellaneous
  · Articles
 
 Web Design Basics
  · Design Principles
  · Website Usability
  · Color Theory
  · Templates & Tuning
 
 osCommerce
  · osCommerce Knowledgebase
  Catalog Area
  Installation and Upgrades
  Administration Tool
  General Information
  Developers Section
What's New
Latest Tutorials and Articles
Video Tutorials
osCommerce Tutorials
Template installation with cPanel and Ipswitch
Photoshop
Photoshop CS3: Output Sharpening
Change Color on an Object
Sunlight Effect
Autumn Effect
Eyes in Green Pea Pod
Web Design Basics
A To Z About RSS
Elements of Great Websites
The Next Generation Website Model
Why Use a Web Design Template?
Web Site Templates and Their Benefits
osCommerce
SSL - This page contains secure and non secure items
Post-Installation
Security - .htaccess
SSL - This page contains secure and non secure items
Tax Proposal
Photoshop : Tutorials : Special Effects Last Updated: Apr 15th, 2008 - 18:38:37


Smudge Signature
Author: Sunny
Authors Website: www.sigtutorials.com
Oct 18, 2006, 19:40

Email this article
 Printer friendly page

In this tutorial you will learn how to make a nice grunge tutorial, with the help of a technique called "smudging"

1. Start by opening photoshop and opening a new document, I used the following settings:
Web Designers Library- Tutorials and Articles
Smudge Signature


2. Now get out a great hot render, the more detailed the better

3. Now copy and paste the render onto a new layer in your photoshop document. Now open up some of your favorite grunge brushes and brush a bit on the left side of your render, use a color for the brushing that fits your render
Web Designers Library- Tutorials and Articles
Smudge Signature


4. If it gets too dark, just brush a bit with white on a new layer.

After you have done that open the smudge tool and select the following brush:


5. Now use the following settings to brush:
Web Designers Library- Tutorials and Articles
Smudge Signature

Web Designers Library- Tutorials and Articles
Smudge Signature

Web Designers Library- Tutorials and Articles
Smudge Signature


6. Now you have done that duplicate your render layer (right mouse on the layer and select duplicate). Then select the top render layer and smudge on the right side of your render. This is what you should have so far. It matters on how much you smudge on how good your sig will look. As you can see I also removed the chains from the render myself using the eraser.
Web Designers Library- Tutorials and Articles
Smudge Signature


7.
Make sure you still got the smudged layer selected. Now go to filter>sharpen>sharpen. After you have done that go to Filter>Sharpen>Unsharp Mask and use the following settings:
Web Designers Library- Tutorials and Articles
Smudge Signature


8. Now after you have done that take the smudge layer and go to filter>blur>gaussian blur and use the following settings and right after you do that go to edit>fade gaussian blur and use the settings I post below:
Web Designers Library- Tutorials and Articles
Smudge Signature

Web Designers Library- Tutorials and Articles
Smudge Signature

Now after you have done that your sig is almost finished and we will now add a border.

This border is pretty hard to do, but gives a really nice effect. For this border you will need to have some scanline patterns, you will need 2 patterns. One in black and the other one in white.

To make the scanlines open up a new document with a size of 3 by 3 pixels. Zoom into 1600% and make the top left, middle, and bottom right pixel black. Now go to edit>define pattern and give it a name. Now repeat this step again, but this time make the 3 pixels white

Now go back to your signature again and make a new layer on top off all other layers. Select the rectangular marquee tool and select the left half of the signature and go to edit>stroke and use the following settings:
Web Designers Library- Tutorials and Articles
Smudge Signature


Now do the same with the right side of your signature on a new layer.

Now on the right border use these settings:
Web Designers Library- Tutorials and Articles
Smudge Signature


And on the left border layer do the same, but this time use your white scanlines, because else you won't be able to see the border.

Now set both layers to soft light and add some nice text and you have finished your signature!
Web Designers Library- Tutorials and Articles
Smudge Signature




Top of Page

 
Level Ten Hosting