RS-Leigh

iTrader: (2)

As lots of people request for sigs to be made, and people want to learn how do do them.
I spoke to Adrian (section Mod) and offered to write a sig tutorial to show people how to make them, and more importantly make them to the proper size which is 550 x 150 at a maximum of 25k.

Before we start. I don’t claim to be an expert and there are methods which people will disagree with, but this a basic intro to making a sig. So no abuse please. If you have any info or tips then please add to the thread.

I will give you a step by step guide to making this sig using Photoshop 7.



Open up Photoshop and select the following windows.

WINDOW
TOOLS,
OPTIONS,
STYLES,
LAYERS,
STATUS BAR



These are all you will need to start off with.

Now we need to create a new blank canvas to make our sig.

FILE
NEW

Select the following sizes, 1000 by 300, with around 70 pixel/cm (yes this is to big but it will all become clear later.



Now open the images you want to use.

FILE
OPEN



You should have the screen like above, note the layer window at the bottom right. This layer has a padlock symbol beside it. This means we can’t adjust it so we have to make a copy. Right click on the layer and select ‘Duplicate Layer’. You can give it a name if you want to.

Open the rest of the images you want to use and duplicate them all.

So now I have 3 images I want to use to create the sig, and I have duplicated all of them.

Note – Each image has a separate layer pallet, by clicking on the selected image you will see that the layer window changes to show the layers of that individual image.



Now to start creating the sig.

Minimise your images so that you only have the new blank on the screen. Once you have worked out what you want for the background colour select the ‘Fill Tool’



Using the styles pallet you can find the correct pattern/ colour you want.
I have chosen an orange/yellow background.



Now I want to transfer my engine image onto the new sig.
Bring up your image, make sure you have the duplicate layer highlighted,



Now left click and hold the layer box in the ‘Layer Window’ and drag the box onto the new sig. The image will now be inside the sig, and note that you have created a new layer automatically in the new sig ‘Layer Window’.



Basically you are creating a wedding cake effect with it made up of lots of individual layers. We can select each layer and change as we see fit. So if you are not happy with your background colour choice, you can select that layer and change it without having any effect on the other layers. You can also delete a layer at any time by right clicking on the layer box in the ‘Layer Window’ and selecting delete.

You can also select

EDIT
UNDO

Or

EDIT
STEP BACKWORD

at any time if you make a mistake.

Now minimise the original image so all you have is the new sig.

Press Ctrl and T at the same time and you will get a box around the picture like this. Easier to maximise the new sig before you do this.



You can now adjust the image size and place it wherever you want on the new sig. Also by holding the CTRL button you can adjust the ‘skew’ of the image.

Below I have stretched the image to fill the box and then reduced the opacity in the ‘Layer Window’ to create this effect.



Now minimise the new sig and bring up your next picture to adjust.

I want to cut this image out before transferring it to the new sig.

Select the ‘Polygonal Lasso’ tool from the ‘Tool Window’, now carefully go round your image until you join the start and end points up. Dashed line should now flash. If you make a mistake at any time hit the Esc button and start again.
I also want to get rid of a piece of the road from under the car so you hold the Alt button as you trace round this shape.
You should end up with something like this.



Select the ‘Move’ Tool and drag this layer onto the new sig and adjust as before for size and position.
Carry out the same principles for the rest of your pictures.



Now we add some text.
Select the ‘Text Tool’ in the ‘Tool Window’, position the curser where you want to start the text. Adjust the size, colour and font as you would normally using the top toolbar. Select the ‘Move Tool’ in the ‘Tool Window’ so you can now move the text wherever you want.



You will have to select the ‘Text Tool’ and highlight the text if you want to change size and font etc.

Now for the text effects.

Select-LAYER, LAYER STYLE, then choose an option. I have chosen Bevel and Emboss. Now have a play and adjust as you see fit.



Well done, you have created a sig.

Nearly finished.

We now have to merge all the layers together to create one picture. At the moment we have lots of different pictures on top of each other.

Select
LAYER
FLATTEN IMAGE

Note that you now only have one layer in your ‘Layer Window’



Next we have to save the file. Usual steps
FILE
SAVE AS
Make sure you save the picture as a JPEG.
You now get this window



By moving the bar from Low to High you will adjust the size and quality of the file. Select around 35k-40k at 56.6kps in the size window.

Now if we look at the image in My Pictures you can see that the file is too big. 50k to be exact and still 1000 x 300 pixels in size.



Download the following Pixel Resizer Program –

http://bluefive.pair.com/pixresizer.htm

Open up the Pixresizer program and load your sig. Now select the reduction box to 50% and save the new smaller sig. Sig is now 500 x 150, remember original was 1000 x 300, you have now reduced the size of the file but still kept decent quality. This is the whole point of doing it this way. If you select 500 x 150 originally in Photoshop, when you save and reduce quality, the sig can look very poor. This way you keep more quality.



I had to reduce the file even more using the custom selection. Sig is now 480 x 144 pixels and is 25k in size.



Job done.

There are lots more things that can be done with Photoshop, this is just the tip of the ice-berg, just take your time and have a play.

Like I said at the start, this is a basic sig to show you all where to start and hopefully demonstrate that it is easy stuff. Remember and just adjust each layer at a time and build the sig up to what you want.

If you have any other useful tips then please add to the topic.

Enjoy

Leigh

Adrian

Many Many thanks for the time and effort Leigh has taken to put this tutorial together.

Stu @ M Developments

iTrader: (12)

Fantastic effort pal

RS-Leigh

iTrader: (2)

Thanks

Lets just hope people use it!!

Leigh

Bouncing Cougar

WOW !!

Thank you so much Leigh

Ive had Photo Shop for over a year now but never really knew how to use it The best I could do was my Sig below

Ive just followed your 'How To' & made this...



It's only my first attempt but I'm really pleased with it

Top marks Leigh for an excellent 'How To' I found it really easy to follow

GazzaG

nice bit of work there fella



Bouncing Cougar
thats not bad for a starter keep having a fiddle and you will get better

Bouncing Cougar

Cheers Gaz

Ive had another 'fiddle' & made this for my mate.....


I'll be at it all day now

Maz

RS-Leigh

iTrader: (2)

Thanks mate, glad you found it useful. Its all easy stuff

Leigh

Phil (",)

Just tryed one myself not the best but ay. its only me first time thanks for the tutorial

Eagle

iTrader: (2)

blooody excelent mate

many thanks for this .. have inccluded it in the pm's i send out

Doug

Fantastic


OOOOOOOOH and me car is famous lol

James-W

Thanks cool guide Leigh and thanks for doing my sig.

BM

Excellent Tutorial mate

Alot of time/effort

s2_rsturbo

I've been looking for a thread like this for ages!! thanks mods

24vmk3

this is great!!!!!!!!!!
never could work photoshop I havnt tried it yet but I think i will have to reload it

thanks

your a star

righthooker

good tutorial...just made this one for my dad

rst_cabby

My first attempt - Good instructions - Top

jaimesdna

iTrader: (3)

good thread . been wanting to do one for ages but didnt know how . here's my first atempt

COSSIE CAL

damn went through it all and found out i have 8 something!! need one!!

ford-driver

Hey, do ya recon it would be very similar steps with adobe photoshop 8 ? Thanks

RS-Leigh

iTrader: (2)

Don't know mate, but it cannot be that much different, just follow the same principles and see how you go.

Leigh

DaveAVT

Why dont you just use Photoshop to resize?

RS-Leigh

iTrader: (2)

Yes mate you can do it that way, this was the way that I was shown, as your picture quality remains better, but you can use the 'save to web' function in Photoshop (which i discovered after writing the tutorial)

As I stated at the start of the tutorial, people do sigs in different ways, some use Paint Shop Pro and some use Microsoft Paint. each to ther own and all that. I also mentioned that if anyone had any tips or tricks then to post them up on the tutorial then we can all learn new ways.

Leigh

vfj

Thanks mate

jason_nike

What a fantastic tutorial.
When I get photoshop I`m gonna use this and have a go

COSSIE CAL

how do you resize?is it 1000 by 300?

RS-Leigh

iTrader: (2)

either use the pix resizer program in the first post, or select IMAGE, IMAGE RESIZE in Photoshop.

resize to 550x150 but less than 25k in size when you save it.

Leigh

Posty-ST

I would if I had photoshop lol

Diamonds.

iTrader: (2)

thats a great lesson always had photoshop but never tried to make a sig and you made it so easy cheers mate

rs1600cab

hi sorry im the first to ask this wil photo 9 do the same i cant get it to work ?

gwagner00

Thanks for this helpful tutorial! I hope I can create one..

Jay,

iTrader: (4)

cheers leigh spot on tutorial

hawko

allways wondered how i got one now i know thanks ,very well put together

yellowsierra

all i need now is photoshop 7
Anyone got a link to it
Regards
Ian

PastyKing

RS-Leigh
im following your instructions and im struggling with the image im dragging in being too big? as you can see its too big and i cant get the full picture within the box can anyone help please?

PastyKing

cancel that above,
ive sussed it out ctrl + t does the trick
great thread im still pretty crap at sigs but ill keep practising

rsdan123

iTrader: (3)

nice work cheeRS for your time! just need to find photoshop 7.... as above if any one knows free download link please can you post

rsdan123

iTrader: (3)

found photoshop 7 for free on winMX with the password key

ANDY1711

i have 2 problems 1 is it wont let me put in 70 pixels/cm it keep changing to 30
2 is when you drag the duplicate image over to the sig it doesnt go in to it just sits on top help me please it driving me nuts

ANDY1711

its o.k. i got it this is great one i did for starters will mess about and make some more thanks for this