Jump to content

[TUT] - Full signature tutorial


matt27689

Recommended Posts

Over the past couple of weeks I have been using tutorials on websites, don't know if I can give links but anyway I finally decided to have a go at making my own signature totally from scratch with no multi-tasking, just me and photoshop.

 

I got a good result and decided to make a tutorial, so here it is.

 

1. For this tutorial I will be using this picture. I got it from google and typed "tekken".

 

user posted image

 

2. Now you need to a blank space with a white background for your signature. I'm using a 400 x 150 box. Your'es can be any size.

 

user posted image

 

3. Open you're picture and size it down (image > image size, just change the width and the height will automatically change) until you get a certain part that fits nicely into the area. Then you need to render it so it hasn't got a background. Use this topic to explain that part. The copy and paste it into a new canvas that is set as a transparant background.

 

user posted image

 

This is my rendered picture

 

user posted image

 

4. Copy and paste it into your signature box and position how you want, you'll need to come and copy and paste it again so don't close that box.

 

user posted image

 

Anyway, once you copied and pasted into your signature go blur > motion blur and use these settings.

 

user posted image

 

5. Now hit cntrl + J and move the blur around, then press cntrl + J again, and move the blur. Keep doing this until the whole area is a blur.

 

user posted image

 

Then press cntrl + shift + e to merge all the layers. Now go blur > motion blur > ok.

 

user posted image

 

6. Now go filter > distort > ocean ripple, and use these settings.

 

user posted image

 

You should have something like this.

 

user posted image

 

 

 

I have run out of image space, so I will provide links to imageshack.

 

 

 

7. Now what you wanna do make a new layer. Shift + cntrl + alt + n, now get your magic wand out. :I Use these settings.

 

http://img214.imageshack.us/img214/1429/11...settings7qo.png

 

Hold down shift and click a few areas, so some parts are selected. It's likely you'll only be able to select one part, but I got 2, top and bottom.

 

http://img214.imageshack.us/img214/6964/125sc.png

 

Now go edit > fill and select a pattern. Either gridlines, scanlines, or the pattern I used which looks like this.

 

http://img214.imageshack.us/img214/9332/137mq.png

 

Obviously, I used black to show you, but you will use white, to save your pattern. Go edit > define pattern > ok. Back to the signature, go edit > fill, then select your pattern and use these settings.

 

http://img214.imageshack.us/img214/9606/144qa.png

 

Now you have this.

 

http://img214.imageshack.us/img214/1032/159xd.png

 

Now, set your settings to Overlay and opacity 50% like so.

 

http://img214.imageshack.us/img214/2550/16opacity5co.png

 

8. Now bring back your trusty render that you had minimized, didn't you. Copy and paste and put where you want.

 

http://img214.imageshack.us/img214/6631/179kh.png

 

9. Now whip out your rubber and use a size 65 soft brush.. heres a pic.

 

http://img214.imageshack.us/img214/8168/182bn.png

 

..and whiz round the outline of your new picture so it blends in.

 

Heres my before and after blend.

 

http://img214.imageshack.us/img214/1079/195ms.png

 

10. Now with the layer still selected go filter > sharpen > sharpen, then press cntrl + f. (it's just repeating it). (you may not need to do this, just depends on how your picture looks, you decide)

 

http://img214.imageshack.us/img214/273/205yv.png

 

11. Okay, now you need to find either, a bigger picture of the thing you are focusing on, or something related to it. Something that will cover the entire sig. I used this picture.

 

http://img214.imageshack.us/img214/599/217fz.png

 

12. Now copy and paste that picture ontop of everything and add a layer mask.

 

http://img214.imageshack.us/img214/804/22s...ayermask9ay.png

 

Using your soft brush size 65, brush the area where your main picture is, then set the opacity of the layer to 60%.

 

http://img214.imageshack.us/img214/3092/235si.png

 

13. Now for text, I'm using the font "28 Days later", colour white. Make the first letter size 72, and the next set of letters size 30.

 

Then double click each letter layer and use these settings.

 

http://img214.imageshack.us/img214/7967/241gu.png

http://img214.imageshack.us/img214/708/254gv.png

 

14. Here is my final piece

 

http://img214.imageshack.us/img214/2117/262xr.png

 

Oh and also, I'm not very good with rendering hair. Thats why it looks a tad white around it.

 

 

Heres some other outcomes.

 

 

http://img252.imageshack.us/img252/1580/pink2gu.png - matt27689

http://img494.imageshack.us/img494/6365/night0pl.png - matt27689

http://img229.imageshack.us/img229/7983/ye...4mehitrs9hb.jpg - ImHereToStay

http://img207.imageshack.us/img207/4751/spiy2fm.png - matt27869

http://i30.photobucket.com/albums/c348/Shi...Kenshinsig2.jpg - Cubano

http://i27.photobucket.com/albums/c173/LotusJet/zeldaza.png - Jonny Tightlips

http://img65.imageshack.us/img65/5199/wuzi9ei.png - matt27689

 

Some people will like, some people won't.

 

Enjoy. smile.gif

Edited by matt27689
Link to comment
Share on other sites

Wao good job, really, i might just use that. But what is the program used, like what photoshop?

/Rates good.

QF1SfST.png

Link to comment
Share on other sites

I used adope photoshop 7.0.

 

If anyone makes a signature using it, then please post your results.

 

Thanks baptiste. icon14.gif

Link to comment
Share on other sites

Really nice job, Matt. Looks like it's easy to follow, well done. I'll have a go and post my result. smile.gif

 

/rates good. - Mike

Banned
Link to comment
Share on other sites

lol, explanative.

 

Nice Tutorial, shame about running out of image space, but you still got them in there biggrin.gif

 

I might just use this, my mate uses the same method to make sigs.

 

icon14.gif


in5dJdX.png

Link to comment
Share on other sites

Nice tutorial you made there, man. Can help people making some descent sigs and I guess it doesn't take a lot of time to make.
Link to comment
Share on other sites

 

Heres another outcome of mine:

 

http://img494.imageshack.us/img494/6365/night0pl.png

Wao that is rreally nice. I really like it. Im starting a sig using this TUT now. Il post the outcome tomorow or later tonight.

Wel see how bad i suck. tounge.gif

 

 

 

Edit-Okay i tired, i failed, and got frustated and closed photoshop. Could anyone please give ma some pics to make sigs from. I could not find any decent pics. sad.gif Help would be appreciated. smile.gif

Edited by baptiste

QF1SfST.png

Link to comment
Share on other sites

 

 

7. Now what you wanna do make a new layer. Shift + cntrl + alt + n, now get your magic wand out. :I Use these settings.

 

http://img214.imageshack.us/img214/1429/11...settings7qo.png

 

Hold down shift and click a few areas, so some parts are selected. It's likely you'll only be able to select one part, but I got 2, top and bottom.

 

http://img214.imageshack.us/img214/6964/125sc.png

 

Now go edit > fill and select a pattern. Either gridlines, scanlines, or the pattern I used which looks like this.

 

http://img214.imageshack.us/img214/9332/137mq.png

 

Obviously, I used black to show you, but you will use white, to save your pattern. Go edit > define pattern > ok. Back to the signature, go edit > fill, then select your pattern and use these settings.

 

http://img214.imageshack.us/img214/9606/144qa.png

 

Now you have this.

 

http://img214.imageshack.us/img214/1032/159xd.png

 

 

 

 

This part i couldnt get but i love this way this is what i pulled off

 

user posted image

Edited by Cubano
Link to comment
Share on other sites

I can't get past step 3. My image keeps showing up with the white background instead of transparent, Does anyone know what I did wrong. I specifcally followed all of the steps.

Link to comment
Share on other sites

Not a bad tutorial, although one thing, do you reckon you could show off a different effect in the background instead of the "ripple" or "watery" one you used in the tutorial, as i think it could look better with a different effect, becuas eon the Tekken one the background lokks a bit odd to me.

 

Good Tutorial though icon14.gif

user posted image
Link to comment
Share on other sites

Yes, it's set to Transparent. I can't fill in the white background with a transparent color. It just appears white.

Link to comment
Share on other sites

Jonny_Tightlips

Here's my try:

user posted image

 

Good tutorial.

 

edit: If anyone wants the psd format so they can edit the text and use it, PM me.

Edited by Jonny Tightlips

...besides that I ain't sayin nuthin.

Link to comment
Share on other sites

Can someone please help me with mapper a transparent color? And explain it thoroughly since I have no clue to where most of the actions are.

Edited by BurnoutLS13
Link to comment
Share on other sites

Nice one Jonny. Came out well..

 

Sorry burnout, can't help... because.. Just use the help tool you get with photoshop and it'll explain all the basics there.

 

Also, if anyone posts there result they get a link to it at the bottom of the tutorial... exciting huh?

Link to comment
Share on other sites

user posted image

 

Another outcome. smile.gif

I think it needs a border. Or a thicker one at least, thought its good. Il Post mine if i do one which i probably will k.

 

Anyonecare to post a few good pics for me to use?

QF1SfST.png

Link to comment
Share on other sites

  • 1 year later...

BUMP

 

But I just couldn't resist to say that really helped man, quite hard to remember though but here's mine

 

user posted image

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • 1 User Currently Viewing
    0 members, 0 Anonymous, 1 Guest

×
×
  • Create New...

Important Information

By using GTAForums.com, you agree to our Terms of Use and Privacy Policy.