• 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.
  • 💡 We're thrilled to announce that our upcoming texturing contest is in the works, and we're eager to hear your suggestions! Please take this opportunity to share your ideas in this theme discussion thread for the Texturing Contest #34!
  • 🏆 Hive's 7th HD Modeling Contest: Icecrown Creature is now open! The frozen wastes of Icecrown are home to some of Azeroth’s most terrifying and resilient creatures. For this contest, your challenge is to design and model a HD 3D monster that embodies the cold, undead, and sinister essence of Icecrown! 📅 Submissions close on April 13, 2025. Don't miss this opportunity to let your creativity shine! Enter now and show us your frozen masterpiece! 🔗 Click here to enter!

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