1. chrolloseum
    Take your chances in The Chrolloseum!
    Opened September 29th through October 15th
    Dismiss Notice
  2. Welcome to the forums! Take a second to look at our Beginner's Guide. It contains the information necessary for you to have an easier experience here.

    Thanks and have fun. -NF staff
    Dismiss Notice

Tutorial AOI's GiF AnImation = Virtualdub + imageready

Discussion in 'Art 101' started by Aoi, Jan 14, 2005.

  1. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    It has been a long time i've posted something here. And i saw some threads about imageready. So here's a nice tutorial if you are new with Gif animation.

    We gonna be making this:


    What do you need?

    - Virtualdub
    - Imageready this is included with Photoshop
    It's not free so you have to download it somewhere, try bittorrent or kazaa or something. I'm sure you'll find it.

    What else do i need?
    - A avi, or movie to load in Virtualdub, for example Naruto_100RAW.avi etc....
    - Make a folder on your desktop and call it "Test"



    I'm gonna keep it very simple, so you don't have to use much of your brain :laugh

    Ok let's go!! ►
    We need virtualdub to make a movie into a sequence of images, which we can put together in Imageready to create those Gif animations.
    So Extract Virtualdub to your computer and start the virtualdub.exe



    *GO TO File open Video (or CONTROL + O)

    Now the movie loads in 2 screens, we don't really need to pay attention to it.
    Just make sure you resize them so that you can edit the time line.

    Go to the desired timeframe and press BEGIN (the begin of your image sequence). After that, keep clicking on 1 FRAME FORWARD until you think the action has stopped. After that click END (the end of your image sequence)
     
    Last edited: Jan 14, 2005
    Tags:
  2. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    Be careful not to make a selection bigger than 300 frames because that will work very slow with editing.
    Only thing we have to do now is to save the sequence.



    *GO TO File save Image Sequence



    You will save the images to your "Test" folder (Or any folder you like the images to be in) on your desktop
    *.tga is recommend it will keep the images smallest.

     
    Last edited: Jan 14, 2005
  3. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    And after you press ok you'll see this.



    And if you look in your "test" folder, you will see the images from
    0000001.tga to 0000200.tga Or something like that.

    Now start Imageready and go to file import folder as frames



    ANd see this


     
    Last edited: Jan 14, 2005
  4. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    Go (above in the toolbar) to image > imagesize and reduce it to 100 x 75 (or use your own settings)



    Now the whole sequence has been reduced to 100 x 75



    Just look to this image, you will understand where all the images are coming from. Upperleft bar is the preview window, the bar below is the timeframe, the bar on the right is the layer frame. We will only use the timeframe in this tutorial.
    WARNING: You can only edit the image if you set the preview window to Original, and NOT to Optimized

     
    Last edited: Jan 14, 2005
  5. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    If you click optimized you'll see some usefull data



    That's pretty big for a gif animation so we'll have to reduced that.
    Removing frames is the simplest way to reduce size.



    (first go back to original preview mode)
    Select a frame, and hold shift till the last frame you want to delete. And press the recycle bin.
    And remove the frames

     
    Last edited: Jan 14, 2005
  6. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    Now edit the refreshrate of the images, i used 0.03 seconds. (delay time)



    After that *GO TO File > save optimized as MyAnimation.gif



     
    Last edited: Jan 14, 2005
  7. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    And enjoy your own gif animation!!!

    IMPORTANT NOTICE:
    Internet Explorer users expierence a slower refreshrate than FIREFOX users. So keep in mind that u do not want your refreshrate to get lower than 0.04 seconds.


    As example about how different browsers perform:




    If you have questions about the gif size, or dimensions. You can ask them here, for the comfort of this tutorial i've kept those settings away. But you might wanna take a look in CANVAS size and plugin settings.

    Succes.
    Aoi.
     
    Last edited: Jan 14, 2005
  8. PATMAN

    Messages:
    2,126
    Likes Received:
    1
    Trophy Points:
    36
    Joined:
    Oct 4, 2004
    nice tutorial man O_O really long :] i wonder if i can make it all in one post with my mod powers :]

    okay i can't :]
     
  9. Miso

    Messages:
    278
    Likes Received:
    0
    Trophy Points:
    16
    Joined:
    Dec 2, 2004
    Awesome tut!
    Thank you much!
    I especially like that you used pics for this tut so everyone can easily follow.
     
  10. Kakashigurl20

    Messages:
    100
    Likes Received:
    0
    Trophy Points:
    6
    Joined:
    Dec 18, 2004
    Thanks a lot I really needed those pictures, or else all of this would have been all pea soup in my head:p
     
  11. kyubinaruto75

    Messages:
    99
    Likes Received:
    0
    Trophy Points:
    6
    Joined:
    Sep 28, 2004
    o.O ... gotta try that sometime
     
  12. ramp3

    Messages:
    30
    Likes Received:
    0
    Trophy Points:
    6
    Joined:
    Dec 24, 2004
    nice tut
    imaybe i rip some soukyuu no fafner gifs...
    FF rlz
     
  13. Nite

    Messages:
    15
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 27, 2004
    Nice tut, although I save my frames as an avi file instead of export them as images. Both ways are cool :p
     
  14. Devilzimti

    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Dec 19, 2004

    Help I need someboy if its anybody helllp!
     
  15. Aoi

    Messages:
    13
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 30, 2004
    Ow yeah, i had that problem too, a long time ago. It seems the RAW versions of a Naruto episode have some kind of weird codec...
    Just download all different codecs, but no hacks.. I downloaded the nimo codec pack and my error dissapeared.
    If that doesn't work, try google.
    This may be the solution: Darkness Over Light, The Other Side of Me
     
  16. narutofan20052005

    Messages:
    82
    Likes Received:
    0
    Trophy Points:
    6
    Joined:
    Nov 26, 2004
    wow, thanks, i made so many gifs with that help!
     
  17. Gene04

    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Dec 8, 2004

    Do a google search for Divx 3 , even if u have divx 4 or 5, you will still need 3 to playback those codecs on Virtual Dub. Download, install and try to play the file in Dub, it will give you an alert saying something , just bypass that and the movie will play :)
     
  18. spikespiegel

    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Jan 25, 2005

    I cannot delay all the frames at once it make me do them one by one can you tell me how to do them all in one shot? I have Adobe CS 8.0. Thanks.
     
  19. Dee-chan

    Messages:
    54
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Oct 11, 2004
    Looks great! I've always wonder how people made those animate gifs. I have one important question: Is this Virtualdub program compatitable to MacOX systems?
     
  20. SoundBwoy

    Messages:
    7
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Nov 8, 2004
    nice tutorial. even i did it!

    check it out.
     
  21. MechaTC

    Messages:
    4,592
    Likes Received:
    0
    Trophy Points:
    316
    Joined:
    Sep 26, 2004
    wonderful tutorial. I'm gonna do a cool one at work today.
     
  22. Shinyu

    Messages:
    48
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Sep 27, 2004
    Love the tutorial but could you tell me how to add text, sunce when i do it, it will only ever add text in the first frame >_<.
     
  23. Dimezanime88

    Messages:
    6,757
    Likes Received:
    15
    Trophy Points:
    945
    Joined:
    Oct 8, 2004
    nice tut. i have been waiting for something like this. thanks.:D
     
  24. maomii

    Messages:
    30
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Feb 1, 2005
    may i ask something? everytime i make a avi, when i save it, it always becum greyscaled? it's onli when i make it animated wit image ready..
     
  25. liminosse

    Messages:
    28
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Jan 21, 2005
    i also need help adding text to more then just the frist frame
     
  26. HAKU_lover

    Messages:
    82
    Likes Received:
    0
    Trophy Points:
    6
    Joined:
    Jan 3, 2005
    i already have all the frames i need to make the gif, but i need a program to put them together, i cant use imageready cause i cant find a place to get it.... any helpers? ill delete this thread after im helped
     
  27. ZSikan

    Messages:
    15
    Likes Received:
    0
    Trophy Points:
    1
    Joined:
    Feb 20, 2005
    Thank You !!!
     
  28. Andy200

    Messages:
    47
    Likes Received:
    0
    Trophy Points:
    6
    Joined:
    Mar 4, 2005
    Thank you very much man, this helped me to make mah first animation^^
     
  29. Shishou

    Messages:
    2,359
    Likes Received:
    2
    Trophy Points:
    318
    Joined:
    Oct 19, 2004
    I need help on how to reduce quality on Imageready.
     
  30. Keira

    Messages:
    302
    Likes Received:
    0
    Trophy Points:
    6
    Joined:
    Sep 27, 2004
    I made some animated gifs (thanks for the tut btw) but I want to add a border and text and I dunno how to do it in imageready, anyone knows?
     
Loading...