View Full Version : Complete Basic Sig Tutorial


Grave
05-12-2005, 12:51 AM
This was made completely by me (thegrave2005)
1. Open your photoshop cs or 7, i have cs2 but i used cs for this one since non of you probably have cs2 yet.
2. Click File ---> New and use Width 370, Height 130, Background white, Color mode RGB

Click ok.
2. CLick CtrL + A and right clikc and click fill, and use these settings:
http://img198.echo.cx/img198/2933/step26sk.jpg
3. Chose the brush tool and right click on the sig like this:
http://img198.echo.cx/img198/8425/step33au.jpg
If you dont have any brushes click here: http://browse.deviantart.com/resources/applications/psbrushes/?view=1&order=5&limit=24 it has tons of great brushes. I am going to use Jashim Fractal for this one.
4. Brush in white on black background and try not to repeat brush stokes, when you done ctrl I and do it again untill something good comes out... This is my result:
http://img174.echo.cx/img174/4792/step49ag8zc.jpg
5. http://img86.echo.cx/img86/2638/step58go.jpg
AND play around with all the levers in Shadows/Highlights/Midtones.
http://img86.echo.cx/img86/5563/step60ef.jpg
then click:
[http://img86.echo.cx/img86/808/step76hh.jpg
It should become more grey but then do the color layers again untill something nice comes out such as:
http://img86.echo.cx/img86/8787/step88kr.jpg
6. Open a render and drag it into the signature, if you cant find a render please looks here: http://www.clantemplates.com/renders/gallery/
http://img217.echo.cx/img217/672/step95xc.jpg
7. Click CTRL + U and set the render saturation to -100 such as:
http://img217.echo.cx/img217/7371/step110uq.jpg
8. Move the render layer below your color layers, and CTRL + U again and add some brighness:
http://img217.echo.cx/img217/2665/step145qe.jpg
9. Then *** contrast and brighness layer:
http://img217.echo.cx/img217/3457/step133gn.jpg
And play around till your sig looks good not blury and too light or too dark.
10. Border, click Ctrl+ A again and right click and clikc STROKE and use the following settings:
http://img8.echo.cx/img8/3816/step151qf.jpg
Set the layer to overlay also.


12. Add a name and your done.
Result:
http://img8.echo.cx/img8/6706/step17final8ey.jpg

This tutorial is for begginers and i did not try to hard on the sig, its just an idea how to do it, any questions or suggestions please post em up, any errors please post.

Good luck with your signatures ;).
Completely Done by: Thegrave2005

Grave
05-12-2005, 12:55 AM
I have found some error and it wont let me fix it:
You have included too many images in your signature or in your previous post. Please go back and correct the problem and then continue again.

Images include use of smilies, the vB code [img] tag and HTML <img> tags. The use of these is all subject to them being enabled by the administrator

Foog
05-12-2005, 12:58 AM
Nice tut...cant rep cuz i recently did...very indepth. No need to put, "rep won't hurt" cuz we have good mods who do their job.

Grave
05-12-2005, 01:02 AM
Fixed the tutorial had to remove some pics to replace them, enjoy.

pyrocrow
05-12-2005, 01:10 AM
ya grave you definitly deserve a rep. that helped me out a ton. soon, i may start working in the request thread.

liquidshaggy
05-13-2005, 06:57 PM
hmmm ive wondered how 2 do that thanks

Foog
05-13-2005, 06:59 PM
I must say that the hardest part of making signatures for me is
A) Finding the perfect picture to put in and
B) Making everything fit just right so it looks aesthetically pleasing and not too crammed.

Grave
05-14-2005, 02:10 AM
Renders are the hardest to find since 50% of all the renders i render myself, its hard because i am running out of ideas for renders.

MiVeC
05-14-2005, 02:26 AM
omg thanks a bomb for tis tut

curruptedgod
05-14-2005, 10:11 PM
the hardest part for me is making a regular photo blend in with the backround instead of it just on top of it

jedimaster86
05-14-2005, 10:49 PM
the hardest part for me is making a regular photo blend in with the backround instead of it just on top of it

You could try either/both of these, maybe they'll help ya out, maybe not:

#1 - this way should blend your render into the bg, but maybe not change the colors.

-Click on the Polygonal Lasso tool.
-Have your render layer active, and kind of make a basic outline of it with the polygonal lasso tool (have the outline be inside of the render)
-Go to Select----Inverse.
-Go to Select----Feather; make it around 20 pixels. Hit ok.
-Now press the delete button, and the render will blend some hopefully.

#2- this way should change the color of your render to kind of match the bg.

-Have your render layer active, and then change it's blending mode to luminosity (in case you can't find it, if you have the layers toolbar active over to the right side, and then under where it says "layers" for the tab, there is a drop-down menu with a bunch of options. the last option is "luminosity", so click on that one).

Grave
05-14-2005, 11:54 PM
Jedimaster i suggest you dont use luminosity, try Ctrl+U and set saturation to -100%, or use layer mask: http://www.photoshopcafe.com/tutorials/blend/blend.html

MiVeC
05-15-2005, 07:24 AM
Jedimaster i suggest you dont use luminosity, try Ctrl+U and set saturation to -100%, or use layer mask: http://www.photoshopcafe.com/tutorials/blend/blend.html

nice webby... thanks alot

Pyrohammie
05-15-2005, 06:57 PM
nice that helps alot especially the site that has the brushes ;) thanks

nujabes
05-16-2005, 03:50 AM
damn nice tut that helps ALOT

curruptedgod
05-16-2005, 07:23 PM
yea thank you for helpin i think you should get a rep for this!!!! i actually am very interested in this!!


edit: i know i dont have very many posts but i used to come to this site all the time and read and read and read up on this stuff. I know you guys dont think i should say about reps or anything but i do know some about this.

pyrocrow
05-19-2005, 02:37 AM
i still can't figure out how to put a picture in.