Tutorial - How to make a Sig

RS-Leigh · 14-03-2006, 10:50 PM

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

If you were logged in, you wouldn't be seeing this ad!
Register your free account today, or log in if you already have an account.

**Adrian** · 14-03-2006, 10:58 PM

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

**Stu @ M Developments** · 14-03-2006, 11:05 PM

Fantastic effort pal

RS-Leigh · 14-03-2006, 11:42 PM

Thanks

Lets just hope people use it!!

Leigh

Bouncing Cougar · 15-03-2006, 06:50 AM

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 · 15-03-2006, 07:03 AM

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 · 15-03-2006, 07:30 AM

Quote:

Originally Posted by foci-gaz

nice bit of work there fella

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

Cheers Gaz

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

I'll be at it all day now

Maz

RS-Leigh · 15-03-2006, 07:49 AM

Quote:

Originally Posted by 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

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

Leigh

Phil (",) · 15-03-2006, 03:11 PM

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

**Eagle** · 15-03-2006, 05:20 PM

blooody excelent mate

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

Doug · 16-03-2006, 09:14 PM

Fantastic

OOOOOOOOH and me car is famous lol

James-W · 16-03-2006, 10:06 PM

Thanks cool guide Leigh and thanks for doing my sig.

BM · 24-04-2006, 05:44 PM

Excellent Tutorial mate

Alot of time/effort

s2_rsturbo · 25-04-2006, 02:44 PM

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

24vmk3 · 30-04-2006, 09:21 PM

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 · 01-05-2006, 04:32 PM

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

rst_cabby · 19-05-2006, 01:03 AM

My first attempt - Good instructions - Top

jaimesdna · 02-06-2006, 06:42 PM

good thread

. been wanting to do one for ages but didnt know how

. here's my first atempt

COSSIE CAL · 14-06-2006, 04:10 PM

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

need one!!

ford-driver · 18-06-2006, 01:11 AM

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

RS-Leigh · 18-06-2006, 10:28 AM

Quote:

Originally Posted by ford-driver

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

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

Leigh

DaveAVT · 18-06-2006, 12:17 PM

Why dont you just use Photoshop to resize?

RS-Leigh · 18-06-2006, 08:35 PM

Quote:

Originally Posted by DaveAVT

Why dont you just use Photoshop to resize?

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 · 17-07-2006, 06:42 PM

Thanks mate

jason_nike · 24-11-2006, 07:55 PM

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

COSSIE CAL · 27-11-2006, 04:45 PM

how do you resize?is it 1000 by 300?

RS-Leigh · 27-11-2006, 04:53 PM

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 · 28-11-2006, 01:56 AM

Quote:

Originally Posted by RS-Leigh

Thanks

Lets just hope people use it!!

Leigh

I would if I had photoshop lol

Diamonds. · 09-01-2007, 01:06 AM

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

rs1600cab · 12-04-2007, 08:59 AM

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

gwagner00 · 14-04-2007, 07:14 AM

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

**Sanchez_** · 18-07-2007, 12:46 PM

cheers leigh spot on tutorial

hawko · 24-08-2007, 07:51 PM

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

yellowsierra · 22-11-2007, 10:55 PM

all i need now is photoshop 7

Anyone got a link to it

Regards
Ian

PastyKing · 10-12-2007, 08:03 PM

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 · 10-12-2007, 10:57 PM

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 · 17-02-2008, 11:20 PM

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 · 19-02-2008, 05:29 PM

found photoshop 7 for free on winMX with the password key

ANDY1711 · 04-03-2008, 04:50 PM

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 · 04-03-2008, 06:56 PM

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

14-03-2006, 10:58 PM	#2
Adrian Super Moderator Garage is empty, add now Trader Score: (0) Join Date: May 2003 Location: Norwich, Norfolk, UK Posts: 7,637 Rep Power: 16	Many Many thanks for the time and effort Leigh has taken to put this tutorial together. __________________ http://www.7thnote.co.uk/ 360 : AdeBarbs69 PS3 : AdeBarbs69 Feel free to add.

14-03-2006, 11:05 PM	#3
Stu @ M Developments PassionFords Creator Garage is empty, add now Trader Score: (12) Join Date: May 2003 Location: Blackpool, UK Destination: Rev limiter Posts: 26,347 Rep Power: 36	Fantastic effort pal __________________ Best Regards, Stu . Click here to read my tuning articles. . Click here to visit our Brand NEW webshop. Find us on FaceBook.

15-03-2006, 06:50 AM	#5
Bouncing Cougar Virgin Garage is empty, add now Trader Score: (0) Join Date: Feb 2006 Location: Wakefield. West Yorkshire Posts: 5 Rep Power: 0	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 __________________

15-03-2006, 07:03 AM	#6
GazzaG 15K+ Super Poster!! Garage is empty, add now Trader Score: (0) Join Date: Mar 2005 Posts: 16,260 Rep Power: 23	nice bit of work there fella Bouncing Cougar thats not bad for a starter keep having a fiddle and you will get better __________________ 2003 Focus is here

15-03-2006, 03:11 PM	#9
Phil (",) Regular Contributor Garage is empty, add now Trader Score: (0) Join Date: Mar 2006 Location: Macc Posts: 274 Rep Power: 6	Just tryed one myself not the best but ay. its only me first time thanks for the tutorial __________________

14-03-2006, 11:42 PM	#4
RS-Leigh Too many posts.. I need a life!! Garage is empty, add now Trader Score: (2) Join Date: Aug 2005 Location: Fareham - HANTS Posts: 735 Rep Power: 7	Thanks Lets just hope people use it!! Leigh

15-03-2006, 05:20 PM	#10
Eagle Super Moderator Garage is empty, add now Trader Score: (2) Join Date: Jun 2003 Location: somwhere in wow Posts: 16,976 Rep Power: 25	blooody excelent mate many thanks for this .. have inccluded it in the pm's i send out __________________ UB40 NEWS http://www.ub40.co.uk/news.php

16-03-2006, 09:14 PM	#11
Doug Advanced PassionFord User Garage is empty, add now Trader Score: (0) Join Date: Sep 2003 Location: Shropshirsestashire Posts: 2,228 Rep Power: 11	Fantastic OOOOOOOOH and me car is famous lol __________________

16-03-2006, 10:06 PM	#12
James-W PassionFord Post Whore!! Garage is empty, add now Trader Score: (0) Join Date: Jul 2005 Posts: 6,309 Rep Power: 13	Thanks cool guide Leigh and thanks for doing my sig.

24-04-2006, 05:44 PM	#13
BM 15000 Garage is empty, add now Trader Score: (0) Join Date: Feb 2006 Posts: 38 Rep Power: 0	Excellent Tutorial mate Alot of time/effort

25-04-2006, 02:44 PM	#14
s2_rsturbo Too many posts.. I need a life!! Garage is empty, add now Trader Score: (0) Join Date: Sep 2004 Location: slough Posts: 551 Rep Power: 8	I've been looking for a thread like this for ages!! thanks mods __________________

30-04-2006, 09:21 PM	#15
24vmk3 Virgin Garage is empty, add now Trader Score: (0) Join Date: Apr 2006 Posts: 10 Rep Power: 0	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

01-05-2006, 04:32 PM	#16
righthooker PassionFord Post Whore!! Garage is empty, add now Trader Score: (0) Join Date: Jun 2003 Location: middlesbrough Posts: 4,249 Rep Power: 13	good tutorial...just made this one for my dad __________________ http://www.clevelandrsoc.com/

19-05-2006, 01:03 AM	#17
rst_cabby Regular Contributor Garage is empty, add now Trader Score: (0) Join Date: May 2006 Location: Bristol Posts: 246 Rep Power: 6	My first attempt - Good instructions - Top __________________ www.escortrsturbo.co.uk/forum AKA - Rscabby2 http://www.passionford.com/forum/viewtopic.php?t=196919

02-06-2006, 06:42 PM	#18
jaimesdna Advanced PassionFord User Garage is empty, add now Trader Score: (3) Join Date: Dec 2004 Location: great yarmouth Posts: 1,583 Rep Power: 9	good thread . been wanting to do one for ages but didnt know how . here's my first atempt __________________ my saff rebuild http://passionford.com/forum/restorations-rebuilds-and-projects/261868-saff-re-re-build-smooth-bay-rs500-style-bumper-bought-another-saff-update-17-3-11-a.html my rs1600i van build http://passionford.com/forum/restorations-rebuilds-and-projects/203327-mk4-to-mk3-escort-van-rs1600i-rep-new-pics-15-12-07-a.html

14-06-2006, 04:10 PM	#19
COSSIE CAL Advanced PassionFord User Garage is empty, add now Trader Score: (0) Join Date: Nov 2005 Location: staffs Posts: 2,237 Rep Power: 9	damn went through it all and found out i have 8 something!! need one!! __________________ the futures right... your backends sideways...

18-06-2006, 01:11 AM	#20
ford-driver 15000 Garage is empty, add now Trader Score: (0) Join Date: May 2006 Posts: 39 Rep Power: 0	Hey, do ya recon it would be very similar steps with adobe photoshop 8 ? Thanks

18-06-2006, 12:17 PM	#22
DaveAVT Regular Contributor Garage is empty, add now Trader Score: (0) Join Date: Jun 2006 Location: Essex Posts: 323 Rep Power: 6	Why dont you just use Photoshop to resize? __________________ http://www.kwik-fit.com/

17-07-2006, 06:42 PM	#24
vfj Virgin Garage is empty, add now Trader Score: (0) Join Date: Apr 2005 Location: lancs Posts: 10 Rep Power: 0	Thanks mate

24-11-2006, 07:55 PM	#25
jason_nike Advanced PassionFord User Garage is empty, add now Trader Score: (0) Join Date: May 2004 Location: East Sussex Posts: 2,179 Rep Power: 10	What a fantastic tutorial. When I get photoshop I`m gonna use this and have a go

27-11-2006, 04:45 PM	#26
COSSIE CAL Advanced PassionFord User Garage is empty, add now Trader Score: (0) Join Date: Nov 2005 Location: staffs Posts: 2,237 Rep Power: 9	how do you resize?is it 1000 by 300? __________________ the futures right... your backends sideways...

27-11-2006, 04:53 PM	#27
RS-Leigh Too many posts.. I need a life!! Garage is empty, add now Trader Score: (2) Join Date: Aug 2005 Location: Fareham - HANTS Posts: 735 Rep Power: 7	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 __________________ Hampshire RS Owners Group Chairman

09-01-2007, 01:06 AM	#29
Diamonds. BANNED BANNED Garage is empty, add now Trader Score: (2) Join Date: Jul 2006 Location: West London Posts: 12,633 Rep Power: 0	thats a great lesson always had photoshop but never tried to make a sig and you made it so easy cheers mate Last edited by L33 BYT; 23-05-2010 at 08:57 PM.

12-04-2007, 08:59 AM	#30
rs1600cab 15000 Garage is empty, add now Trader Score: (0) Join Date: Apr 2007 Posts: 28 Rep Power: 0	hi sorry im the first to ask this wil photo 9 do the same i cant get it to work ?

14-04-2007, 07:14 AM	#31
gwagner00 Virgin Garage is empty, add now Trader Score: (0) Join Date: Apr 2007 Posts: 4 Rep Power: 0	Thanks for this helpful tutorial! I hope I can create one..

18-07-2007, 12:46 PM	#32
Sanchez_ Super Moderator Garage is empty, add now Trader Score: (3) Join Date: May 2004 Location: south east Posts: 15,292 Rep Power: 23	cheers leigh spot on tutorial __________________

24-08-2007, 07:51 PM	#33
hawko Part of the Furniture Garage is empty, add now Trader Score: (0) Join Date: Jun 2006 Location: Aberdeen Posts: 158 Rep Power: 6	allways wondered how i got one now i know thanks ,very well put together

22-11-2007, 10:55 PM	#34
yellowsierra Advanced PassionFord User Garage is empty, add now Trader Score: (0) Join Date: Aug 2003 Location: on the kent and surrey border Posts: 1,788 Rep Power: 10	all i need now is photoshop 7 Anyone got a link to it Regards Ian __________________

10-12-2007, 08:03 PM	#35
PastyKing Advanced PassionFord User Garage is empty, add now Trader Score: (0) Join Date: Nov 2006 Location: Swindon,Exeter Posts: 1,645 Rep Power: 7	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?

10-12-2007, 10:57 PM	#36
PastyKing Advanced PassionFord User Garage is empty, add now Trader Score: (0) Join Date: Nov 2006 Location: Swindon,Exeter Posts: 1,645 Rep Power: 7	cancel that above, ive sussed it out ctrl + t does the trick great thread im still pretty crap at sigs but ill keep practising

17-02-2008, 11:20 PM	#37
rsdan123 Too many posts.. I need a life!! Garage is empty, add now Trader Score: (3) Join Date: Oct 2007 Location: Farnborough, Hampshire Posts: 938 Rep Power: 5	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 __________________ Cheers, Danny

19-02-2008, 05:29 PM	#38
rsdan123 Too many posts.. I need a life!! Garage is empty, add now Trader Score: (3) Join Date: Oct 2007 Location: Farnborough, Hampshire Posts: 938 Rep Power: 5	found photoshop 7 for free on winMX with the password key __________________ Cheers, Danny

04-03-2008, 04:50 PM	#39
ANDY1711 15000 Garage is empty, add now Trader Score: (0) Join Date: Jul 2006 Location: Glasgow,Scotland Posts: 34 Rep Power: 0	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 __________________

04-03-2008, 06:56 PM	#40
ANDY1711 15000 Garage is empty, add now Trader Score: (0) Join Date: Jul 2006 Location: Glasgow,Scotland Posts: 34 Rep Power: 0	its o.k. i got it this is great one i did for starters will mess about and make some more thanks for this __________________

04-03-2008, 06:56 PM
PassionFord Ford Focus Paid Advertisement