Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
- - - - -

Signature Tutorial


37 replies to this topic

#1 madjar

    Newbie

  • Kontributors
  • Pip
  • 7 posts

Posted 10 January 2006 - 12:57 AM

Signature Tutorial

Hello. A friend of mine made this tutorial for his site, and he allowed me to post it here as well. Click here for the original tutorial.
______________________________________________
<span style='color:quot'>The Background</span>

Quote

1. OK, lets start by creating a 320x100 document with white background in photoshop. Then Press "D" on your keyboard to have your colors reseted.

Posted Image

2. Go to "Filter/Render/Clouds".

Posted Image

You will have something similiar to this:

Posted Image

3. Create a new layer. Then get the brush tool, and start brushing with black color on the layer. (A good place where you could find good brushes is www.deviantart.com).

4. Create new layer, change your color from black to white, and start brushing again.

5. Repeat steps 3 and 4 few times, each time using different brushes, untill you are satisfied with your result. This is what I got:

Posted Image

<span style='color:quot'>Render and Colors</span>
1. First, you need a render image. I will use this one:

Posted Image

2. Open your render in photoshop, and drag it onto your signature. Scale it down in size, and position it as you wish.

Posted Image

3. In the "layers" window, click on "create new fill or adjustment layer", and then choose "Color Balance"

Posted Image

4. Choose your favorite color, and click OK. I used these settings to get a nice purple color.

Posted Image

The result:

Posted Image

<span style='color:quot'>Text and border</span>

1. Now let's put some text on the signature.
Get the type tool (press "T" on the keyboard), choose a font you prefer, and type your name on the signature with white color.

2. In the layers window, click on "add a layer style", and then choose "Outer glow"

Posted Image

3. Apply these settings:

Posted Image

This is what my signature looks like now. Yours should not be too different:

Posted Image

4. Create a new layer, and with the pen tool, draw a 1 pixel black border arround the signature. Then under that border, draw another one with white color.

5. Your signature is pretty much complete now. Don't be afraid to play around in photoshop changing things. After adding some effects, this is my final product:

Posted Image

Well, that's it. I hope it helps.
For more signature examples visit my signature gallery.
Please do not distribute this tutorial without my permision.

Xisto Service Advertisement
[hr=noshade]ImageFilez.com: Imagefilez.com is a free image hosting service offering free image upload (best for uploading signatures), video hosting and photo sharing service (without registration) for users who want to host pictures and video's on sites like myspace, blogs, forums, Ebay & share images and video's with family & friends.[/hr]

Edited by OpaQue, 18 March 2008 - 09:38 PM.


#2 Albus Dumbledore

    Nothing ventured, nothing gianed

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 1,563 posts
  • Gender:Male
  • Location:Sacramento California
  • Interests:Allot of things, websites, coding, photography, my future
  • myCENT:73.26

Posted 11 January 2006 - 06:43 AM

tis a good tutorial..now if only i used photoshop..but i use paint shop pro.. a friend gave it to me..along with animation shop pro :)

Edited by Albus Dumbledore, 04 April 2006 - 04:35 AM.


#3 Dawiss

    Super Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 286 posts
  • Location:Latvia, Riga
  • Interests:Im back to Trap17 for new ideas and designs ;)..

Posted 11 January 2006 - 06:00 PM

Nice tutorial.. It will definatly will help out for thous who are new in sig making and for thous who want something new :).. I like that idea of border.. I usally use the simplyest way so I needed some changes :P.. GooD JoB to your frien and yourself for posting it here :P..

#4 IDRxLEGEND

    Newbie

  • Kontributors
  • Pip
  • 1 posts

Posted 17 January 2006 - 06:16 AM

Good Tutorial Keep them coming and if you know any good spots for renders you might want to help others out with a link and stuff. also which photoshop do u use??

#5 viperulez

    Newbie

  • Kontributors
  • Pip
  • 7 posts

Posted 19 January 2006 - 01:30 AM

madjar, on Jan 10 2006, 12:57 AM, said:

Hello. A friend of mine made this tutorial for his site, and he allowed me to post it here as well. Click here for the original tutorial.
_______________________________________________
The Background
Well, that's it. I hope it helps.
For more signature examples visit my signature gallery.
Please do not distribute this tutorial without my permision.

Notice from BuffaloHELP:
Whenever copying from another source, please use QUOTE tags. Credit deducted.
Notice from KuBi:
On top of BH's note, this belongs in the Photoshop tutorial section. Warning Issued Moved.

View Post



Thx! I have been trying to find out how to make a signature! Luckily I have adobe photoshop! Thx soo much! This is my signature I just made. Its kinda weird. I don't really like the face that much.

#6 wassie

    -OLD ADMIN-

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPip
  • 1,184 posts
  • Gender:Male
  • Location:the bath-tub...
  • Interests:helping people :P

Posted 19 January 2006 - 07:15 AM

very good tutorial...
and the end result look really good!
thumbs up!

#7 TripleH13

    Privileged Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 621 posts

Posted 05 February 2006 - 10:58 PM

mice tutorial! i am gonna try it. I doubt mine will looks anything like that. Whenever i try tutorials i never am able to do it the same. BTW does anyone no what brushees are used on that sig.

#8 puffy

    Member [Level 1]

  • Kontributors
  • PipPipPipPip
  • 63 posts

Posted 14 February 2006 - 08:15 PM

Hey if you want a good signature then try this..
1) Go to danasoft.com
2) Then you register there using valid email address.
3) You will be given some code which you should put in the signature.
4) After you put the signature in your forums, so whenever the visitors come to your site, they will notice there ip address in the very colured box, but there ip address is only seen by your visitor not evryone...
Try this, very good for security purpose..

#9 savge17

    Super Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 381 posts
  • Gender:Male
  • Location:Xempt..T17 GFX Crew
  • Interests:Motocross, wow, Lacrosse, Girls O.o

Posted 04 April 2006 - 02:59 AM

Nice simple tutorial for begginers, nice work! :angry:

#10 hulunes

    .::UniCorN::.

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 973 posts
  • Location:Dalian CHN
  • Interests:basketball &amp;drawing,digital pro.

Posted 04 April 2006 - 08:28 AM

the completed result looks very nice...well,it is really a good tutorial for beginners.but i think there are a little render image without bg...so for beginners,it is hard to select a single and clear render from a image :angry:.




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users