[IR: TUT] "Making Animated Signatures"

[+mw.pmi]

10 STEP ANIMATION SIG TUTORIAL By ©+mw.pmi: Text Version

#1: Make a signature in Photoshop, as a PNG or JPG.

#2: Then find an animated .GIF of the cartoon/anime.

#3: Open the .GIF in ImageReady, and left it open, and then going back to another window of Photoshop of your finished JPG/PNG of the relative image (your signature), switch the settings from either PNG/JPG to a .GIF setting, perhaps choosing Selective or Adaptive (my preference), 256 colors/pixels, Diffusion for the support, and clicked Transparent or not, Interfaced, and then pressed OK.

#4: After having your Signature set as a relative .GIF setting, make the animated GIF image of the cartoon, the same CANVAS DIMENSION SIZE as your signature. Doing this, all you have to do is drag and drop your now CONVERTED SIGNATURE (GIF'd Set) into the same ANIMATION FRAMES & WINDOWS of the animated GIF cartoon image.

#5: Normally and by default this would place the newly GIF inserted Signature into the window frames and layers of the animated frames of the cartooned GIF. Drag the sig on the Layer it sits in, to the and AS the bottom Layer.

#6: Make correction placement of the animated cartoon GIF by linking the Layers, and also highlighting and dragging the animated frames of the animated cartoon image GIF.

#7: Drag and place the highlight/Layer linked GIF'd Cartoon to any place on the SIG, to get the results you want.

#8: Press PLAY button, to make sure the frames are intact, the animation flows, and that the "seconds" are as they were before you wish to View as FIREFOX or INTERNET Explorer.

#9: If everything is as you wish. Press the FIREFOX or INTERNET EXPLORER (mostly Internet Explorer) symbol and this will open an entirely new window.

#10: If you have Selective or Adaptive already set when and before you transitioned your signature to ImageReady and having Diffusion, with 256 color/pixels, Transparent (...or not), and Interlaced boxed and tabs checked and selected, you should have a clean flowed, not too large KB image, without distortion and pixelation bleeding. Right click and save as a .GIF, and voila...there you have it!

Some Examples:
<Animated Sigs>
2004 Old Sig:Thug Timmy
(all animations are from scratch using ImageReady CS)


Stock:
http://i198.photobucket.com/albums/a..._SoUtHpArK.jpg


2007: Tranquility
(Using butterfly.GIF found in the Stampageture PSD URO Pack)



2008: Dub City
The only thing not mine is the IC <Image Cutout> of the 300C Chrysler
(Using freewheel frame animation. Original freewheel animation was distorted. Rebuilt in Photoshop and re-framed using ImageReady)



2008: Corel Princess
Image LQ to HQ Cleanup Signature
(Original and Simple animation to show how the image was cleaned and crafted.)



IR: means "ImageReady"

[Zebra]

Thanks! I will post my results later. Thanks again!

[+mw.pmi]

Originally Posted by Zebra

Thanks! I will post my results later. Thanks again!

^Really? Well, I'll be looking forward to what you will craft, Zebra! Cheers matey!

[VampireLord]

how i change my settings as you say in step 3

[[Thomas]]

Thanks man, might try this later if I have time. :] @ Vampire; I think you go to save as. Or Open as..

[+mw.pmi]

Originally Posted by VampireLord

how i change my settings as you say in step 3

Go to: SAVE FOR WEB, in Photoshop. You'll see the settings, .GIF, .JPG, .PNG, and .WBM.. just click .GIF with those Step 3 Settings...

[Raven]

Originally Posted by +mw.pmi

Go to: SAVE FOR WEB, in Photoshop. You'll see the settings, .GIF, .JPG, .PNG, and .WBM.. just click .GIF with those Step 3 Settings...

I believe you can also do 'Save As' under 'File' to get the same thing. Just choose 'CompuServe Gif (*.gif)' as your file type.

[+mw.pmi]

^Indeed, that too. Just in the SAVE FOR WEB, it gives you options of the .GIF types, if I remember correctly.

[.lg.Kwik Shot]

Originally Posted by +mw.pmi

^Indeed, that too. Just in the SAVE FOR WEB, it gives you options of the .GIF types, if I remember correctly.

Very nice PMI, thanks!

[VampireLord]

thanks a lot pmi! and thomas.