JPHiP Radio (24/200 @ 128 kbs)     Now playing: Tokyo Jihen - Kachi-ikusa

Author Topic: Animated gif tutorial  (Read 16882 times)

Offline maliciel

  • Subcru
  • Member+
  • Posts: 5343
Animated gif tutorial
« on: September 27, 2005, 07:07:13 AM »
I did this for another forum. I thought it'd be useful. o_o

Tools needed to make a faptastic animated .gifNote : Imageready comes with Photoshop

Pre-making

When you're at the VDubMod site, download VirtualDubMod_1_5_10_2_All_inclusive.zip and extract it to your favourite directory. Then click on VirtualDubMod.exe to run it~

Watch the video, and note down the approximate time you want the gif to start and end.

Note : You can use other VDubs, you just need to have the 'save image sequence' command

Step by step~

Open up vdubmod. Click Open video file..and browse to the video you want to use. After you open it, you should get the frames displayed~



If your intended gif starts at the start of the video, you can skip these next three steps. Click Edit -> Set Selection Start. This sets a selection.



Now, Edit -> Go to.. and put in the time (which you noted when you viewed the video. This would seek to that time. If you're on a blurry frame, click >> (at the bottom of the frames) as much as needed, to get a good frame/good starting point for your .gif



Now, when you picked a good frame for your .gif to start on, go to Edit -> Set Selection End. This would result in a part of the time-bar on your video to be highlighted. After that, just press the Delete button on your keyboard. This would shorten the vid, to start at the beginning of your gif.



Now, use >> or if you have the time copied down, use Go To.. to go to the end of your intended gif. Again, use << or >> to set a good ending frame. Then, use Edit -> Set Selection Start. After that, just drag the seeker all the way till the end, use Edit -> Set Selection End, and press Delete. This will narrow the vid down alot more, and you'll get a vid with just the frames you want. Congrats, you're halfway through!



Now, click File -> Save image sequence to save all your frames into individual images for the .gif



When you select a directory to save to, make sure it's already made beforehand, because VDubMod will not automatically make it for you. I recommend .png, because that's the only format i've tried. :lol:



Now, you can close VdubMod after it's done saving. Open ImageReady. File -> Import -> Folder as frames



Self-explanatory. Select the folder you saved the frames in. And no, you don't get to ask what I blurred out. :p



Now, it's up to you to do cropping, or anything you want. Remember to resize so it won't be fucking huge. People tend to get angry when you do that. Now, go to Save Optimized As.., to save your gif. This should get it saved as an animated gif. Voila.



This was my end result~

This concludes the tutorial. I hope you guys found this useful~


Offline shadowstar

  • Tuffty's #1 fangirl
  • Global Moderator
  • Member++
  • *
  • Posts: 42529
  • Idols Inc.
Animated gif tutorial
« Reply #1 on: September 27, 2005, 08:35:26 AM »
awesome-ness.

thanks Mal! I already know how make animated GIF's, but this has lots of awesome tips :heart:

Offline TheQuickening

  • Watching from afar
  • Member+
  • Posts: 2521
Animated gif tutorial
« Reply #2 on: September 27, 2005, 04:05:24 PM »
Hmmmm...seems pretty straightforward.   Now wait and see how many people start popping up with ani-gifs in their sigs and avvys.  :D  :D  :D

Mmmmmmmmmmmmmmm...Barrrrrrrrrrrrrrrrr-be-cuuuuuuuuuuuuue

Offline nori-p

  • Member+
  • Posts: 51
Animated gif tutorial
« Reply #3 on: September 28, 2005, 09:02:12 AM »
Thank you very much!!!

I've been wondering how to make a GIF.

Offline Sexy Beam

  • キラ☆キラスター
  • ecchi
  • Member+
  • Posts: 1168
  • ~Through Space and Time~
Animated gif tutorial
« Reply #4 on: September 29, 2005, 02:37:45 AM »
Oh. o_O

See, I used to just take a screen shot... One by one and animate it on ImageReady. But it took A VERY LONG TIME. XD So I gave it up cos it was too time consuming. XD

Thanks! :D

♥♥ // Infinite Bits Gaming Con // ♥♥ // Poupee Girl // ♥♥ // YouTube // ♥♥ // LJ // ♥♥

Offline kuno_thunder

  • Dance, dance, dance til we run this town!
  • ecchi
  • Member+
  • Posts: 4505
  • ^ Yoonaxfoliation. ^
Animated gif tutorial
« Reply #5 on: September 29, 2005, 08:50:15 AM »
Hmm, seems like ImageReady doesn't like my computer.  Oh well, hopefully a complete reformat and Windows XP will change all of that.

Offline Kennethzzz

  • LOVE AICHAN
  • ecchi
  • Member+
  • Posts: 145
Animated gif tutorial
« Reply #6 on: March 08, 2006, 01:42:32 PM »
oo thx for the guide

Offline Yasu

  • Yossi's owner.
  • ecchi
  • Member+
  • Posts: 1945
  • U-know Yunho <3
Animated gif tutorial
« Reply #7 on: March 08, 2006, 02:26:25 PM »
Hey, thanks, Mal!

I'm glad someone found this and bumped it ~

Credits for sig and ava: fish hoe, from snm. <3

Offline sothich

  • Member
  • Posts: 21
Animated gif tutorial
« Reply #8 on: April 05, 2006, 12:52:52 AM »
wow thanks Maliciel so much for this tut

Offline sothich

  • Member
  • Posts: 21
Animated gif tutorial
« Reply #9 on: April 05, 2006, 11:02:35 PM »
yeahh I have the first Animated gif  :bounce:



tks Maliciel again ^.^

Offline Vodka

  • 「Sh-boom」
  • Member+
  • Posts: 85
  • Friday Ninja
Animated gif tutorial
« Reply #10 on: April 06, 2006, 05:58:52 PM »
Great tutorial! (probably more informative than any of my Math or Physics tutorials)

My h!t list: Ogawa . Nakazawa . Kusumi . Yasuda . Mika

Offline Tao Priest

  • ecchi
  • Member+
  • Posts: 488
Animated gif tutorial
« Reply #11 on: April 14, 2006, 02:20:28 AM »
I will try it at the weekend!  :D Thx for the tutorial!

Offline Stone_Bone

  • Tanaka Reina addict
  • ecchi
  • Member+
  • Posts: 78
Animated gif tutorial
« Reply #12 on: April 15, 2006, 01:53:48 PM »
I try to use it :D Thanks i searched such a Tutorial since long ago ^__^ *ieeeek*

Proud Member of DemonKnights[/b]

Offline ziggurat

  • sweetsplash heartbeat
  • Member+
  • Posts: 1957
Animated gif tutorial
« Reply #13 on: October 03, 2006, 06:17:17 AM »
Thanks mal! great tutorial. i need to know what is the blurred up entry.. lol

Jab <3 marimari <3 ChrNo~ your spirit shall live forever.. T_T || zgy@last.fm

Offline num2son

  • Member+
  • Posts: 1216
  • Nice to be Important but more Important to be Nice
Animated gif tutorial
« Reply #14 on: December 15, 2006, 05:10:10 AM »
Thanks again.

Designed by Miichan

Offline Fracture

  • ecchi
  • Member+
  • Posts: 1145
Animated gif tutorial
« Reply #15 on: December 16, 2006, 03:20:26 AM »
Quote from: num2son;259681
http://img258.imageshack.us/img258/2264/untitled1sa0.gif
This is the first one i made Gza - Liquid Swords

THANKS ALOT MAN
It's a good start, you should probably scale down the dimensions, though.  One and a half megs is huge for such a short clip.

Also, if you're using ImageReady, familiarize yourself with the optimization pane, you can drop out a lot of unnecessary colors and what-not.

Offline AiChan

  • Member
  • Posts: 31
Animated gif tutorial
« Reply #16 on: December 17, 2006, 11:31:32 AM »
Thanks alot for this guide. I'm gonna try it later today.

Offline N1CK70

  • CPOP Connoisseur
  • Member+
  • Posts: 76
Animated gif tutorial
« Reply #17 on: December 17, 2006, 04:33:15 PM »
Sweet tut, thanks a bunch :D

Offline drobin

  • Cyborg Shibata my own super heroine
  • ecchi
  • Member+
  • Posts: 133
Animated gif tutorial
« Reply #18 on: December 22, 2006, 08:12:10 AM »
cool tanks man i realy wanted to know how to do a gif XD



Offline num2son

  • Member+
  • Posts: 1216
  • Nice to be Important but more Important to be Nice
Animated gif tutorial
« Reply #19 on: January 16, 2007, 01:02:47 AM »
I have to say thanks again for the tutorial, I've made a dozen since.

Designed by Miichan

JPHiP Radio (24/200 @ 128 kbs)     Now playing: Tokyo Jihen - Kachi-ikusa