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 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.

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

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*