Quantcast

Jump to content

» «
Photo

[TUT] - Full signature tutorial

27 replies to this topic
matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#1

Posted 07 January 2006 - 12:49 PM Edited by matt27689, 18 January 2006 - 09:09 PM.

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.images...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.images.../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.images.../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.images.../9606/144qa.png

Now you have this.

http://img214.images.../1032/159xd.png

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

http://img214.images...6opacity5co.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.images.../6631/179kh.png

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

http://img214.images.../8168/182bn.png

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

Heres my before and after blend.

http://img214.images.../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.images...4/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.images...4/599/217fz.png

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

http://img214.images...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.images.../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.images.../7967/241gu.png
http://img214.images...4/708/254gv.png

14. Here is my final piece

http://img214.images.../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.images...580/pink2gu.png - matt27689
http://img494.images...65/night0pl.png - matt27689
http://img229.images...4mehitrs9hb.jpg - ImHereToStay
http://img207.images...751/spiy2fm.png - matt27869
http://i30.photobuck...Kenshinsig2.jpg - Cubano
http://i27.photobuck...Jet/zeldaza.png - Jonny Tightlips
http://img65.imagesh...199/wuzi9ei.png - matt27689

Some people will like, some people won't.

Enjoy. smile.gif

baptiste
  • baptiste

    Docking request accepted

  • Zaibatsu
  • Joined: 30 Aug 2005

#2

Posted 07 January 2006 - 01:08 PM

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

ExcuseMe
  • ExcuseMe

    Square Civilian

  • Awaiting Authorisation
  • Joined: 19 Dec 2005

#3

Posted 07 January 2006 - 01:38 PM

This is quite a good tutorial. Easy to read. Frequest images = easy to follow/understand. Well done.

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#4

Posted 07 January 2006 - 02:17 PM

I used adope photoshop 7.0.

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

Thanks baptiste. icon14.gif

Mike_Toreno
  • Mike_Toreno

    ***

  • BUSTED!
  • Joined: 28 Jul 2005

#5

Posted 07 January 2006 - 02:25 PM

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

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#6

Posted 07 January 2006 - 04:43 PM

Another outcome:

http://img252.images...580/pink2gu.png

Knife
  • Knife

    Tits.

  • Zaibatsu
  • Joined: 11 Jul 2004
  • None

#7

Posted 07 January 2006 - 04:58 PM

Something to test my low photoshop skills on. Good tut biggrin.gif

The-end
  • The-end

    It's time to go home

  • Members
  • Joined: 06 Nov 2005

#8

Posted 08 January 2006 - 12:08 AM

Wow nice post dude good work pretty explanitive

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#9

Posted 08 January 2006 - 12:48 AM

QUOTE (The-end @ Jan 8 2006, 00:08)
Wow nice post dude good work pretty explanitive

"explanative" .. real word?

Ottae
  • Ottae

    (/'ɒteɪ/)

  • Zaibatsu
  • Joined: 16 Jun 2005
  • None

#10

Posted 08 January 2006 - 01:18 AM

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

DiVaio
  • DiVaio

    ...

  • Members
  • Joined: 20 May 2004

#11

Posted 08 January 2006 - 03:48 PM

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.

imheretostay
  • imheretostay

    non-existant

  • Members
  • Joined: 04 Oct 2004

#12

Posted 08 January 2006 - 03:58 PM

Some parts are a bit badly explained if you ask me, but it's okay.

user posted image

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#13

Posted 08 January 2006 - 06:44 PM

Heres another outcome of mine:

http://img494.images...65/night0pl.png

baptiste
  • baptiste

    Docking request accepted

  • Zaibatsu
  • Joined: 30 Aug 2005

#14

Posted 11 January 2006 - 04:41 PM Edited by baptiste, 11 January 2006 - 07:37 PM.

QUOTE (matt27689 @ Jan 8 2006, 18:44)
Heres another outcome of mine:

http://img494.images...65/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

Cubano
  • Cubano

    ShinNinja

  • Members
  • Joined: 12 Oct 2005

#15

Posted 15 January 2006 - 12:44 AM Edited by Cubano, 19 January 2006 - 06:50 AM.

QUOTE (matt27689 @ Jan 7 2006, 12:49)


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.images...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.images.../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.images.../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.images.../9606/144qa.png

Now you have this.

http://img214.images.../1032/159xd.png




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

user posted image

BurnoutLS13
  • BurnoutLS13

    Zero3 Stuntist

  • Members
  • Joined: 24 Aug 2005

#16

Posted 15 January 2006 - 02:37 AM

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.

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#17

Posted 15 January 2006 - 03:57 PM

Did you select Transparant? Look at the 3rd picture again near the bottom.

Rob.
  • Rob.

    Don't Stop

  • Zaibatsu
  • Joined: 10 Jul 2005

#18

Posted 15 January 2006 - 05:05 PM

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

BurnoutLS13
  • BurnoutLS13

    Zero3 Stuntist

  • Members
  • Joined: 24 Aug 2005

#19

Posted 16 January 2006 - 01:55 AM

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

Zak.
  • Zak.

    slippi

  • The Connection
  • Joined: 12 Mar 2004

#20

Posted 16 January 2006 - 02:10 AM Edited by Jonny Tightlips, 16 January 2006 - 05:39 PM.

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.

BurnoutLS13
  • BurnoutLS13

    Zero3 Stuntist

  • Members
  • Joined: 24 Aug 2005

#21

Posted 16 January 2006 - 03:08 AM Edited by BurnoutLS13, 16 January 2006 - 03:55 AM.

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.

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#22

Posted 16 January 2006 - 01:52 PM

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?

BurnoutLS13
  • BurnoutLS13

    Zero3 Stuntist

  • Members
  • Joined: 24 Aug 2005

#23

Posted 17 January 2006 - 01:24 AM

Thanks anyway, I figured it out. Randomly clicking can do lots biggrin.gif biggrin.gif biggrin.gif

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#24

Posted 18 January 2006 - 09:10 PM

user posted image

Another outcome. smile.gif

baptiste
  • baptiste

    Docking request accepted

  • Zaibatsu
  • Joined: 30 Aug 2005

#25

Posted 19 January 2006 - 03:08 PM

QUOTE (matt27689 @ Jan 18 2006, 21:10)
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?

matt27689
  • matt27689

    ....

  • Members
  • Joined: 19 Apr 2005

#26

Posted 19 January 2006 - 03:52 PM

Of what? smile.gif

baptiste
  • baptiste

    Docking request accepted

  • Zaibatsu
  • Joined: 30 Aug 2005

#27

Posted 19 January 2006 - 03:57 PM

QUOTE (matt27689 @ Jan 19 2006, 15:52)
Of what? smile.gif

Well anything, from a video game to a car, i just wanna try really.

Benjimino234
  • Benjimino234

    ♤ ♡ ♢ ♧

  • Members
  • Joined: 03 Dec 2006

#28

Posted 10 December 2007 - 09:03 AM

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




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users