Blog anything about

computer tips and tutorials. The power on your side..

Usually, I use plain simple graphic as a signature when foruming. However, it could not stop my urge to try something new such as creating animated signature for the sake of of having fun.

When visiting an anime forum as example, what we will see is animated graphics (in .gif format) are being used by most of the members as their signature or avatar. An animated signature (which was made by me in a few minutes for this tutorial) can be seen here. Not bad, eh? :)

If you are interested to create one yourself, then check out this simple tutorial below to learn how. We’ll require a software called Virtual Dub (free) for most of the process, including magic touch from Adobe ImageReady software (shipped with Adobe Photoshop) to create the animation.

How to create animated signature / avatar: The tutorial

Firstly, download Virtual Dub from SourceForge. I suggest that you install K-Lite Mega Codec Pack first to avoid irritating codec problem later. Save Virtual Dub’s archive to a location. Then, extract it. (Note: Don’t run Virtualdub.exe directly from the ZIP file).

Open any video file that you like (anime, movie, etc). For this tutorial, I’d chosen Bleach anime video. Drag the slider to your selected frame. Set the length of the “frames that you want” using the < and > button. I recommend you to set from 5 to 10 frames only since it’s already enough to create an avatar with acceptable file size.

Click [File] > [Save as image sequence].

Note: Create a folder for the output files first (as example “\bleach” in the screenshot below) since there are lots of output files that you have to manage later.

After the process has finished:

  1. Open Adobe ImageReady.
  2. Click [File] -> [Import] -> [Folder As Frames]
  3. Point to the folder where you save the frames just now.
  4. Select all frames (using shift button and your mouse)
  5. Click [Image] > [Image Size]
  6. Set the size just like below (you can modify it according to your linking)

Then, set Optimized setting to “Gif 128 Dither” for the best quality.

Click File > [Save Optimized As] and save the GIF file.

Open it using Windows Fax and Picture viewer to see the result and then upload it to free image hosting such as Imageshack for online viewing. Voila! :)


Comments (7)Posted by Super Admin on Tuesday, April 24th, 2007

Related Entries

  • Windows Vista with Bill Gates’s signature?
  • Saladin The Animated Series
  • Know Your Computer Uptime, Brag it!
  • 7 Responses to “How to Create Animated Signature / Avatar” Add your own

    Post A Comment

    Tag and more tags for this post

     create avatar (28)  photoshop cs3 signature tutorial (22)  create animated gif photoshop cs3 (18)  Create Animated Avatar (18)  CREATE AN avatar (18)  photoshop cs3 sig tutorials (15)  Photoshop CS3 Signature Tutorials (15)  free animated signatures (14)  photoshop cs3 sig tutorial (13)  anime avatar generator (13)  creating a signature (12)  BLEACH AVATAR CREATER (12)  animated signature creator (11)  anime signature maker (11)  animated signature generator (10)  BLEACH animated avatars (10)  animation cs3 (10)  create signature (10)  Bleach Avatars (10)  create animated signature (9)  anime signature generator (9)  anime avatar tutorial (9)  how to make animated avatars (9)  create avatars (9)  signature avatars (9)  how to make an animated sig (8)  animated avatar generator (8)  how to make animated signatures (8)  funny animated avatars (8)  signature animation (8)  Signature avatar (8)  bleach moving avatars (8)  Animated sig tut (7)  animated sig tutorial (7)  free animated signature (7)  creating animated signatures (7)  cs3 signature tutorials (7)  anime signatures (7)  bleach animated gif (7)  Free Animated Avatars (7)  bleach signatures (7)  bleach animated signatures (6)  bleach sig tut (6)  funny animated signatures (6)  animated sig (6)  creating a sig (6)  Create anime Avatar (6)  how to make video avatars in adobe photoshop (5)  animated signiture (5)  animated signature photoshop (5)  cs3 sig tutorial (5)  making anime signatures (5)  make anime signature (5)  how to make animated avatar (5)  cs3 signature tutorial (5)  photoshop cs3 sig tuts (5)  make animated gif photoshop cs3 (5)  funny signatures (5)  sport sig tutorials (5)  all (5)  animated signature maker (5)  cs3 sig tutorials (5)  Animated Sig Maker (5)  anime sig maker (5)  how to make an anime sig (5)  create moving signatures (5)  how to make an avatar (5)  how to make a sig in photoshop cs3 (5)  cool anime signatures (5)  How to save an animation in Photoshop CS3? (5)  cool animated avatars (5)  How to create a signature (5)  anime signature (5)  free animated signature generator (4)  create animated gif in photoshop cs3 (4)  CREATE BLEACH AVATAR (4)  animated signature in gmail (4)  PHOTOSHOP SPORTS SIGNATURE TUTORIALS (4)  Signiture Generator (4)  adobe photoshop cs3 inserting animated pictures (4)  how to create animated signatures in emails in gmail (4)  make a sig online (4)  bleach gif avatars (4)  how to make signatures in photoshop (4)  photoshop cs3 create animated gif (4)  cool avatar tutorial (4)  Making Animations in photoshop cs3 (4)  photoshop cs3 animated text (4)  photoshop animated sig tutorial (4)  animated avatar tutorial (4)  animated gif cs3 (4)  AVATAR AND SIG CREATOR SHOP (4)  ANIME SIGNITURES (4)  making animated signatures (4)  How to make animated forum signatures (4)  make avatars (4)  make animated sig (4)  bleach gif (4)  how to make animated sig (4)  how to make an animated avatar (4)  Make animated signature for forum (4)  anime animated avatars (4)  avatar creater (4)  create signatures (4)  make avatar (4)  create a signature (4)  programs for creating signatures for forums (4)  create animated avatars (4)  make an avatar (4)  free anime sig maker (4)  moving icon generator (4)  free animated signature maker (4)  Where do i make animated signitures with videos (4)  animated signatures (4)  bleach animated gif avatars (4)  animated anime signature (3)  anime animated signatures (3)  create animated signature free (3)  cs3 sig tut (3)  cs3 sig tuts (3)  animated signatures tutorial (3)  make animated gif cs3 (3)  animated anime sig (3)  insert animation in sigs with photoshop (3)  free animated signature creator (3)  Creating an Animated Sig (3)  create animated gif cs3 (3)  how to create a sig (3)  how to add video animation to my signature for photoshop? (3)  animation sig (3)  create animated signature online (3)  free animated signature for gmail (3)  free anime and movie signatures (3)  photoshop cs3 create gif (3)  how to use adobe photoshop CS3 to make signatures (3)  animated signature and avatar making program (3)  creating cool signatures (3)  how to make animated gif in photoshop cs3 (3)  how to make a gif in CS3 (3)  adobe photoshop cs3 signature tutorial (3)  how 2 make a signature (3)  how to make a cool avatar tutorial (3)  photoshop cs3 sig (3)  psp avatar tutorials (3)  Animated Signature Software (3)  animated text photoshop cs3 (3)  program to make avatars (3)  Cool anime signatures download (3)  programs to make animated signatures (3)  programs to make animated avatars (3) 

    Disclaimer: The owner of this blog will not be responsible for the outcome of the usage of the contents
    in this blog. Certain posts may not be relevant in the future and the owner can only guarantee that
    the posts were accurate as they are supposed to be at the time the post were first published.