My Easy sig making Tutorial!

Shawk · 26th April 2008, 04:21

Hey, I made this for a friend a few days ago, thought id post it here too. If you used it post what you made with it !)

(Note. The Layer properties I use might not work with different colors, you need to play around with them to see which one works best with your colors. Also, this is using Photoshop.)

First, start out with a basic 400x100 image with a background, (Color doesnt matter..)

Next, add an image, I'm using a Mortal Online Concept art downsized to about 500x361.

Next, clean up the left to be the same color as the rest of the added image.

Then, go anywhere online and steal a rock formation, search, "Rock formation," and copy that image, paste it into your image.

Like this one for example..

http://Shawk.info/tutorial/5.jpg

Paste it into your image..

Now, how I did this, was I pasted the rock formation into the image, then changed that images layer to Darken. This is where this could completely not work with your image, the character could be completely covered by the rocks or be to light or dark etc..

What you have to do is play around with the different layer properties so that it automaticly does the croping for you so that the rock formation goes right behind the 1st image.

Once you are done that, grab another rock formation.. like this one.

http://bry07.deviantart.com/art/Muss...ation-79134115

Paste it into your image, and change that layers properties to work with your current image, chances are you will get something like this..

Just use your eraser and erase the layer off the Rhino, this doesnt need to be perfect..

Here is what you get..

Next, make a new layer..

Then go to Image>Apply image.. Make sure you have that new layer selected.

With that new layer still seleted, go to Filter>Sharpen.

And the result..

Now, for a border, Make a brand new layer, like you did above then take your Rectangle Margue tool or press (M) and go over your image, like soo..

Right click the image while your image is boxed and go down to stroke, make that stroke about size 3 and black, or whatever your heart desires.. its your border.

Then after creating your basic border, you can leave it like that.. or make sure you have your border layer selected and go down to overlay (also depends on your image colors, so play around as much as you want with different layers till you get something you are satisfied with.

The result of all this work..

This is pretty basic stuff, but with changing the layers properties you can pretty much make anything look pretty sick with very little effort.. Enjoy.

If you finished this and liked it, try other things, like instead of rock formations.. use Trees or Fire, you can make anything look sick by just changing the Layer's properties.

(Please don't flame, this is for newb photoshopers only that have been asking me how to make there own sigs, if you don't like it or think i'm a newb and my sigs blow ass keep it to yourself..)

ViolentWhisper · 26th April 2008, 04:29

Made sticky. +1 rep from me.

Post questions here and Shawk will answer them.

Geo · 26th April 2008, 06:17

Quote:

Originally Posted by ViolentWhisper

Post questions here and Shawk will answer them.

a/s/l?

Captain Crackers · 27th April 2008, 13:40

pretty neat tutorial...
but you'll never beat my super awesome smugde skills!
http://i25.photobucket.com/albums/c8...m89/smugde.jpg
http://i25.photobucket.com/albums/c8...Untitled-5.jpg
The mods should add a thingy...

Killermandude · 27th April 2008, 22:50

Quote:

Originally Posted by Captain Crackers

pretty neat tutorial...
but you'll never beat my super awesome smugde skills!
http://i25.photobucket.com/albums/c8...m89/smugde.jpg
http://i25.photobucket.com/albums/c8...Untitled-5.jpg
The mods should add a thingy...

Those...are...so..badass...
It almost hurts to look at them they own so hard.
+1.

Captain Crackers · 28th April 2008, 01:43

I know i'm just super awesome. I pwn PS CS3!

Killermandude · 29th April 2008, 15:12

Shawk - I'm pretty horrible with CS (I have CS2 at my disposal)
How would I go about resizing images?
I have a few that would work, but they change pixel and scale every time I move them to a new pallete. Any tips?

Lotharr · 29th April 2008, 18:17

Quote:

Originally Posted by Killermandude

Shawk - I'm pretty horrible with CS (I have CS2 at my disposal)
How would I go about resizing images?
I have a few that would work, but they change pixel and scale every time I move them to a new pallete. Any tips?

Ctrl+T?

When "transforming" an image, remember to hold Shift if you want to keep the original scaling to the image.

Shawk · 29th April 2008, 18:32

Quote:

Originally Posted by Killermandude

Shawk - I'm pretty horrible with CS (I have CS2 at my disposal)
How would I go about resizing images?
I have a few that would work, but they change pixel and scale every time I move them to a new pallete. Any tips?

Ctrl+T works for a Layer, But if you want to Resize the whole image to copy then paste over to a new image, you need to make sure both images are in PSD format.

As long as both are psd you shouldnt have a problem, the sizes will all be the same.

Normally what I do if I am taking the image from the internet is instead of saving the image, I just right click the image and press Copy, then go into photoshop, go to new, then paste. Automaticly sizes it for you in psd + you don't have to have the image saved on your computer.

Tradgedy12 · 29th April 2008, 18:54

Yeah, I do that a lot too, Shawk. I usually do that kinda thing with an aspect of my pictures, like the flames in my sig... but for things that I want to play around with a lot, it's not really much of a hassle to create a folder for it and save all the components into it. That way, if I crop part of my sig and then later decide I want the full picture that I had already cropped, I can just go into the folder and get the original, and put it back in. But then things can get messy, if you're using too many layers.... guess that's where Adobe Bridge can come in handy

I know my sig here is pretty crappy, I didn't really put any effor into it. If we can get larger sigs, I'll probably make something like my Hellgate forums sig, this guy.

Mulambo · 29th April 2008, 22:32

why don't you use the gimp?

Nehemia · 30th April 2008, 07:58

Quote:

Originally Posted by Mulambo

why don't you use the gimp?

Some of us can afford using PS CS3, and at least in my opinion, its more efficent program, but if you don't got either one, gimp wins, by price.

P.S Shawk, wouldn't multiply be better choice than darken? Otherwise, great tutorial.

Killermandude · 30th April 2008, 14:34

Sig's not turning out too bad XD
How is the text done to make it with opacity?
(I've never even used CS before so I'm essentially just winged it to where I'm at now)

Nehemia · 30th April 2008, 15:39

Quote:

Originally Posted by Killermandude

Sig's not turning out too bad XD
How is the text done to make it with opacity?
(I've never even used CS before so I'm essentially just winged it to where I'm at now)

Easiest way is to apply opacity through the "Layer" window, theres automatical selection of opacity from 0-100%. Default is 100%.

Shawk · 1st May 2008, 01:50

Quote:

Originally Posted by Killermandude

Sig's not turning out too bad XD
How is the text done to make it with opacity?
(I've never even used CS before so I'm essentially just winged it to where I'm at now)

Right click the text layer, go to blending options, and choose options through there, also, just like the other layers you can change them to multiply or overlap etc..

OMGPIE · 4th May 2008, 06:48

Hooray Shawk!

Alix · 4th May 2008, 15:25

Making sig's are easy, the question is how to get around the 9,8kb restriction without totally raping the quality?

Jusik · 4th May 2008, 16:02

I have a good smudge technique that I will post later

Shawk · 4th May 2008, 22:30

Quote:

Originally Posted by Alix

Making sig's are easy, the question is how to get around the 9,8kb restriction without totally raping the quality?

Keep the sigs around my sigs size and bring the quality to as close to 9.8kb as you can.. and make sure its in .jpg not .gif.. making sigs is alot harder then that.

Alix · 4th May 2008, 23:31

Hey, to each one his own. I prefer using things that go with the theme rather then most who slap a picture on an abstract and call it art. I see you are into pretty much the same thing as me, but according to me i find it easy to work with ps and making sigs.

my trouble is however in Photoshop i have to set the jpeg to like 3-4, which makes it a bit grainy, for it to fit the size

Killermandude · 5th May 2008, 15:41

I can't help but agree - I have the sig made, in like 4 different god damned versions, the lowest size I can get it to is like 15....

As a JPG at 75% of original size of a 400x100 pixel palette, it's 15...

WHY THE HELL...
If I shrink the image down, the file size grows....
I just took it down to 325 pixels by 100, from 400x100...and it went up to 30.75

Viluin · 12th May 2008, 18:41

The sig you made for this tutorial can't be used on this forum, it's too large.

gg.

Shawk · 12th May 2008, 23:40

Quote:

Originally Posted by Viluin

The sig you made for this tutorial can't be used on this forum, it's too large.

gg.

The tutorial was not meant for only these forums, like i said, i made it for a buddy before i made it for these forums.

If you want your sig to run on these forums, when you save the image, save it as a .jpg and bring the quality down to about 40%. The size is just a generic example.

MasterMind · 1st June 2008, 01:15

Nice tutorial + rep

Leumax · 11th August 2008, 09:55

Dude Thanks alot, look at what i did with it! I DID A MASTER PIECE!, Well its my first signature and i love it!

lokius · 11th August 2008, 10:57

+rep from me too, makes me want a MO themed sig. =D

Prototype · 4th January 2009, 19:25

Thx now I know how to make a cool sing

Am3oo · 23rd January 2009, 14:00

nice tutorial! will be getting one soon enough +

Magnum1 · 29th January 2009, 06:32

good tutorial for those unfamiliar ... +1

Galather · 29th January 2009, 07:27

Quote:

Originally Posted by Killermandude

Those...are...so..badass...
It almost hurts to look at them they own so hard.
+1.

Haha

Murata · 26th February 2009, 07:59

Thanks mate, now I have to get a program that does that.

mspike6 · 27th February 2009, 05:26

Thanks for the Awesome Tutorial

+1

Kyoji · 8th March 2009, 10:41

too bad the forums have really bad size limitations. Photoshop won't even talk with me at 9kb.

Nehemia · 10th March 2009, 00:33

Quote:

Originally Posted by Kyoji

too bad the forums have really bad size limitations. Photoshop won't even talk with me at 9kb.

Use the "Save for Web and Designs", at least for me I can have decent quality for 8kb. Here's an example:

moop · 23rd March 2009, 02:36

great guide, thanks for the help

Die_Scream · 23rd March 2009, 09:05

Awesome!

Nessur · 24th March 2009, 22:08

Hmm... I just made a sig, with 400x100 and all but its always to big- i get this message when i try to use it "Your file of 37.3 KB bytes exceeds the forum's limit of 9.8 KB for this filetype"
Any idea what to do?

Spiderspy · 25th March 2009, 18:55

Use save for web you can trix around there a bit to make it smaller. its on file

Santa · 15th May 2009, 21:05

The pics are broken.

Genghis Khan · 25th May 2009, 12:45

What Santa said.

26th April 2008, 04:21	#1 (permalink)
Shawk Member Join Date: Apr 2008 Location: British Columbia, Canada Posts: 1,536 Rep Power: 0	My Easy sig making Tutorial! Hey, I made this for a friend a few days ago, thought id post it here too. If you used it post what you made with it !) (Note. The Layer properties I use might not work with different colors, you need to play around with them to see which one works best with your colors. Also, this is using Photoshop.) First, start out with a basic 400x100 image with a background, (Color doesnt matter..) Next, add an image, I'm using a Mortal Online Concept art downsized to about 500x361. Next, clean up the left to be the same color as the rest of the added image. Then, go anywhere online and steal a rock formation, search, "Rock formation," and copy that image, paste it into your image. Like this one for example.. http://Shawk.info/tutorial/5.jpg Paste it into your image.. Now, how I did this, was I pasted the rock formation into the image, then changed that images layer to Darken. This is where this could completely not work with your image, the character could be completely covered by the rocks or be to light or dark etc.. What you have to do is play around with the different layer properties so that it automaticly does the croping for you so that the rock formation goes right behind the 1st image. Once you are done that, grab another rock formation.. like this one. http://bry07.deviantart.com/art/Muss...ation-79134115 Paste it into your image, and change that layers properties to work with your current image, chances are you will get something like this.. Just use your eraser and erase the layer off the Rhino, this doesnt need to be perfect.. Here is what you get.. Next, make a new layer.. Then go to Image>Apply image.. Make sure you have that new layer selected. With that new layer still seleted, go to Filter>Sharpen. And the result.. Now, for a border, Make a brand new layer, like you did above then take your Rectangle Margue tool or press (M) and go over your image, like soo.. Right click the image while your image is boxed and go down to stroke, make that stroke about size 3 and black, or whatever your heart desires.. its your border. Then after creating your basic border, you can leave it like that.. or make sure you have your border layer selected and go down to overlay (also depends on your image colors, so play around as much as you want with different layers till you get something you are satisfied with. The result of all this work.. This is pretty basic stuff, but with changing the layers properties you can pretty much make anything look pretty sick with very little effort.. Enjoy. If you finished this and liked it, try other things, like instead of rock formations.. use Trees or Fire, you can make anything look sick by just changing the Layer's properties. (Please don't flame, this is for newb photoshopers only that have been asking me how to make there own sigs, if you don't like it or think i'm a newb and my sigs blow ass keep it to yourself..) __________________ Last edited by Shawk : 21st July 2009 at 10:44.

29th April 2008, 18:54	#10 (permalink)
Tradgedy12 Junior Member Join Date: Apr 2008 Location: Portland, Oregon Posts: 43 Rep Power: 0	Yeah, I do that a lot too, Shawk. I usually do that kinda thing with an aspect of my pictures, like the flames in my sig... but for things that I want to play around with a lot, it's not really much of a hassle to create a folder for it and save all the components into it. That way, if I crop part of my sig and then later decide I want the full picture that I had already cropped, I can just go into the folder and get the original, and put it back in. But then things can get messy, if you're using too many layers.... guess that's where Adobe Bridge can come in handy I know my sig here is pretty crappy, I didn't really put any effor into it. If we can get larger sigs, I'll probably make something like my Hellgate forums sig, this guy. __________________ Remember the dead - but fight for the living.

29th April 2008, 22:32	#11 (permalink)
Mulambo Junior Member Join Date: Apr 2008 Posts: 85 Rep Power: 0	why don't you use the gimp? __________________ "Great war, or greatest war?"

4th May 2008, 06:48	#16 (permalink)
OMGPIE Member Join Date: Apr 2008 Location: Omnipresent Posts: 1,503 Rep Power: 0	Hooray Shawk! __________________

4th May 2008, 16:02	#18 (permalink)
Jusik Member Join Date: Apr 2008 Age: 31 Posts: 381 Rep Power: 0	I have a good smudge technique that I will post later __________________

26th April 2008, 04:29	#2 (permalink)
ViolentWhisper Member Join Date: Apr 2008 Posts: 745 Rep Power: 0	Made sticky. +1 rep from me. Post questions here and Shawk will answer them.

27th April 2008, 13:40	#4 (permalink)
Captain Crackers Member Join Date: Apr 2008 Location: Norway Posts: 144 Rep Power: 0	pretty neat tutorial... but you'll never beat my super awesome smugde skills! http://i25.photobucket.com/albums/c8...m89/smugde.jpg http://i25.photobucket.com/albums/c8...Untitled-5.jpg The mods should add a thingy...

28th April 2008, 01:43	#6 (permalink)
Captain Crackers Member Join Date: Apr 2008 Location: Norway Posts: 144 Rep Power: 0	I know i'm just super awesome. I pwn PS CS3!

4th May 2008, 15:25	#17 (permalink)
Alix Newbie Join Date: Apr 2008 Posts: 24 Rep Power: 0	Making sig's are easy, the question is how to get around the 9,8kb restriction without totally raping the quality?

4th May 2008, 23:31	#20 (permalink)
Alix Newbie Join Date: Apr 2008 Posts: 24 Rep Power: 0	Hey, to each one his own. I prefer using things that go with the theme rather then most who slap a picture on an abstract and call it art. I see you are into pretty much the same thing as me, but according to me i find it easy to work with ps and making sigs. my trouble is however in Photoshop i have to set the jpeg to like 3-4, which makes it a bit grainy, for it to fit the size

12th May 2008, 18:41	#22 (permalink)
Viluin Junior Member Join Date: Apr 2008 Location: The Netherlands Posts: 93 Rep Power: 0	The sig you made for this tutorial can't be used on this forum, it's too large. gg.

1st June 2008, 01:15	#24 (permalink)
MasterMind Junior Member Join Date: May 2008 Location: Virginia, USA Age: 23 Posts: 92 Rep Power: 0	Nice tutorial + rep

11th August 2008, 09:55	#25 (permalink)
Leumax Newbie Join Date: Aug 2008 Location: San Juan, PR Age: 20 Posts: 3 Rep Power: 0	Dude Thanks alot, look at what i did with it! I DID A MASTER PIECE!, Well its my first signature and i love it! __________________

11th August 2008, 10:57	#26 (permalink)
lokius Junior Member Join Date: Jul 2008 Posts: 52 Rep Power: 0	+rep from me too, makes me want a MO themed sig. =D

4th January 2009, 19:25	#27 (permalink)
Prototype Newbie Join Date: Aug 2008 Location: Slovenia Posts: 28 Rep Power: 0	Thx now I know how to make a cool sing

23rd January 2009, 14:00	#28 (permalink)
Am3oo Junior Member Join Date: Jan 2009 Location: Romania Age: 23 Posts: 113 Rep Power: 0	nice tutorial! will be getting one soon enough +

29th January 2009, 06:32	#29 (permalink)
Magnum1 Junior Member Join Date: Jan 2009 Posts: 50 Rep Power: 0	good tutorial for those unfamiliar ... +1 __________________ My alcoholism began when I started playing these games ... wonder why? "I've now been to 57 states, I think, one left to go. One left to go, Alaska and Hawaii I was not allowed to go." (Sen. Barack Obama, Beaverton, OR, 5/9/08) ---- umm ... there are 50 states sir.

26th February 2009, 07:59	#31 (permalink)
Murata Senior Member Join Date: Feb 2009 Location: Australia Posts: 3,106 Rep Power: 0	Thanks mate, now I have to get a program that does that.

27th February 2009, 05:26	#32 (permalink)
mspike6 Member Join Date: Jan 2009 Posts: 372 Rep Power: 0	Thanks for the Awesome Tutorial +1 __________________ If you Find my Post Useful, Feel free to +1 Rep me

8th March 2009, 10:41	#33 (permalink)
Kyoji Junior Member Join Date: Sep 2008 Age: 27 Posts: 91 Rep Power: 0	too bad the forums have really bad size limitations. Photoshop won't even talk with me at 9kb. __________________ {(XoO)} Xen of Onslaught Last edited by StJudas : 9th March 2009 at 20:15. Reason: corrected language

23rd March 2009, 02:36	#35 (permalink)
moop Newbie Join Date: Mar 2009 Posts: 46 Rep Power: 0	great guide, thanks for the help

23rd March 2009, 09:05	#36 (permalink)
Die_Scream Member Join Date: Mar 2009 Location: Vancouver, Canada Age: 38 Posts: 849 Rep Power: 0	Awesome!

24th March 2009, 22:08	#37 (permalink)
Nessur Junior Member Join Date: Mar 2009 Location: De_Dust2 Id guess Posts: 75 Rep Power: 0	Hmm... I just made a sig, with 400x100 and all but its always to big- i get this message when i try to use it "Your file of 37.3 KB bytes exceeds the forum's limit of 9.8 KB for this filetype" Any idea what to do?

25th March 2009, 18:55	#38 (permalink)
Spiderspy Senior Member Join Date: Feb 2009 Location: Sweden Age: 20 Posts: 2,383 Rep Power: 0	Use save for web you can trix around there a bit to make it smaller. its on file __________________ Official /facepalm for you all from now on 2009 july 25. Please do not ruin my thread its made out of delicate spywebb.

15th May 2009, 21:05	#39 (permalink)
Santa Senior Member Join Date: Apr 2008 Location: Sweden Posts: 4,579 Rep Power: 0	The pics are broken. __________________

Partners

25th May 2009, 12:45	#40 (permalink)
Genghis Khan Member Join Date: May 2009 Location: Myrland Steppes Race: Khurite Posts: 606 Rep Power: 0	What Santa said. __________________ MOTO \| Nave News \| MO-Radio \| Guild Politics \| MORP الامبراطورية المنغولية