Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Animated Movie-Clip Avatars


In forums and blogs all over the world there are people who use movie clips and animations as avatars.  Done correctly, they are pleasing to the eye, and draw attention towards your posts.  But done incorrectly they are distracting, annoying to people viewing webpages, and can really suck bandwidth.  This tutorial details the simplest way to create animated avatars from movie clips.  We can't help you pick the best subject for your creations, unfortunately, but we can definitely give a few handy hints to keep the file sizes down.
 

Step 1: Find a movie trailer featuring a short animated scene that takes your fancy.  In this tutorial I have decided to use Quicktime as my player, and get the Doom movie trailer from the Apple Trailer website. Virtually any movie player will suffice, as long as you can pause clips and advance them again keyframe-by-keyframe.

With your movie player paused at the start of the clip you want to capture, hit the 'Print Screen' key on your keyboard to save a screenshot.

Step 2: Open up Imageready, Select File > New, and press OK - the dimensions should automatically state your current screen resolution.  Now Edit > Paste.   Your screenshot frame will appear as a layer in your new document.

Go back to your movie player and move the film clip on by one keyframe.  In Quicktime you can do this by pressing the right cursor key when the Quicktime window is selected.  Whatever you do, do *NOT* move the physical position of the window.   Now press Print Screen again, go into Imageready, paste again, and repeat these steps as many times as you need.

Step 3:  Once you have screen-captured all the frames that you need, bring out the Crop Tool and crop the area of the video that you want to appear in your final animation.   You can hold down SHIFT on your keyboard whilst you make the crop if you need it to be rectangular.

You should now have a list of layers in your layers palette, with a solitary white layer in the background.  Delete this white layer.   Now all you need to do is open up the animation palette (Window > Animation), click on the little arrow on the far right of the palette, and select 'Make Frames From Layers' from the drop-down menu that opens.

Step 4: Open the Optimize Palette (Window > Optimize) and set your Format to GIF.   Now all you have to do is select File > Save Optimized As, and save your file.

Optimization Rules: Animated .GIFs are essentially just a collection of images which play in succession, as is the case with most video files.  This roughly means that as the number of frames doubles, so does the file size.  To keep a reasonable limit on the final animation bloat, you can either reduce the number of frames, or reduce the quality of each frame that you use.  The technique for the former suggestion is obvious - just be more selective in the animation frames that you choose.  To alter the latter, you can drop the number of colors in your GIF, or just keep the physical size of the animation down to a minimum. Remember when creating your animated .GIF that most forums have distinct file and dimension size limits on avatars, so don't go too overboard, and always aim for the best possible compromise between glorious detail and file density.  Have fun, and I look forward to seeing your creations gracing the BioRUST Forums real soon! :)

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  moly (#51796)
Date: Thu Jul 24, 2008. 13:57:37

Post #27 of 27

I also prefer to use VidGif to make animated avatars...:)

Reply to this post


User:  sumit982073611 (#49858)
Date: Sun May 11, 2008. 09:58:44

Post #26 of 27

first i thought it will be difficult, but it is easy...

Reply to this post


User:  moly (#45343)
Date: Fri Oct 12, 2007. 13:44:33

Post #25 of 27

Quote from D_D;29252:
For converting video to GIF animation in order to make avater, i advise to use [link]


Hi))
For converting video to GIF animation I prefer this prog too:trytofly:

Reply to this post


User:  Shieldvisor (#45033)
Date: Tue Sep 25, 2007. 02:43:24

Post #24 of 27

Quote from teddybear;43470:
Yahoo! My first animated avatar ever! It looks so perfect, but I want to put text on it. Is there a tutorial to put a text on the avatar?



Recently used this tutorial on my Volvo coil springs - avatar and it works great animated spring in action... Thanks man...

Reply to this post


User:  teddybear (#43470)
Date: Wed Jul 18, 2007. 14:19:04

Post #23 of 27

Yahoo! My first animated avatar ever! It looks so perfect, but I want to put text on it. Is there a tutorial to put a text on the avatar?

Reply to this post


--- View Entire Thread ---
Featured Content

Realistic Cigarettes
Realistic Cigarettes
- Adobe Photoshop -
Animated Movie-Cli...
Animated Movie-Cli...
- Adobe Photoshop -
Ion Beams
Ion Beams
- Adobe Photoshop -
Water From Below
Water From Below
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 55 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 57 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 121 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 95 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 28 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 112 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 137 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 163 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 164 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 205 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415