Open a new document, 350-400 x 100-150 pixels, Tranparent
I have choosen this pic for my sig (Integra Hellsing from Hellsing):


!Step 1!
The Background

1. Go crazy with the gradient tool set to diffrence

2. duplicate the layer(ctrl+j) and go to Filter > Stylize > Find Edges.

3. set the layers blending mode to lighten and merge down(ctrl+e).

4. Go to Filter>Distort>Wave
Set the top option to "1" leave everything else as it is...

5. Duplicate the layer turn it 180dg, set the bleding mode to screen, merge down

6. Duplicate, Filter>Distort>Twirl: Angle 100%" set to lighten and merge

7. Duplicate, Filter > Sketch > Chrome default settings set to soft light and merge

8. Duplicate, Filter>Distort>Twirl: Angle 200%"

9. Duplicate and then go to Filter > stylize > Extrude, these settings:
Type: blocks, Size: 3 Pixels, Depth: 30, Random, set to soft light an merge

10. Duplicate, use Filter>blur>radial blur, These settings:
Amount: 100, Blur Method: Zoom, Quality: Best, set to soft light an merge

11. duplicate Filter > Distort > Polar Coordinates. Use ‘rectangular to polar’ as the setting

12. select (with the square marker) the side that looks best and copy it (ctrl+c)

13. paste(ctrl+v) edit > transform > flip Horizontal and place it correctly so that it looks like a sphere and merge

14. set to pin light and merge down, now colorize it in your favorite colour like a good boy/girl

(15-alternative. first set the forground color to any color of your choice
and the bg color to black or white,
create a new layer and place it under the bg layer and use the gradient tool on it set to luminance and merge)

at this point you should have somthing like this:



!Step 2!
Adding a picture

1. duplicate the background

2. insert the pic in the document and cut away the bg

3. set the blending mode to luminance and merge down to the bg duplicate and once again cut away the bg around the pic


if you want to you could blend the pic with the following tutorial

3. set to lighten, if it wont work with the bg then use this tool: to darken the bg to make the pic show better.

4. use the same pic again and cut somthin out and place it one layer above and directly over the eye or whatever you made
(it can be anything that you want to giv a little extra focus like an eye or somthin, try not to make it to big tho)

5. Duplicate the layer twice and put color overlay on the top one using white, go to Filter > blur > gaussian blur of 2,4

6. merge down and go to Filter > stylize > wind on the middle one (any direction) then turn it cw 90dg and press ctrl+f
continiue all the way around

7. place it over the the eye or whatever(this will later be a part of the animation) and name the layer "ani"

now you should have somthing like this:



!Step 3!
Border

1. Go to Edit>Stroke> 3pixel, make sure its set to inside and it is black
2. Go to Edit>Stroke> 2 pixel, choose a color maching the sig
3. Go To Edit>Stroke> 1 pixel, black

now you should have somthing like this:



!Step 4!
The Text

1. write a text of your choice

2. use gradient overlay on it, make sure that the colors match the ones in the sig and set the angel to 180

3. use a one pixel stroke color it white and use 50% opacity

now you should have somthing like this:



!Step 5!
The Animation

1. Go to File > Jump To > Adobe Imageready

2. uncheck the eye icon on the "ani" layer, make new frame and select it, check the eye icon on the "ani" Layer

3. press the tween button and enter a value in the box from 5-15(many= slower animation)

4. Duplicate the last frame. And change the visibility of the last frame to the same as the first frame.

5. duplicate the last layer and click on the time value on the frame and set it to 2,0

6. Just File>Save Optimized as a gif file and you are done

this is my final result

pan u did it again another awesome tut :P u r really contributing to this site :)

yep nice tut once again your photoshop is odd tho like the words?

nice.... did i mention im new? anyways what font is that? i MUST have it

Yeah, what is that font dude?

Its ressurection downloadable at dafont.com

Great tut i like it .....your good keep up the good work. :D

im good cuz ive done grfx for about half a year

when u say that...which gradient tool? linear, angle etc?

What the crud is DG? 0.o
Aw yes and awesome tut :D

1. wich gradient dosnt matter... just go mad with it and use all posible directions

2. GD stands for degree

Nice tut! Du e svenska va? :)

Btw here's my result. I got photoshop 5 days ago so im really newb hehe

I cant see your result acctually

Am I the only one who's having a hard time with this... It's not working... *sniffle*

whats your problem?

Well......I can't seem to get something similiar to the image you provided for step one......

first step is pretty free really... you could use a different bg... as long as you like it... and just go on

nice tutorial :D

here is my result change it up a bit though :P
http://www.freewebs.com/goh2clan/signature.gif

not to bad ;)

didnt get it to work so by accident made that :P

I am so lost!! I have no idea what to do after the first few steps.. :( And I really really want to make a signature!!!! :) Do you think you can give me extra help??? I would really apreciate it!! :D

LET THIS THREAD DIE!!!

WHY DONT YOU DIE!!!!!!!!!!!!!!!!!!!!!!!! :angry:

If you can't follow that tut then somthings seriously wrong. Most aren't written nearly as clear as that.

LOL

what is so hard?

that was a really nice tut.. thanks i used it alittle bit on a diff sig.. im really new to this and the tuts really help.. thanks

good >>>>>>>>gggggggood

I can't go to Stroke on the Edit menu... It's colored grey... Does anyone know how I can get access to it? Please tell me on: MSN (sneakdrak@hotmail.com), Mail (same as MSN) or AIM (Sneakdrake)...

i am a newbie to photoshop since i only got it 2 days ago... when i was try to make a animated sig like this i got stucked after completing the whole step 1... coz it became all white in the end, even after i colourized it... any solution?? thanks in advance B)

did you set the black and white gradient tool to difference?

Can anyone please tell me how to use ImageReady? I'll put up the pic tomorrow (I think), and I'll post here where... It's ok if any of you animate it for me (it's the lightnings that need animation), but I'd prefer if you tell me how to use ImageReady too... If you tell me how to use it I will be VERY Happy :D , and if you just do it for me I'll be very happy :) ! I'd prefer if you'd tell it to me on MSN (sneakdrak@hotmail.com), AIM (Sneakdrake), or mail (same as MSN), but it's ok if you take it here....

Sneakdrake

OK I really wish people would quit posting such broad requests as "Teach me how to make objects in Bryce" or "Teach me how to use Image Ready".
There are entire sites dedicated to those programs with people who use them all day every day and write in-depth, informative tutorials on how to do many effects. Most of the people on this site use Photoshop with a little rendering and animation thrown in.
If you want to learn how to animate things, do it the way everyone else does, slave over tutorial after tutorial for hours.
Good-Tutorials: Photoshop and ImageReady tutorials
Pixel2Life: Photoshop, ImageReady, and everything else

Sorry for the rant but it's irritating me and I'm doing math homework, so it just compunds the annoyance. :ph43r:

their easy to learn anyways ^_^ -_-

yes... i did set it to different but still... everything become white after i finished the whole step 1... and if possible... pls put up more screeny... so that i can compare and see which step went wrong....

octo- we were once n00bs too, right? =P

asakura- if you have the gradient set to this and still got a white screen, there's something wrong.

Ya, but at least when I was starting out I didn't post such vague questions. I don't mind teaching someone how to do a specific task, but I get aggrevated when they ask how to use Bryce and ImageReady. I have anger issues that only burning kittens can cure.

=[ poor kittens....