Very Basic Sig Tutorial 52 replies

Please wait...

Grimme

I like you

50 XP

3rd July 2004

0 Uploads

3,715 Posts

0 Threads

#1 14 years ago

Well some people have asked me to do one [This is for you Mr.Cool..] . And I have been teaching a few friends. I'm pretty new to photoshop and I don't want to steal The Saints thunder. Anyway, they said they didn't understand his, so here we go. Okie Dokie Pokie. Open a new document [Go to File....] and make it 600 width 100 height and set background contents to transparent. 1) Lets do the classic "Render Clouds", so go to filter> render> clouds attachment.php?attachmentid=20835 2) Now press Ctrl + U, and check the Colorize Box and set it to a kind of Drained color, attachment.php?attachmentid=20836 3) Now, we need to apply some brushes. Some Grunge Brushes in particular [I know, I know, I'm copying The Saints Tutorial....] I reccomend these. 4) Place the Brushes in X:\Adobe\Photoshop CS\Presets\Brushes 5) Now lets load them, I'm not even going to bother explaining, just copy the screenshot: attachment.php?attachmentid=20838 6) Once they're loaded, start a new layer and begin to apply them to the sig. But don't overdo it. Dab, mess around with opactiy [You should be able to see where that is on the picture.] it dosen't matter if you muck up. No Worries. Just try to dab and place it sparesly. 7) Now we should have something like this: attachment.php?attachmentid=20839 [Note: I used about only 8 dabs making that, 2 on a low opacity] 8) Now we have a very basic background we can attempt something slightly more fun and slightly harder [If your confused just post below and I'll clear it up or something] 9) First, lets add an image. I chose this: db_jointoperations_070204_11.jpg Now we're obviously not going to fit that in the sig. So lets Resize it! And do a bit of cutting. 10) Now here's how I personally resize, the bits I have highlighted are a shortcut and something which you press to keep it in proportion, very very useful when doing a decent resize: attachment.php?attachmentid=20840 11) Now lets cut something out, this method may take time, but this is a particularly hard picture, first select your lassoo tool, and make a rough outline of the object your cutting out. Once you have it, manually erase around the edges until you have what you want. Remember, the slower you go and the smaller the brush the better it will look [NB: If it is an object with a single color background, use the magic erase tool [acheived by right click on the eraser tool]: attachment.php?attachmentid=20842 12) Now that we have our image, copy it and place it in your sig on a new layer. Mine now looks like this: attachment.php?attachmentid=20843 [I have applied a dodge effect to it, lighting up the soldiers face and gun flash] 13) Now lets your name on it. Window's fonts are in general. Crap. I reccomend this site for some cool looking fonts. 14) Now all we need is a border. Simple Stuff. Get your rectangle Marquee, draw a rectangle inside your sig leaving about 3px between your rectangle and the edge of the sig. Press Ctrl + Shift + I to invert it, fill the selected area with whatever color takes your fancy: attachment.php?attachmentid=20851 15) attachment.php?attachmentid=20852 WoW! A Sig! Done! Basic, but effective! Nope, you can leave now. But I am know going to show you some more advance techniques. 3D Borders: Go Layer> Layer Style> Bevel and Emboss Style> Inner Bevel, Size 3px, Soften 0, Direction Up. Now check the "Drop Shadow" Box, and leave it as default: attachment.php?attachmentid=21008&stc=11 Pixel Borders: Go to your first layer [background] press Ctrl + A to select all. Then go to layer Style> Stroke. Change the color to Black, the size to 1px and change it to inside rather than out, voila, one pixel border. Scanlines: First create a document 1px by 1px scanline_01.jpg Next zoom way into the image so you can see what you are doing. Or just hit Ctrl+0 (zero) to zoom the image to fit the screen.scanline_02.jpg Fill the image with white. scanline_03.jpg Now expand the canvas size to two pixels high. To do this go to Image/Canvas Size .scanline_04.jpg Now fill the new part of your canvas with black. Just use the paint bucket and put it over the new part of your canvas and click. scanline_05.jpg You have now completed your pattern that you will use for the scanlines. Lets put it to work. Hit Ctrl+A to select the entire picture (or hit ctrl and left click the layer in the layers palette). With the image selected, go to Edit and choose Define Pattern. It will prompt you to name this new pattern, name it "scanline" and it will now be saved in Photoshop for future use. Now lets do something with it. Go to the layer you want to apply the scanlines to, and go layer>layer style> pattern overlay. Choose your scanline pattern and apply it at about 25%: attachment.php?attachmentid=21010&stc=1 C'est Beau, non? NOW, Your Done! Unless you want to add some fancy animation like mine.... attachment.php?attachmentid=21011&stc=1




Grimme

I like you

50 XP

3rd July 2004

0 Uploads

3,715 Posts

0 Threads

#2 14 years ago

:feedback: ^bump




Mr.cool

GF is my bext friend *hugs GF*

50 XP

2nd July 2004

0 Uploads

1,985 Posts

0 Threads

#3 14 years ago

omg thank you for doing this i owe you... anyways how do you place da brushes, and are the brushes just the paint brush?




Mr.cool

GF is my bext friend *hugs GF*

50 XP

2nd July 2004

0 Uploads

1,985 Posts

0 Threads

#4 14 years ago

wait i loaded the dub tastic stuff but all i get is letters and shit what do i do?




Mr.cool

GF is my bext friend *hugs GF*

50 XP

2nd July 2004

0 Uploads

1,985 Posts

0 Threads

#5 14 years ago

ok i got the brush stuff, by the way wich brush did you use? anyways im on the name part heres what i have so far what brush did you use cuz mine doesnt really look like yours also i cant get the letter/font thing to work how do i open it in photoshop?attachment.php?attachmentid=20864&stc=1




Mr.cool

GF is my bext friend *hugs GF*

50 XP

2nd July 2004

0 Uploads

1,985 Posts

0 Threads

#6 14 years ago

heres a better one, but how do you open the little font thing thats my mane problem i just need some help with the font and the brush i should useattachment.php?attachmentid=20872&stc=1




Sindrevike

I'm too cool to Post

31,580 XP

8th December 2004

0 Uploads

2,838 Posts

0 Threads

#7 14 years ago

nice job grim grom...too bad my ps is broken (watever i downloaded from Ares)




Mr.cool

GF is my bext friend *hugs GF*

50 XP

2nd July 2004

0 Uploads

1,985 Posts

0 Threads

#8 14 years ago

dam it Grim_Grom tell me how to use the font thingy




Homer Gonerson

...

50 XP

22nd December 2003

0 Uploads

6,234 Posts

0 Threads

#9 14 years ago

god damn dude, settle down and give the guy some time.... but gj grim, i like it... i think i'll use it




Grimme

I like you

50 XP

3rd July 2004

0 Uploads

3,715 Posts

0 Threads

#10 14 years ago

Hey Hey, Back to answer Questions and also fin the advanced bit. To Mr. Cool> Place in C:\Windows\Fonts mate and the Brush I used, were the one with a corrolation of dots in the corner, the one with a kind of fork of lighning in it and that screw-type one at low opacity. Then you can select it. At other people. Thanks for the feedback, it's aprreciated. :D