• Listen to a special audio message from Bill Roper to the Hive Workshop community (Bill is a former Vice President of Blizzard Entertainment, Producer, Designer, Musician, Voice Actor) 🔗Click here to hear his message!
  • Read Evilhog's interview with Gregory Alper, the original composer of the music for WarCraft: Orcs & Humans 🔗Click here to read the full interview.

Create A Basic Signature On Photoshop

Level 3
Joined
Apr 23, 2008
Messages
28
I'm Atreyu from TH and I would like to submit my tutorial here.

How to create a Basic Signature on Photoshop



INTRODUCTION:


What is a Signature?
- Signature is the graphic art usually found on below the user's posts. For the Hiveworkshop, I know you see the signatures below their posts.

Why have One?
- Well, in that case, its up to you....

That's finished. Let's get started!


The Image:


In some signatures, you often see images and stuff like that. They're called renders and you can find renders here: Planet Renders // Renders - Home
Find the image that you want to have for your signature. For this tutorial, the image I want to show you is this:

Part1.jpg


That's Kakashi.


The Cut:


Well, you've seen the image, now you have to cut it. Why? Because if you don't cut it, the background would interfere and its in a layer - A single layer. So let's get started!

Use a Pen Tool or a lasso tool:

Part2.jpg
Part3.jpg


I would suggest Pen tool. Why? Lasso tool takes time to make and it doesn't look perfect in the end.

Start using the tool around the image and carefully take a look at the sides. When you're finished, you have something like this:

Part4.jpg


That's how its done in a pen tool. Nice and perfect. Then what do we do next? We cut it and finish it of course! Right-click on the image and select Make selection - As shown in the picture below:

Part5.jpg


When thats finished. You see a message popping up and says something with a zero. Just click Ok and it'll be fine... When you're done you have something like this:

Part6.jpg


Ahh.. A nice-looking cut eh? That's the end of the Pen Tool work. When you're done... You have to delete the background. Right-click on the image using the box-tool/Circle-tool. And select inverse.. That way, you're selecting the background not the image and just click DELETE. It'll be all white.. Select inverse again. Part two end.


Transferring the Image:


After you select the image. Right-click on it and click.

Part7.jpg
Now, the image is on another layer. Now, create a new file with a size 350x120 - That's my size for any signature. Go back to the render file and click duplicate layer. Duplicate it to the New one. You might see this image when you've transfered it:

Part8.jpg


Well don't be scared. Resize it and it'll be fine...

After you've resized it, it'll look like this:

Par9.jpg


Pretty cool eh?


Creating the Background:


Each image should have a background. And a signature wouldn't look nice without one..

Create a new layer and smooth it all up by using a render. I use a cloud render:

Part9.jpg


Use a black color if you want it to look like black smoke. You should have something like this:

Part10.jpg


Creating the text and brushes:


A signature would look slightly better if you add brush strokes to the mix. Use any brush tool you have and create a nice effect that reflect your theme/Idea. Once that is finished, you have something like this:

Part11.jpg


Looks better now right?

To add it all up, Write a simple text that says... Anything you want:


The Finish:


For the finishing, add more and more renders. I used Lightning effects for this one:

Part12.jpg


Once you clicked it, you'll find something that looks like this:

Part13.jpg


Place the little circle to the point you want the light to be. I used the omni light .

Finally, change the color of the image so that it matches the background.

Like this:

Part14.jpg
 
Last edited by a moderator:
Level 3
Joined
Jun 30, 2005
Messages
46
how do u add it to the signature??? i dont want the
cos u dont get the full picture...
 
Level 2
Joined
Aug 10, 2008
Messages
20
ehm

hey ehm nice tutorial, i was just wondering what photoshop ur using?

i got photoshop elements 6 tho, and i its a bit different from what u got there, other versions like cs2/cs3 is too expensive for me and im a beginner in photoshop>.<

just wondering if u got any experience in photoshop elements, if u have could u give a little tutorial in that too? would be lovely:)

thanks
 
Level 2
Joined
Aug 10, 2008
Messages
20
ok

ye ok, ye i got now cs3 extended:p got it for free somehow xD
ehm ye i see now that the basic signatures are pretty easy to make, made some cool ones myself:eek:

tutorials are very nice, so make one if u can;)
 
Top