Welcome Guest [Log In] [Register]
Welcome to A Knight's Tales :: One Force Rules them All. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
Simple full signature tutorial
Topic Started: Aug 13 2006, 01:01 PM (699 Views)
Zero Hawkins

Administrator
Tutorial Name: Simple full signature tutorial
Tutorial Description: Show's how to make a simple and good looking signature.
Program: Adobe Photoshop 7+

Tutorial:

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

Posted Image


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

Posted Image

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

Posted Image

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)

Posted Image

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

Posted Image

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.

Posted Image

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 http://www.planetrenders.net )
17) Drag the render onto the background you just made
18) Delete the background, preferbly using the magic wand tool

Before:

Posted Image

After:

Posted Image

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)

Posted Image

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:

Posted Image

After:

Posted Image

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

Posted Image

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)

Posted Image

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:
Posted Image

This tutorial was made by Slay from A Knight's Tales ( http://www.aknightstales.com ) and you are allowed to repost as long as you give me credit.

If you used this tutorial, please post your results, I'd like to see if this tutorial was worth making and if it helped people.
Offline Profile Quote Post Goto Top
 
Darius Dellso
Unregistered

Thank You! Your tutorial has been moved to the Completed Tutorial Section!
Quote Post Goto Top
 
Kife
Member Avatar

The Jedi in Exile
Super nice tut Slay!
Offline Profile Quote Post Goto Top
 
Zero Hawkins

Administrator
Thanks
Offline Profile Quote Post Goto Top
 
Felian Darkheart
Member Avatar

The Jedi in Exile
Would u be able to make the links and pictures work please....
Offline Profile Quote Post Goto Top
 
Zero Hawkins

Administrator
>_< I'm not sure if I still have them, I'll check.

Edit: I managed to find them and re-upload them, images work now.
Offline Profile Quote Post Goto Top
 
Mazo T'arcona

The Jedi in Exile
:s Now I'm really upset. :s All of you have Photoshop! How do you afford it! It's likle....$100-$600!!! :s
Offline Profile Quote Post Goto Top
 
Zero Hawkins

Administrator
lol, I didn't pay for it. :p
Offline Profile Quote Post Goto Top
 
Darius Dellso
Unregistered

lol, me niether. :D
Quote Post Goto Top
 
Mazo T'arcona

The Jedi in Exile
:s I feel so...untalented!
Offline Profile Quote Post Goto Top
 
Darth Kracken
Member Avatar

Neutral
Well, here is what I came up with.

Posted Image

And this...

Posted Image

I would love to have some ideas for improvement.

Darth Kracken
Offline Profile Quote Post Goto Top
 
Relik
Member Avatar
Sith Lord
Neutral
Nice, Kracken.

Where's a safe place to DL photoshop, guys?
Offline Profile Quote Post Goto Top
 
Zero Hawkins

Administrator
Nice job Kracken.

On thef first one it looks pretty good except the render could have been better so it doesn't have such an empty look in it. Text seems a bit big as well.

I like the second one, nice brushed background, good sized render but once again I think you made the text to big.

Sometimes what I like to do for taking up more room in a signature so its not so empty is to put the render at an angle to take up more room.

Samples:
Posted Image

Posted Image

Posted Image
Offline Profile Quote Post Goto Top
 
Darius Dellso
Unregistered

You can get a safe version from adobe.com
Quote Post Goto Top
 
Relik
Member Avatar
Sith Lord
Neutral
I mean a FULL version. No trial. I know they're out there.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Graphics Tutorials · Next Topic »
Add Reply
  • Pages:
  • 1