How to make a decent signature? *Recommended*

[chauronity]

How to make a decent sig quicky:

Phase 1: The Start

- Download some grunge (http://images.google.com.my/images?q=grunge%20brush&um=1&ie=UTF-8&sa=N&tab=wi) and some abstract (http://images.google.com.my/images?um=1&hl=fi&q=abstract+brush&btnG=Etsi+kuvia) brushsets.

- Start a new complication (350x125 px for example)

Phase 2: Create the background

- Choose white to background color, black to front. Do not use colors for brushing (yet).

- Fill the background with clouds (filters -> renders -> clouds).

- Make a new layer (shift-ctrl-n) and set the opacity into 50-70%. Brush around the background with black, do not drag. EVER.

- Make a new layer and set the opacity into 50-70%. Brush around with white color, with a GRUNGE brush-set. NEVER use 100% opacities. Use bigger opacity values for black layers to make sigs dark, bigger values for white brushing layers if you want lighter sigs.

- Make a new layer and brush GRUNGE around with black color.

- Make a new layer and brush around some ABSTRACT with white color.

- Rinse and repeat, be making the white-black -layers as many times to create the background looks good.
It (pretty much ALWAYS) will look bad in this phase, so don't judge it yet so harshly.

- Make a contrast adjust layer (layers -> new adjustment layer -> contrast&brightness). Amplify the background with high contrast, remove brighness as much as you add the contrast ( +20 contra -20 ).

Phase 3: Adding the image and the colors

- Get the render (stock picture, the image of the sig). Add the render there.

- Dublicate the image and make the previous sig unvisible (remove the eye on the left of the layer in the layer-tool)

- Put the blending mode of the new layer to "soft light" or "overlay". Go to filter-> blur ->gaussian blur and put value between to 7-15 px. Press Ok.

- Use the free transform -tool to make the image twice as big as it was before, skew it if necessary.

- Dublicate the layer and move it into a different position that has NO colors yet. Repeat as many times it looks good.

- Make the render visible again by clicking that "eye" again. Move it to the topmost, above all layers.

- Dublicate the render layer, and add some gaussian blur (filters - blur - gaussian blur), value between 1-2.5 is good. Put the blending mode into "soft light/overlay" or just lower the opacity into 10-20%.

- Make a new layer and brush a little around the picture. Put the blending mode overlay and it might look fantastic.

Phase 4: Adjustments (borders, colorifying, text)

- Add yet another contrast/brightness layer (layers-> new adjustment layer ...) to make the image look great.

- Add yet another coloring layer (layers-> new adjustment layer-> .... ) to make the image colors better.

- Add borders by selecting that rectangle marquee tool, press ctrl+a to select all and go to "stroke" and put the color black/something dark and size to 1-2 px. And if you want larger border, i suggest using different color than in the out-border (make a new layer and another stroke with bigger pixel ratio)

- Add the text effects with nice font (www.dafont.com/en/ is full of those) and your pretty much done.



- FINALLY, you can use the apply image (edit-apply image) feature and sharpen the whole sig canvas with unsharpening mask tool. 0,3px radius with 50 strenght usually works the best ... do it again a couple of times (ctrl+f) if it doesnt get sharp enought. ERASE some of the sharpened area with eraser tool to add depth (or then use the blur tool).
Hint: Sharpen foreground, smoothen the background and the places where the light comes from.

---

Hopefully this helps, really. And ofcourse there are MANY different phases also (like blending the render etc.) to make the sig look more better or just to make the sig unique, this is just the "rough guideline" for starters. And just one method, there are a helluva lot of those also...

[yosemite]

but how do i get it on the site

[chauronity]

What site?

---

Looks like this was stickied by someone, so i'll edit some of me of it, and maybe add stuff as fast as i can...
that start for example is originally a feedback to one certain siggy, and doesn't belong into that msg...

=)

[tootaa18]

thank you so much for the tutorial DB ^^
i`ll try doing a sig using this tut today :)

i think yosemite means how can he upload his sig into the forum?
well yosemite, you need to register for an account in one of the image sites to upload your sig

you can use www.photobucket.com

[pek]

Read this tutorial if you want to know how to post images on the board: Here (http://forums.narutofan.com/showthread.php?t=42171)

BTT; Yeah i moved it from the old thread and stickied it, think i told you on irc.

[Twisted.Angel]

Were can I download some grunge and some abstract brushsets? And there isn't an easier more broken down way of doing this is there? XD j/k.

-TDK

[pek]

deviantart.com

[Twisted.Angel]

Thanks pek, but do I have to sign up to get them? I can't find them anywhere. I will look more though.

-TDK

[syrup]

is this for photo shop and where do i dowload brush sets?

[chauronity]

Thanks pek, but do I have to sign up to get them? I can't find them anywhere. I will look more though.

www.deviantart.com -> browse -> resources -> psbrushes/pspbrushes

http://browse.deviantart.com/resources/applications/psbrushes/?view=1&order=9&limit=24
http://browse.deviantart.com/resources/applications/pspbrushes/?view=1&order=9&limit=24


is this for photo shop and where do i dowload brush sets?

Yeah. But you can use it basically for any program you want..

[Once_Upon_a_Goth]

Thanx bro!
but I don't have Photoshop or anythin' like dat stuff.. so I don't really get half of wat u just said.. :(
I'm kindna new to workin with pc's

[Twisted.Angel]

Okay, I have been at this for about an hour -2 hours, and This is really complicating. v.v either I am really bad at this, or this is just to complicating, it does'nt say were to find most of the stuff etc.

[chauronity]

Okay, I have been at this for about an hour -2 hours, and This is really complicating. v.v either I am really bad at this, or this is just to complicating, it does'nt say were to find most of the stuff etc.

Just follow the link i gave. Then, preview the brushsets by clicking that certain one, and watching how the sample looks like; if it's abstract, it's abstract, and if it looks crispy and so on, it's grunge. Easy thing...

And they does *not* necessarily have to be exactly grunge or abstract, any brushset goes. Those are just recommendations, that kind of stuff i personally like to use. But not like i always use this technique ... otherwise my style would become so repetive so quickly.

[Orochimaru sama]

Em...yeah..this is cool and smart but...wat fu**ing program do i need? for people that are new here its imposible to understand this..¬¬

[chauronity]

Em...yeah..this is cool and smart but...wat fu**ing program do i need? for people that are new here its imposible to understand this..¬¬

This tutorial is meant mainly for Adobe Photoshop.
http://www.adobe.com/products/photoshop/main.html

[Soxfan17]

is photoshop the only place where u can make sigs??

[DeviantFreedom]

can someone post their sig as an example?

[American Dragon]

Does the picture need to be transparent before you add it to the sig? If so, how do you do that? I have the image on the sig, but it still has a background to it, and many of the renders that I find are crappy and are not transparent with the backgrounds. I tried to go over it with the brush, but it isn't good. Could you help me?

[Yondy]

Thanks a bunch Chauronity, I'm gonna try it out! :)

[chauronity]

Does the picture need to be transparent before you add it to the sig? If so, how do you do that? I have the image on the sig, but it still has a background to it, and many of the renders that I find are crappy and are not transparent with the backgrounds. I tried to go over it with the brush, but it isn't good. Could you help me?

Cutting helps ... so learn how to extract ^^
Selecting stuff with magic wand and then erasing it off.

OR ...

http://www.developertutorials.com/tutorials/photoshop/extracting-objects-photoshop-050619/page1.html

[skmt999]

Excellent basic tutorial! Something people can do without having to have PS7, either.

Well, just to see how it would turn out - I tried! Nothing at all about this was pre-planned. Random brushing, random stock... wow.

http://i3.photobucket.com/albums/y74/skmt999/banners/Ruffiepoo1.jpg

I like that Soft-Light adjustment. It makes my text look nice for once. :laugh

[MitsukiShiroi]

Good one ^__^!

[Yondy]

Sorry for the total newby and retarded question, but since I'm a dunce at PS....

What's Grunging? >_> :imslow


And every time I download brushes at Da, a white page appears with a bunch of random letters, and it doesen't download. :imslow

[vanh]

Chauronity , in your "How to make rounded border "thread, i stuck at the 9th step . I'm a noob in Photoshop , so how to select merged layers ?

Sorry for this noobish question :sweatdrop

[Yondy]

Welcome to the Club Vanhy! :glomp

(The club of noobish question :tem)

[vanh]

thanks for the welcome Yondy :glomp . making my own sigs is really great , so start from now .

[KageMane]

I got this!

http://img84.imageshack.us/img84/6243/link5oh.jpg

Thx 4 the tut!

[MasterFox]

This is mine: http://www.5images.com/uploads/a2d67dbd47.jpg (http://www.5images.com) It looks alright to me.
thanks a lot for the tutorial!!

[chauronity]

Yup, definitely great sigs =)
Smooth job both of you , Kagemane and Masterfox

[Aman]

Sorry for being a total PS noob, but what I'm stuck at is how to resize and cut my stock, aswell as putting it into the bg.

Sorry! :cry

[chauronity]

http://www.mediacollege.com/graphics/photoshop/tool/images/toolbox.gif

Resize = EDIT-> Free transform.
Drag from corner whilst holding shift- button so you wont change the width-height-ratio.

Cut = Eraser tool OR eraser+magic wand ( http://www.mediacollege.com/graphics/photoshop/tool/images/magic-wand-icon.gif )
http://www.mediacollege.com/graphics/photoshop/tool/magic-wand.html

Putting it in to background = Move tool ( http://www.mediacollege.com/graphics/photoshop/tool/images/move-icon.gif )
http://www.mediacollege.com/graphics/photoshop/tool/move.html
^ resize it @ first thought

[Aman]

Thank God for you. :P I think I'll do it soon. :D

[Yondy]

What's grunging? :wtf

>.>

[debil]

To brush around with grunge brushes.

[Yondy]

Yeah, but what are Grunge Brushes? ;_; [/ total n00b]

[Aman]

I'm trying to do your other tut, and some of the steps say this:

- Add gaussian blur @ 3,5-4.5px .. filters -> blur -> gaussian blur
- Now the stock looks better

It doesn't look better at all though, a lot worse acually. :S

[chauronity]

^ remember to change the mode for the blending so "soft light" (=blending mode)
Otherwise it's blurred ...

But dont make that for the main stock, do it to the dublicated version of it -- edit->dublicate (or something, you'll find it from the menus)

@ yondi:

Pretty much any brush that leaves kind of dirty and filthy look to the background

[Yondy]

.. Awesome. I have those. xD

Thanks! ^_^

[Flash]

Most my sigs are just like that tut (a some bit different, always 100% oppacity and other stuff) :) Anyway good tut ^^

[Lazarus]

Uhm, n00b question. What do you mean by do not drag? Don't you have to drag the brush around the image to make color, or do you mean to fill it with the paintbucket? ><

[Aman]

^ remember to change the mode for the blending so "soft light" (=blending mode)
Otherwise it's blurred ...

But dont make that for the main stock, do it to the dublicated version of it -- edit->dublicate (or something, you'll find it from the menus)

Where do I choose soft light then? [/sryforthenoobness]

[Flash]

pinkmint, just click don't drag the brush around, click many times at diffrent places :)

[vanh]

Can somebody please show me how to select merged layers :sweatdrop I have no clue about this at all

[chauronity]

^ well they'll flatten into ONE layer .. just select that certain layer theyre merged into and continue as usual ^^

@ aman; here

http://img519.imageshack.us/img519/6668/untitled53ow.th.png (http://img519.imageshack.us/my.php?image=untitled53ow.png)

[Aman]

Can you add me to msn @ araia_selase@hotmail.com so that I can explain a bit better? :P


EDIT: Nvm then, but I'm kinda stuck at this:

- Reset the brushes and load your "special effects brushes" from the brushlist.
- Select brush numero 26
- Adjust the brush properties in the menu to look like this :



- When done, brush a line behind the girl ... select a GRAY color (no colors)
- Put the blending mode to "overlay" again


First of all how do I go to brushes and reset them? :P Sorry for being a total noob, I appriciate your help. :)

[Lazarus]

Okay... Good tutorial, but I never quite understood the part when you said to move the image copies around or something >< Anyways, he's my attempt. It isn't a sig, I don't know why I didn't make it smaller :|

http://img91.imageshack.us/img91/1913/likeedit6pd.jpg

Mine looks totally different, I might be doing something wrong :\

[eily]

seems like here is a nice play to share about the topic of photoshop...i like it
well,when i started using photoshop..i never know what should i do..lolz..haha,but after get a lot's of try...now should know a lot...but still in practise ler...haiz...let's share more about it

[debil]

- Reset the brushes and load your "special effects brushes" from the brushlist.
- Select brush numero 26
- Adjust the brush properties in the menu to look like this :



- When done, brush a line behind the girl ... select a GRAY color (no colors)
- Put the blending mode to "overlay" again


First of all how do I go to brushes and reset them? :P Sorry for being a total noob, I appriciate your help. :)

There you go :O
http://www.mitglied.lycos.de/d3bil/help1.JPG
http://www.mitglied.lycos.de/d3bil/help2.JPG
http://www.mitglied.lycos.de/d3bil/help3.JPG
http://www.mitglied.lycos.de/d3bil/help4.JPG

[Aman]

Thanks, had solved that already though. :P Now I'm at the last step, can you explain this? I'll rep.

- Then use the "smart sharpen" with values from 100-130 @ 35-40* radius and use the eye as a ruler. (119% @ 37,1 in mine)

Done. Just add a typo (how do I add nice typos?).

(to add the borders, make a new layer and select all ->rightclick @ canvas -> stroke -> 1px inside w/ black or white, and done!) don't get that either. :P

Thanks! :)

[debil]

Smart sharpen is a filter, you go Filters -> Sharpen -> Smart sharpen. A window will pop up and you have to enter the values. You can play around with the values.
http://mitglied.lycos.de/d3bil/help5.JPG

For the typo..well just write some text like in your sig "I don't lack hatred anymore" something like this. Try different fonts and stuff, then choose the best result.

For the Stroke i had to use another method. You have just the background left, then you make a new layer, go image -> apply image -> press ok. Then double click on the layer you just made and go to stroke -> inside 1px black or white.

[Aman]

Thanks, even though it pretty much failed, thanks for your help. I'll post my finished sig tommorow (don't expect much, it failed. :oh). :amuse

Oh yeah, and reps. :glomp

[Aman]

Did this with your other tut, first and worst sig ever! :knk

http://img236.imageshack.us/img236/5847/sasukecopy3bq.jpg

[Makyou Hyoushou]

this was a good tutorial i put my attempt in my sig haha

[Umazuki_Naruto]

how to use the fonts downloaded from the web??i cant use it or upload it in photoshop.

[debil]

copy it in C://windows/fonts/

[ANBU_Elite]

can u make a sig with gimp???

[RockDaLee]

Hey guys,how do i get a sig pic that has my name on it and stuff??

[DarkFire]

wow thanks i'm going to try and make a sig

[x_Zen_x]

Damn this tut would be some much better if it had pics :D

Really great tut though it will help em.

I'll post my outcome ( if it's good i just started this week )

Edit :
I added in quite a bit of my own stuff :)

http://img252.imageshack.us/img252/6983/zetsusigcopyap7.png

[Mek Blaze]

Sorry for this noob question but does PhotoShop cost money to get?

[Otherside]

Photoshop is about $650 from the adobe website. Though, I would be surprised to learn that even half the users with the program obtained it through legal means...

[syrup]

when it says

- Dublicate the image and make the previous sig unvisible (remove the eye on the left f the layer in the layer-tool)

Do we make the whole sig invisible or just the one one with the first stock on it invisible that we duplicated?

[Ryuuken +]

yeah it does, but you could always download it like i did but you would need a serial number and i can i give you that

[Tazmo²]

Is this kinda complicated or do I just suck A LOT. I can't even understand the other begginer tuturiol.

[x_Zen_x]

no you just make that layer invisible.

[WDT]

I thought your tut was great, though I got confused sometimes...>_<
I experimented with your tips and my own ideas and came up with this anyway...

http://img124.imageshack.us/img124/7382/untitledpa9.png

[Tantheman]

cool tutorial man..

I decided to try it for fun..
http://img155.imageshack.us/img155/5834/rockleefa5.jpg

[--Ramen-21]

http://www.saiyanisland.com/images/data/media/154/Naruto_Comic_01_Believe_It.jpg

[Tantheman]

^^ what the.... what was that...

[Azurite]

hows this for a sig?http://img446.imageshack.us/img446/4647/naruto1vf4.png (http://imageshack.us)

[Red]

OI thanks for the tutorial but it's to vague for me....It's either i'm really stupid or it's complicated....how the hell do you use the brush sets once they're downloaded and unzipped?

[Heero]

while in photoshop hit F5 and it should bring up the brush box and there will be a little arrow beside the brush title, click it and go down to load brushes and pick your new brushes and your done

[Blitzkrieg]

OR can you put images because I'm a n00b to photoshop.

[x_Zen_x]

Or when you have Unzipped the brushes go to Local Disk(C:)> Program files> Adobe> Photoshop> Presets > Brushes and throw them in there

[Red]

while in photoshop hit F5 and it should bring up the brush box and there will be a little arrow beside the brush title, click it and go down to load brushes and pick your new brushes and your done
oi thanks....can any one show me how to put text inside....

[x_Zen_x]

Start > Control Panel > Fonts and put them in there.

[Gurbik]

I only have photoshop 7, all of the brushes i got said that they only worked with cs2, do i need to have the latest version?

[sasukerules]

nice tut but i had a question would GIMP work for this it is like an alternative photoshop I don't have photoshop so i use GIMP it is free and i am new to this stuff so i really don't know

[sasukerules]

where can i get renders?

[AshCrestedHeart]

l still can't get the brushes to work in adobe...I loaded one and it hasn't shown up anywheres

[Rasen]

How do you add text on a windows XP? I cant seem to get to font using the Control Panel:cry

Edit: Nvm I found out how =D

[jermaine@123]

really how to get in the site

[Crayons]

Wow, this was really helpful!

[Jazz]

*Is confused* Is it supposed to show color in the third step?

[daowz]

thanks for that font site and good tutorial too

[milesprowler]

Nice ty for the tips =]

[HoukiBoshi]

People that said about GIMP, yes it can work for GIMP (cos I use it ^^)

Edit: Here it is, best background i've done ^^
I'm used to doing vector sigs (modern)

http://i133.photobucket.com/albums/q62/InEspertaNinja/Cool2.png

[rawzsi]

Thank you soo much for the tuturial !

[Crayons]

Okay, I'm going to try this but it looks a bit confusing to me.

[Guyver_One]

^ Same here.
Here goes my shot at this tut! Wish me luck.

EDIT: I'm not sure where, but some where I got confused...So I messed around. Anywho, could you...critique it? I feel I really learn from the critique's.


http://i30.photobucket.com/albums/c335/Houshou/Guyver_One.gif

[B.R]

hey here's my try I couldn't erase the extra on the images because is to tedious but I think it looks good, I also try a variety of colors and came up with this. my current sig was made just improvising stuff beacuse I really didn't know to use photshop so I just grabbed a background started experimenting

http://i100.photobucket.com/albums/m30/rubiobryan/Narutosigcopy.jpg

If you have any suggestion please let me know!!

[hassrules]

Thank you for posting this tut , very helpful

[karaseechakra]

this is really helpful thanks for posting:nod

[kushina710]

Thank you so much for taking the time to make this... very helpful... :iria

[chauronity]

Thank you for your kind replies ^^

Updated the first post.