Previous Entry Add to Memories Tell a Friend Next Entry
GIF Tutorial: Videos from YouTube
JARED - XMAS
[info]curiosityy
So, this is my first attempt at a tutorial. A couple of people at [info]anythingdisney had asked me try and make one. Please let me know if it isn't detailed enough or if something isn't working for you. Enjoy.

For this tutorial I am going to make a GIF from the Harry Potter and the Half Blood Prince trailer here.



First step: Once you find the video you want to use, you have to rip it from YouTube. The best place I've found for this is http://www.keepvid.com. Copy and paste the URL of the video into the bar. Important: At the end of the video URL add "&fmt=18" minus the quotes. This will make sure that it rips the high quality version of the video and just make your life easier. Once it is done ripping click on the Download MP4 link and save it somewhere on your computer.




Second step: To make caps of the video I use VLC Media Player which you can download for free here. Once you have VLC installed you will need to set your preferences. To get to the preferences panel click Settings and then Preferences.



Third step: The first preferences you need to set are your Snapshot Properties. To get to these click the Video tab in the preferences menu. Select Overlay Video Output and then decide a folder for your caps to be saved in. Mine is saved in a folder called JBCaps in the My Pictures folder. The Video snapshot file prefix should be vlcsnap- and then I have my Video snapshots format set to png. Lastly, check the Use sequential numbers instead of timestamps box. This makes it so that you can cap a bunch of videos and then make caps afterwards instead of having to cap a video and make the gif's immediately. Once these properties are set, you won't have to mess with them again. They will be saved for every time you open VLC.



Fourth step: After you have your Snapshot Properties set, you need to select a hotkey preference for your caps. This allows you to just hold down a keyboard button to make caps rather than keep clicking video -> create cap. For mine, I used the letter S. So, to make caps of a video I just hold down the "S" key during the parts I want. Once these properties are set, you won't have to mess with them again. They will be saved for every time you open VLC.



Fifth step: Once you have all your properties set up, you are ready to make the caps. Open your video in VLC and cap the parts you want by holding down whatever you selected as your cap hotkey during the clip you want.

Sixth step: Alright. Once your caps are done you are ready to start putting them together to make a GIF. I use Jasc Animation Shop 3 to make mine, it seems to be the easiest program out of all the ones I've seen. You can download it for free here. IMPORTANT: This program is for Windows XP and earlier. If you're on a different system than that, I really don't know of any other good programs. Apparently it works on Vista, so gif it up, bitches. Install it and then you will be ready to start making GIFs.

Seventh step: Open up Animation Shop. At the top left there will be an icon called Animation Wizard, that is what you will use to make your GIFs.



Eighth step: Once you open the Wizard you will go through 7 screens. None of these really need messed with other than the picking out your caps screen. ALSO, make sure that the last cap in your animation is at the top of the list once you select them all. This will make it flow better when it plays instead of being choppy.



Ninth step: Hit the Finish build. Once your GIF shows up click on the View Animation icon. This will show you what your finished GIF will look like. If you are happy with it, you can save it right now. If you are going to save now, skip to step eleven so you know what to expect.



Tenth step: In this case, the GIF seems a bit slow to me, this one uses a lot of caps. I'm going to adjust it to go from 12 100ths of a sec/cap to 7 using the Frame Properties menu. This will make it run a bit faster. It is also a bit on the large side, I can resize it using the Resize Animation menu. I can also crop it using the Crop icon.




Eleventh step: Now that I'm happy with the speed and size of the GIF, I'll save the finished product. First, click File -> Save As. This will bring up a menu that lets you name your GIF and choose where to save it. It will then take you through 4 screens, just click Next through these. Nothing needs changed.




Twelfth step: You're done! Upload and share it where ever you want. This is my finished GIF for the HP and the HBP trailer.





Post what you did. I want to see if it works for everyone. Let me know if anything is unclear.
Tags:

just wanna let you know i'm using this alot rn lmao

hey ily for this but i'm having troubles with it...when ever i press s to get a cap of the video, it just stops playing the video :|

just so you know, you own my soul now...this tutorial made everything so simple!! also i have vista and the program worked fine for me



just a sample of the stuff i made, ty so much!!!!

lol I came here to say the same thing: I use Vista and Animation Shop works fine for me

Rly? Thanks for letting me know. I'll edit that.

you're officially my hero so thank you

Do you know of any similar programs for a Mac?

I don't. =/ I've never had a Mac. Maybe try googling and see if anything looks promising? Sorry.

for some reason, vlc crashes when i try to make screencaps. :(

oh well i will just use [info]hormoaning to make me gifs like this icon! lol

It might be the video. I've had it freeze up on me a couple of times. Or if I start capping right when the video starts. Also, it is best to tap the hotkey you set a couple of times before holding it down for lots of caps. Idk. It is kind of a temperamental program, but it is the best out of the ones I've tried.

maybe it's because my vlc player is worn out from me watching too many illegally downloaded tv shows on it every day, lol.

You can also use Gom player to get screencaps :)

So far everything worked, up until step 11....or 10.
When i view the animation, why is mine so choppy?
instead of looking like it's the actual video play back.
you know? it's just like motion after motion...
idk if i didnt something wrong or what.

You may just want to edit the settings on it to show each frame for a shorter amount of time.

this helped so much! thanks!
is there anyway though to make animations go faster? i have it on '1' here is one with speed 1 of 1/100

The only other way I know of is to make it shorter/take out frames.

Select all of your frames then go to >Animation >frame properties.. then put 2 or 3 and it should go faster.

Is there a way to make the quality better? I save it with the best quality but they still come out pretty grainy.

hey do you think you could reup animation shop? the link doesn't work anymore.

I can do it when I go home for the summer in two weeks, I don't have the disc here at school with me.

Thanks for letting me know it is down.

I just reupped it. Hope it works for you now :)

OH WOW, Thank you so much!!

What if you want to use a DVD that you have ripped on your computer? I'm not looking to use youtube...

I think it should still work the same way, just play the DVD through VLC Media Player and follow the steps from there on.

Ok,
so I tried it,
but the caps are not turning out really great:

I either get:


or

but with less frames.

And yes I'm ignoring the speed of the gif

I don't know what the problem with the first one is, I've never run into that. The second one it looks like maybe you didn't take enough screencaps from the video. If you don't take enough, it kind of gives it a bit of a jumpy look like that instead of a smooth movement. This might also happen if whatever you are trying to gif is really short and quick in the video, those shorter things don't always flow well in gif form.

Sorry this wasn't more helpful :/

maybe it's because the version of the player is different, so i couldn't really set it up exactly as you said :/

is there any other program i should try?

and don't worry bb, it's not your fault :)

i stumbled upon this and thank you SO MUCH! i wanted to learn how to do this with vlc player but couldn't find a tutorial on it. thank you!! :)

I love you soooo much for this!
Is there a way to make the images not as fuzzy though?

fridayscandals @ lj

Image and video hosting by TinyPic

Thank you so much :)

how can you make it slower???

Just do the opposite of the tenth stop. Instead of lowering the number of seconds per cap, raise it. That will make the gif run slower.

you are a LIVERSAVER. TY x100000


Works very well for me :D

omg, this was amazing. after hours of trying to find out how to make them the easiest way my friend gave me the link to this and instead of taking a half hour to make them like I was trying to before this takes like 10 minutes (tops!)

works sooooo well!

here's the first one I made following this:


thank you so much! haha

thank you so much for this. This was really helpful.