Jul 27, 2008

Signature Tutorial - Learn how to make a complete signature

Free Web Hosting, No Ads > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials
Pages: 1, 2, 3

free web hosting

Signature Tutorial - Learn how to make a complete signature

madjar
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.



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



You will have something similiar to this:



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:



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



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



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



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



The result:



<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"



3. Apply these settings:



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



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:



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

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.

 

 

 


Reply

Albus Dumbledore
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 biggrin.gif

Reply

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

Reply

IDRxLEGEND
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??

Reply

viperulez
QUOTE(madjar @ Jan 10 2006, 12:57 AM)
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.

*




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.

 

 

 


Reply

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

Reply

TripleH13
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.

Reply

puffy
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..

Reply

savge17
Nice simple tutorial for begginers, nice work! smile.gif

Reply

hulunes
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 sad.gif.

Reply

Latest Entries

Emerger
Great tutorial. I've never tried this, but just whipped out this little image in a couple minutes. I'll do a better one later.

Reply

iGuest
It might be a weird question but how do I make a 320x100 white background this is the first time working with photoshop :-(



-question by Lisa_Portsland

Reply

Fleet
Nice tutorial. Good effects, adding a dreamy like effect onto it.

Reply

tristankhalil
QUOTE(FeedBacker @ Jan 10 2008, 09:46 PM) *
When I make a new document I can't choose Clouds. Why is that happening to me?

-martin


May I ask? Did you go to "Filter" then "Render" then "Clouds"?

I think you haven't follow correctly what's stated... smile.gif

Reply

tristankhalil
Hello!

I am so glad that my friend shared this tutorial to me!


Now, I'm crazy making sigs!


This is a great tut indeed! Very easy to follow! Straightforward!


Thanks a lot!

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2, 3
Recent Queries:-
  1. make signature - 0.11 hr back. (1)
  2. photoshop signature full tutorials - 0.66 hr back. (1)
  3. gimp signature tutorials - 1.12 hr back. (1)
  4. photoshop cs3 sig tuts - 1.19 hr back. (1)
  5. gimp tutorial signature - 1.32 hr back. (1)
  6. how to make a cool signatures - 2.18 hr back. (1)
  7. how do you make a signature - 2.34 hr back. (1)
  8. photoshop signature tutorial - 0.07 hr back. (3)
  9. signature tutorial - 2.56 hr back. (1)
  10. photoshop signature tutorials - 3.06 hr back. (5)
  11. signature maker tutorial - 3.52 hr back. (1)
  12. how to create a signature in adobe photoshop cs3 - 2.88 hr back. (2)
  13. how to do a good signature - 3.81 hr back. (2)
  14. how to make own singnature - 4.02 hr back. (1)
Similar Topics

Keywords : signature, learn, make, complete, signature

  1. Making A Simple Signature With Adobe Photoshop
    A tutorial to basic signature designing: By Accure (3)
  2. Adding Signature Stamp In Photoshop
    (2)
    I take pictures for my wife's eBay auctions. She likes her name inserted on the photos. While
    there are many ways to do this, my solution is quick, easy and flexible. Open a new file with a
    transparent background. Size isn't important. Select the text tool and choose your font. I used
    a script font. Type the signature. Now click on Edit/define brush preset A box will pop up
    to name the brush. Open the picture you want to sign. Select the brush tool. From the drop
    down menu select the brush. It will be the last one. Select the color on the....
  3. Gimp Abstract Signature Tutorial
    Brushes required (9)
    In this tutorial I will be showing you how to make a abstract signature in GIMP. I have a lot of
    images for this so bear with the loading time. First, you need to make a new image. I think
    400x100px is a good signature size. I used these settings. You should have a blank white canvas.
    We will start out our sig by brushing up a quick background. I came out with this: Next, we will
    make a new layer. We will do more brushing on this layer. I used these settings: Start brushing
    with a different brush set. I ended up with this: Select your first brushed layer, th....
  4. Full Grunge Signature Background
    (7)
    This is my first tutorial but i think it will go well. I am using Adobe Photoshop CS3, things make
    look different but they will work on CS2 and more. I may do things different so dont flame me.
    :laugh: I will do a full one after with a render but for now just the background. Ok lets
    start! Full Grunge Signature Background Before we start you will need to download and
    install this brush set: http://rapidshare.com/files/16829781/abstr...yalias.abr.html After you
    have downloaded that place that file in C:/Program Files/Adobe/Adobe Photoshop CS3/Presets/Brushe....
  5. Spiderman Signature Tut
    long tut (10)
    1. oke lets make our sign, start by making a new document size wise 400widthx100height,(in pixels
    ofcourse) 2. make the background color(with paint bucket)#3a3102 3 now get the dodge tool( it will
    be shown on the printscreen if u don't know where u find the dodge tool)
    .........................setting=129 softround brush ..........................range=highlight
    .....................exposure=260% move it like this make sure u dodge it a lil more in the middle
    result= 4.now where gonna use this background below i got from deviantart, i dun realy know the
    name an....
  6. Photoshop Cs2: Full Signature Tutorial
    Made by Tramposch (11)
    This is a tutorial on how to make a signature like this: First of all, you need to find your
    render, try to find one that doesn't have a lot of space around its arms, or doesnt have a cape,
    because then it will not looks so great with empty space. For the signature I used this render:
    http://i97.photobucket.com/albums/l217/Tra...oredcore2er.png 1) Open a new document, with a white
    background, any reasonable signature size will do (don't make it too large /wink.gif"
    style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> ). 2) Go Edit---&#....
  7. [ps] Jack Sparrow Signature
    (0)
    Tutorial Name: Jack Sparrow Signature Created by: ~Xtreme~ Program used: Adobe Photoshop
    Notes: A friend of mine made this tutorial a while ago and said I could repost it. I think its a
    good tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted
    to him and shouldn't be reposted by others unless you have his permission. Today, you will
    be learning how to make a signature like this one. 1) First start off by making a new document.
    I will be using 340x125 and place yoru stock in your empty canvas. Resze if nee....
  8. Mario Signature (adobe Photoshop)
    (15)
    Tutorial Name: Mario Signature Created by: Tidus Program used: Adobe Photoshop Notes: A
    friend of mine made this tutorial a while ago and said I could repost it. I think its a good
    tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted to him
    and shouldn't be reposted by others unless you have his permission. Tidus's Second Tutorial
    This is the ending result that you should get after you have completed this tutorial. 1) Okay,
    the first step is open a new document thats 385x115. You can use whatever size you want....
  9. Fancy Lines In Signature
    Adobe Photoshop 7+ (0)
    This tutorial is not mine, it was made by a good friend called Apodae Swift who is letting me repost
    it as long as I give him credit. Tutorial: Fancy lines in signature Program: Adobe Photoshop
    Example: And here is the tutorial. For this example I have used a base background image with
    width 500px and height 100px. It can be easily adapted for other sizes. 1. First thing you need to
    do is get the correct tool. It is normally pre-set as the rectangle tool. As such from the options
    on the top row you need to pick line. Then give it a weight of 0.1cm. 2. When this ....
  10. Complete Signature Tutorial
    Adobe Photoshop 7+ (18)
    Well here's my 3rd tutorial, it took about a hour and a half to make and I hope it helps people
    out. I use this technique in a lot of my signatures. Easy Full Signature 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....
  11. Signature Tutorial
    Smudge+Filters (6)
    This tutorial is for Vetrerans You need some experience in PS For this tutorial
    Time taken for tutorial 1 hour ....
  12. Cool Full Signature Tutorial
    Awesome Outcome (1)
    ....
  13. Full Grunge Signature Tutorial
    My 1st Full Signauture Tutorial (3)
    Hey This Is My 1st Full Signature Tutorial Click here for the tut Im giving the link because the
    tutorial is big in size Pls Give me comments and thank me if this tutorial helps you....
  14. Full Signature Tut
    (1)
    Heres a Tutorial I made the other day Feel free to use it /happy.gif" style="vertical-align:middle"
    emoid="^_^" border="0" alt="happy.gif" /> ....
  15. Creating A Graphical Signature
    In Fireworks... (9)
    Fireworks Tutorial 2 Creating a graphical signature. The Way Things Work: 1. All steps are
    highlighted in blue. 2. When point of reference for an object location within a document it is shown
    as (x,y). The (x) stands for the distance from the left edge and the (y) represents the distance
    from the top edge. For example, if (0,10) is displayed, then the object will be on the left edge of
    the document, 10 pixels down from the top edge. 3. Screenshots of the current progress will be given
    when needed. Note that not all of the steps will include a screenshot and some may ha....

    1. Looking for signature, learn, make, complete, signature

Searching Video's for signature, learn, make, complete, signature
advertisement



Signature Tutorial - Learn how to make a complete signature



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE