Topic Result

By Mickey on 31/12/2007

Smudge tutorial by Samurai-JM

QUOTE

A sig tutorial by Ferahgo28

QUOTE

Well apparently boredom never ends and I've been seeing a lot of newcomers to sigs so i chose that i should make a sig, then make a tutorial!

Hope everything is thoroughly explained, if you've got questions ask them and you have a 5% chance of getting an answer.

The sig:

The Render:
http://img232.imageshack.us/img232/858/clank3hkwa5.png

The Tutorial:

Good luck in any future concerning sigs!
~Andrew

A sig tutorial by Sum-41xx

QUOTE

Well, I've been observing that alot of people have been making tutorials on signatures. And I had never made a tutorial before, so I gave it a go, tell me what you guys think.

If it's too big to load, PM me or post here and I'll try uploading it on some download site.
Also, please show me your outcomes.

Oh yes, you can also get the render i used here:
http://img65.imageshack.us/img65/530/killz...ationua5be6.png

Basic Picture Sig by Creamlistner

QUOTE

Welcome To My TUT on making a basic signature.
Today I will show you the very basics of making signatures, maybe this will get some of you Into making signatures, and for some of you maybe youll understand the very basic work that signature makers go through to make you signatures.
First you want to start out with a certain size, for me I make all my signatures 325 by 125 (before borders are added) This Is a decent size, Its big enough to add a good render that Is noticeable, but Its not to big that It destracts from the topic of the thread.

The next step Is to lay down a basic color for the signature, this will be the base of the signature and will hold the signature together, as well as ontop of this we will apply paint brush styles.

Once you have a base color down on the signature your going to want to add a bit of flavor, this Is where brushes come In.Brushes are pre made "tips" that have designs on them used to make patterns and designs ontop of the background color. For me this Is where you add some flare, a background that complements the render but Is art In Itself. Brushes can be downloaded from tons of sites, my favorite site to download brush's would be Deviantart.com.

Once you have chosen the brush you want to start with, brush on a few colors that complement the render you are going to use, In my case, black and white, and brush them on intill you are happy with the product. After I while youll come up with something decent looking, this Is my product:

Now your ganna wanna take a render you want to use that Is already pre cut (meaning that there Is no background or the background Is clear, for paintshop pro a clear background comes up with a white and grey checkerboard pattern). Size the image down (I already have) and use your Laso tool to grab around It.
Once you Laso It, copy and paste It onto your pre-made background and find a spot It looks good In.

This Is my product after I have pasted It and moved It Into place:

So far you have a basic little render with a background, the basic parts of a signature. From here Is where allot of signature makers would add In special effects, lights, blends, smudges, etc... But If I told you all that then me and the rest of the signature makers would lose some biz. now wouldent we?(thinks to himself.. maybe I will with this too...hmmm =D) So from here on Ill show you how to add borders and text. Adding borders Is diffrent from PSP and PS, for with PS I have a button that does It for me, with PS I am not exactly sure on how to do so, play aroudn with It and find where It Is. For me I just select the button.

What I do Is add first a 2 pixel border than a one pixel border and soften them together. the first 2pixel border should be the main color from the signature, In my case It would be black, so I apply a 2 pixel black border, than a 1 pixel white border.

Once you have both on there, for PS users you want to set It to Soft light, this I dont know where or how to do for I dotn have PS =D
For PSP users youll want to grab a softening brush and run It down and around the borders to blend and soften them together.

^^Notice^^
The top and the sides have been softened where the bottom line hasent been, notice the diffrence?
Next thing to do Is to add text. Grab your text tool and place the text thats In a spot where It dosent disturbe the render but still looks good. A big tip, Dont put long sentances or phrases into your signature, It draws away from the point of the signature, which Is basicly the render, Inless made otherwise.

Once you do ALLLLLL that youll come up with somthign like this:

Now, you have your signature! Notice this Is only the begining, and very lightly touched part of signatre making there are TONS more special effects and types of signatures. This Is the basic laying a render on a background. Once you have this down well start exploring new effects, play around with It, theres always an Undo button. If your satisfied with your signature, Load It up!
Once you get really good you can start making signatures for other people!
Id personally like to Say THANK YOU! for taking the time to read this TUT, I hope your signatures come out GREAT. If you really want some personal tips and advise, try Pm'ing Firelion or Samurai, or even Sum In the gallery, or me =D.
These guys are the top of the line signature makers and Im sure theyd be happy to help you with anything on your mind. Just be nice and respect them!
Good luck to everyone.

Signature Making for Experienced Ones by Creamlistner

QUOTE

**Please notice that this TUT Is aimed for slightly more experianced Signature makers or graphics users. If you have questions on how to use any of this, please do say so and I can help as best as possible. Thank you, read on =D**

{COLOR=blue]Welcome! To my second Tutorial to make Signatures, This time for Photoshop!

Today I shall show you how to make a little more difficult signature. This time though, we will use Photoshop, although, Paint Shop Pro Users this has roughly the same principles.

Getting Started
Lets start with the render, open up the render, which I do supply, you can use mine or another one you like, this one has the background already nuked, so Its ready to go.
http://img475.imageshack.us/img475/8039/wog011oa7.png
We will want It to fit on our signature, so size the Image down, and set It to about 300 for the hight, the width takes care of Itself. The Point of a signature Is to somewhat represent you, and say, ?hey, this Is me?. When making a signature, youll want It to stick out and really have some flare, something someone will look at and say ?wow, thats amazing?, then by It being made yourself, you'll feel great saying, ?yeah I made It myself?. One thing some new signature makers may not know Is that by sizing down the render so that Its off the canvas, but not blown up so big you ruin the background. It makes the signature look professional and neat.

The Background
Start by creating a new file, and set the dimensions to 325 wide by 125 high.
To start with the background, use your Paint bucket to fill black In. (set your colors to default by pushing D If needed) I like to brush on a few different brush styles Ive downloaded to add some flare usually with some Grunge brushes you can download on Devineart.com. I like to start with black and white, this way later on we can add a color balance and the colors can easily change.
See Picture One Below =)

Getting Into It
Now that you have a background were going to add some motion, making the signature have some flow to It. Duplicate the layer, right click on the layer at the bottom right and select duplicate, It will come up with a window, say ok to It to get back to work.
Now, click the little eye on the top layer to turn off the vision to the top layer, and then click on the bottom layer.
Go to Filter-Blur-Motion Blur Set the angel to 20 and select ok. This makes a motion effect to the under lying layer.
Now click on the top layer and click the eye again to make the layer visible. Now right above the top layer there Is a drop down window that says "normal" this Is your blending style, click on It to bring down the window and select Hard Light.
To the right Is an opacity tool, If you don't like how hard the layers blend adjust the opacity to get the look you like.
See Picture Two Below
select the bottom layer and go to Filter-Stylize-wind
Select from the left.
On the Bottom layer go to your blending options and set to Linear Burn and set the top layer to screen.
Duplicate the top layer once again and set It to hard light, grab your dodge tool and brush It on till the render Is a bit lighter.
That Is basically your render, done.
See Picture Three Below

Wheres My Color?
Well Its good now, but It still needs some more flare, and this Is where a signature creator finds his/her favorite and most used tool.
First go to layers and down to "flatten Image"
Go to the menu bar and click Image-adjust- from there you'll want to use both auto contrast and auto levels.
Now go to adjustments again and click Color Balance.
From here use all three different selections, at the bottom and play around with the different color balances to get a look you like, Mine turned out like so.
See Picture Four Below
Next step Is curves, this Is a nifty little tool that can add and remove shadow from the Image, open It up in the adjustment section where we just were and again play around with It till you get your desired Image outcome.
Mine Is as so
See Picture Five Below
You may not always notice a big difference, but It can help with little spots If u get It to work properly.
Now Is border and text.
Start with a border, go up to select-all
This will select the whole Image so you can add a border.
What you'll want to next to Is go to edit-stroke
Set the Pixels selection to 2pix, and try to get a color thats dark but Is close to the color on your signature.
Select ok.
Next do The process over again, yet this time, make It 1pix, and make It white, and below set the blend to Soft light.
It should look close to this:
See Picture Six Below
Now we add text, click the text tool and find a spot you desire to add text.
Me personally, I like to do what I call "tagging text" where It Is just a simple little spot where you put your screen name. I see signatures as a focus point on a render, not the text, so today Ill just add a simple text call v brick and put my screen name on It, and add It.
Flatten the Image Layer>Image> flatten Image. DONE!
It should look something Like this:
See Picture Seven Below
Guess what?
YOUR DONE!

Now Ive taught you a few useful tools and maybe you'll be able to use them to become the next Firelion, Samuri, or Sum-41 eh?
If anyone has questions, comments, CC, anything, please feel free to post, I appreciate knowing how this TUT helped or didn't help.
If anyone uses this and attempts to make a sig, please post the outcome Id love to see It.

The Images(sorry about this0
user posted image

The Final Copy
user posted image

Thank you everyone and good luck!
Jake~(cream)

A simple banner tutorial found by Bambaleo

QUOTE

This is a great guide for all those rookies in this whole sigs/banners thing. It helped me alot and its kinda fun to try something new. Have fun

Guide

Copied from Old Forums. Origonaly posted by Jendy.

Sticky please, it will help members and guest with their art.

Tutorials