Skip navigation
Sidebar -

Advanced search options →
↑ ↓
CEMB → Forum → Feedback and Resources → Questions? Problems? Suggestions? → Making animated avatars from YouTube vids

Welcome

Welcome to CEMB forum.
Please login or register. Did you miss your activation email?

Donations

Help keep the Forum going!
Click on Kitty to donate:

Kitty is lost

Recent Posts

Do humans have needed kno...
Today at 04:49 PM
ركن المتحدثين هايد بارك ل...
by akay
Today at 02:48 PM
Is Iran/Persia going to b...
by zeca
Today at 08:49 AM
Lights on the way
by akay
January 13, 2026, 09:54 AM
What music are you listen...
by zeca
January 12, 2026, 09:15 AM
What's happened to the fo...
January 09, 2026, 12:03 PM
Qur'anic studies today
by zeca
January 06, 2026, 01:26 PM
Excellence and uniqueness
by akay
January 05, 2026, 10:14 AM
New Britain
December 31, 2025, 01:38 PM
Marcion and the introduct...
by zeca
November 05, 2025, 11:34 PM
Ex-Muslims on Mythvision ...
by zeca
November 02, 2025, 07:58 PM
اضواء على الطريق ....... ...
by akay
October 23, 2025, 01:36 PM

Theme Changer

 Topic: Making animated avatars from YouTube vids

 (Read 6083 times)
  • 1« Previous thread | Next thread »
  • Making animated avatars from YouTube vids
     OP - March 28, 2010, 10:18 AM
    Quote from: osmanthus on March 28, 2010, 08:06 AM
    Now who's the pussy?  Cheesy

    Os - your avatar is mint.  How did you do it?
    My Book     news002       
    My Blog  pccoffee
  • Re: Making animated avatars from YouTube vids
     Reply #1 - March 28, 2010, 11:01 AM
    Quote from: IsLame on March 28, 2010, 10:18 AM
    Os - your avatar is mint.  How did you do it?

    I can write a complete tutorial if you like but basically:

    1/ Rip vid using a nifty Firefox add-on.
    2/ Go to open downloaded vid in Windows Movie Maker.
    3/ Find out the nifty Firefox add-on downloaded the vid as an .flv file and WMM wont open those.
    4/ Swear.
    5/ Open vid in RealPlayer and use RealPlayer's conversion tool to convert a copy to .wmv
    6/ Open that sucker in WMM.
    7/ Figure out how WMM works coz I've never used it before. Swear a lot.
    8/ Got it figured out. Find the 7 second segment of the vid I want to use and tag the start and end of it.
    9/ Take snaps at 0.2 seconds apart and save each one as a .jpg image.
    10/ Open a whole stack of .jpg's in Photoshop.
    11/ Try to figure out how the animation tools work coz I'd never used them before.
    12/ Swear a lot.
    13/ Google up a couple of basic tutorials on CS3 animation. Cool. Sorted.
    14/ Stack up all the .jpg's in the order I want them to play so we have one 36 layer .psd file.
    15/ Crop image to square and scale down to 125x125.
    16/ Open Windows > animation in the Photoshop menu.
    17/ Set the psd, with the top layer on, as the first frame.
    18/ Duplicate the frame, and switch the top layer off. This leaves the second layer showing in the second frame.
    19/ Continue that process until all 36 frames are done.
    20/ Run play just to check it all works. Coolio.
    21/ Now we need text. Make text layers of (mostly) two words each with appropriate layer styles applied.
    22/ Arrange the text layers so visibility and height in the layer stack matches the displayed frames. 
    23/ Click "Save for web and devices" and choose to save as a gif.
    24/ 256 colour palette, 20% lossy, 20% dither gives acceptable compromise between finished size and image quality (it was never going to be small in size).
    25/ Save. All done.  Afro
    Devious, treacherous, murderous, neanderthal, sub-human of the West. bunny
  • Re: Making animated avatars from YouTube vids
     Reply #2 - March 28, 2010, 01:28 PM
    Quote from: osmanthus on March 28, 2010, 11:01 AM
    10/ Open a whole stack of .jpg's in Photoshop.

    how many jpgs did that take, 36?
    My Book     news002       
    My Blog  pccoffee
  • Re: Making animated avatars from YouTube vids
     Reply #3 - March 28, 2010, 08:10 PM
    Quote from: IsLame on March 28, 2010, 01:28 PM
    how many jpgs did that take, 36?

    I actually ended up using 37 as I added that black and white frame to give a 2 second pause before it replays. You can set the delay on each frame individually. The rest are at 0.2 seconds.

    The clip I used is exactly seven seconds long, and the words in the avatar were matched for real time with the vid. Starting at zero and taking one shot every 0.2 seconds gives you 36 frames. Spacing them further than 0.2 seconds would make the motion pretty choppy. Spacing them closer than that would send the file size through the roof.

    To stop the thing looping again immediately I duplicated the 36th frame to make #37 and added a black overlay with 33% opacity. This gives a darkening which moves better into the black and white 38th frame (which is just a shot from one of her pauses elsewhere in the vid). The 38th frame has a 2 second delay to give the looping a bit of a rest. Could be changed to 5 seconds or whatever you like.

    Each block of text spans across two frames to make it easier to read. The first version had one word every frame but was a bit much as they flashed past so quickly. The text has some basic layer styles applied. Just stroke and drop shadow on most of them, with "pwned" having a gradient overlay as well.

    I'll split this out into a separate thread as people might want to make a topic out of doing animated gifs for fun. Afro
    Devious, treacherous, murderous, neanderthal, sub-human of the West. bunny
  • Re: Making animated avatars from YouTube vids
     Reply #4 - March 28, 2010, 08:21 PM
    genius!
    My Book     news002       
    My Blog  pccoffee
  • Re: Making animated avatars from YouTube vids
     Reply #5 - March 28, 2010, 08:25 PM
    For anyone who doesn't have Photoshop and needs a free app, I'm pretty sure GIMP will do the same job. I haven't opened GIMP for a while so I'd have to check, but it'll do most things that Photoshop will do and animated gifs are as old as the hills.
    Devious, treacherous, murderous, neanderthal, sub-human of the West. bunny
  • Re: Making animated avatars from YouTube vids
     Reply #6 - March 28, 2010, 08:33 PM
    Photoshop isn't free Huh?
    Quote from: thinkfree on September 28, 2010, 07:58 PM
    Iblis has mad debaterin' skillz. Best not step up unless you're prepared to recieve da pain.

  • Re: Making animated avatars from YouTube vids
     Reply #7 - March 28, 2010, 08:40 PM
    That's why I linked you to GIMP. Tongue
    Devious, treacherous, murderous, neanderthal, sub-human of the West. bunny
  • Re: Making animated avatars from YouTube vids
     Reply #8 - March 28, 2010, 08:42 PM
    No thanks bro. I but need only to drink of the gushing torrents of the rivers to be fulfilled.
    Quote from: thinkfree on September 28, 2010, 07:58 PM
    Iblis has mad debaterin' skillz. Best not step up unless you're prepared to recieve da pain.

  • Re: Making animated avatars from YouTube vids
     Reply #9 - March 28, 2010, 08:50 PM
    The rain in Spain falls mainly on the plain.  parrot
    Devious, treacherous, murderous, neanderthal, sub-human of the West. bunny
  • Re: Making animated avatars from YouTube vids
     Reply #10 - March 28, 2010, 08:53 PM
    Quote from: osmanthus on March 28, 2010, 08:25 PM
    For anyone who doesn't have Photoshop and needs a free app, I'm pretty sure GIMP will do the same job.

    This is an alternative I use - paint.net http://www.getpaint.net/
  • Re: Making animated avatars from YouTube vids
     Reply #11 - March 28, 2010, 09:02 PM
    For getting the clip and the snapshots out of the vid, you could probably edit directly in RealPlayer if you've downloaded the vid as an .flv file. I haven't checked out RealPlayer's editing options yet as I usually only use it for playing vids and music, but I'm pretty sure it would do most things that Windows Movie Maker would do.
    Devious, treacherous, murderous, neanderthal, sub-human of the West. bunny
  • Re: Making animated avatars from YouTube vids
     Reply #12 - July 06, 2010, 06:38 PM
    Quote from: osmanthus 
    3/ Find out the nifty Firefox add-on downloaded the vid as an .flv file and WMM wont open those.
    4/ Swear.


     Cheesy
  • Re: Making animated avatars from YouTube vids
     Reply #13 - July 06, 2010, 06:39 PM
    Quote from: Iblis on March 28, 2010, 08:42 PM
    No thanks bro. I but need only to drink of the gushing torrents of the rivers to be fulfilled.


  • Re: Making animated avatars from YouTube vids
     Reply #14 - July 06, 2010, 08:45 PM
    Quote from: osmanthus on March 28, 2010, 11:01 AM
    I can write a complete tutorial if you like but basically:

    1/ Rip vid using a nifty Firefox add-on.
    2/ Go to open downloaded vid in Windows Movie Maker.
    3/ Find out the nifty Firefox add-on downloaded the vid as an .flv file and WMM wont open those.
    4/ Swear.
    5/ Open vid in RealPlayer and use RealPlayer's conversion tool to convert a copy to .wmv
    6/ Open that sucker in WMM.
    7/ Figure out how WMM works coz I've never used it before. Swear a lot.
    8/ Got it figured out. Find the 7 second segment of the vid I want to use and tag the start and end of it.
    9/ Take snaps at 0.2 seconds apart and save each one as a .jpg image.
    10/ Open a whole stack of .jpg's in Photoshop.
    11/ Try to figure out how the animation tools work coz I'd never used them before.
    12/ Swear a lot.
    13/ Google up a couple of basic tutorials on CS3 animation. Cool. Sorted.
    14/ Stack up all the .jpg's in the order I want them to play so we have one 36 layer .psd file.
    15/ Crop image to square and scale down to 125x125.
    16/ Open Windows > animation in the Photoshop menu.
    17/ Set the psd, with the top layer on, as the first frame.
    18/ Duplicate the frame, and switch the top layer off. This leaves the second layer showing in the second frame.
    19/ Continue that process until all 36 frames are done.
    20/ Run play just to check it all works. Coolio.
    21/ Now we need text. Make text layers of (mostly) two words each with appropriate layer styles applied.
    22/ Arrange the text layers so visibility and height in the layer stack matches the displayed frames. 
    23/ Click "Save for web and devices" and choose to save as a gif.
    24/ 256 colour palette, 20% lossy, 20% dither gives acceptable compromise between finished size and image quality (it was never going to be small in size).
    25/ Save. All done.  Afro


     Cheesy Cheesy
    ...
  • Re: Making animated avatars from YouTube vids
     Reply #15 - July 06, 2010, 09:05 PM
    Quote from: osmanthus on March 28, 2010, 08:25 PM
    For anyone who doesn't have Photoshop and needs a free app, I'm pretty sure GIMP will do the same job. I haven't opened GIMP for a while so I'd have to check, but it'll do most things that Photoshop will do and animated gifs are as old as the hills.

    I used GIMP many weeks ago to make a gif animated avatar. Tongue

    OK it was a bit crude but never mind.  I used images from a cartoon I found on the web.

    "Many people would sooner die than think; In fact, they do so." -- Bertrand Russell

    Baloney Detection Kit
  • Re: Making animated avatars from YouTube vids
     Reply #16 - July 06, 2010, 09:56 PM
    Quote from: MRasheed on July 06, 2010, 06:38 PM
    Cheesy

    Os has subsequently changed his avatar - this is what this thread is in relation to, which he did from one of her youtube videos

     Go Criss!
    My Book     news002       
    My Blog  pccoffee
  • Re: Making animated avatars from YouTube vids
     Reply #17 - July 06, 2010, 10:04 PM
    Quote from: IsLame on July 06, 2010, 09:56 PM
    Os has subsequently changed his avatar - this is what this thread is in relation to, which he did from one of her youtube videos

     Go Criss!


    If youre just making them from youtube videos use gifsoup.com to make a gif and then use that as your avatar. Easy as shit.
  • Re: Making animated avatars from YouTube vids
     Reply #18 - November 11, 2010, 10:23 AM
    Hi.Try to use Video Avatar geovid. com It's tool can create animated avatar.There you can choose a video formats, and make the gif.It's really good program.Try
  • 1« Previous thread | Next thread »