Home
About Us
Affiliates
Job Openings
Contact Us
History of HM
Affiliation
Privacy Policy
Editorials
Trophy Hall
HM Galleries
HM Reviews
HM Awards
HM Email


Socerer's Stone
Chamber of Secrets
Prisoner of Azkaban
Goblet of Fire
Order of the Phoenix
Half-Blood Prince
Deathly Hallows
Other HP Books
Book Mistakes
Name Origins
Recipes


Socerer's Stone
Chamber of Secrets
Prisoner of Azkaban
Goblet of Fire
Order of the Phoenix
Half Blood Prince
Contact the Cast
OoTP Trailer Page


Biography
Wizard of the Month
Official Site


Magical Decrees
Founders
Ghosts
Houses
Staff


Social Order
History of Magic
Quidditch
Ask Merlin
Wizard Money
Dumbledore's Army


Communication
Creatures
Transportation
Dark Arts
Animagus
Horcruxes
Spells
Wands


Azkaban
Diagon Alley
Leaky Cauldron
St. Mungos
Hogsmeade Village
Other Places


Ask the Webmaster
Helpful Websites
CSS Tutorial
PHP Includes
Hosting Guide
Photoshop Tutorials
HTML Tutorials

In this tutorial I will show you how to make a signature like this:




Resources used in this tutorial:
Dark Crystal Script Font
Rust and Grunge Brushes
Link Render


Brushing the background
1) Create a new canvas (I used 340x120)
2) Fill the background layer with black



3) Load your brushes
4) Set your foreground to white
5) Create a new layer (CTRL+Shift+N)
6) Brush the background white until it covers the whole canvas, just don't overlap to much



7) Create a new layer (CTRL+Shift+N)
8) Keep switching back and forth between black and white over the parts appropiate, (ex. if its to dark click once with white, if its to light click once with black over it)



9) Change the layer Fill Opacity
10) Merge the layers so its all in the background layer

Adding Color
11) Create a new layer (CTRL+Shift+N) and put it on top
12) Fill the layer with the color you want to use, I'm using #007236
13) Change the layer to Soft Light



14) Now to even out the signatures brightness and darkness out. If your signature is still really dark or really light in places, make a new layer (CTRL+Shift+N) above the background layer and repeat steps 8 and 9. Once you get it to look good, merge the layer down with the background.



15) You can merge all the layers now

Adding the render (Image)
16) Open the render you want in photoshop (You can find renders at www.planetrenders.net )
17) Drag the render onto the background you just made
18) Delete the background, preferbly using the magic wand tool

Before:


After:


19) Resize the render to the size you want by using Transform (CTRL+T) and drag the corners, press SHIFT while dragging to keep the image the same height and width

Modifying the render
20) Duplicate the render layer (CTRL+J)



21) With the bottom render layer selected, go to "Filter > Blur > Motion Blur" and put the settings at something around 36 for distance and you decide on the direction depending on where your render is. I used 29, click OK
22) Now some of the border may have been affected by the blur because all the background wasn't taken off, if so just delete the extra's

Before:


After:


23) Merge the 2 render layers (CTRL+E on the top render layer)
24) Change the render layer to Luminosity



25) If you need to move the render somewhere, do it now.
Note: You should have 2 layers now, 1 for the background and one for the render

Adding Text - Probaly the hardest part alone when making a singature
26) Select the text tool and click where you want your text to be, type in whatever you want
27) Edit the font and size for the text to whatever you want (I am using "Dark Crystal Script" and a font size of 32)



28) Double click the text layer to open the blending options setting
29) Here's the settings I used


Drop Shadow
Color Overlay
Stroke

30) Move the text if you don't like where it is

Adding a border
31) Reset the foreground and background (D)
32) Create a new layer (CTRL+Shift+N)
33) Press (CTRL+A)
34) Edit > Stroke, these settings

35) Same settings except a width of 2px and white as the color
36) Same settings except a width of 1px and black as the color
37) If you want, change the blending options to overlay or soft light (I left mine as normal for this one)

Saving
38) I'd save tfhe graphic as a PSD incase you need to change text or something
and / or
39) Save it as a .jpg and use the default Quality settings

Ending result:


Hogwarts Courtyard
Harry Potter International
A Knights Tales
LC.net
A Knights Tales
Diagon Alley Central
The Leaky Cauldron
Sirius Black


Poll Header
What do you think of the new layout?
Excellent
Great
Good
Alright
Bad
Change
     Results

Fans Header
Link Us
Fan Art
Become A Partner
HBP Trailer
Weekly Myspace Fan


Updates Header
New Staff Members!
Updated Information
Sept. 1st, 2008

Votation Header
Soon To Come!

Stats Header


Site: Online
Awards: Offline
Galleries: Offline
Reviews: Offline

Layout By: Theresa of Voting