.gif tutorial
Programs Required:
GOM Player
Adobe ImageReady CS
Adobe Photoshop CS (optional, but you need this to have ImageReady CS)
ImageReady CS is included with Adobe Photoshop CS. You probably don't need ImageReady if you have later versions of Photoshop; I use CS because I'm familiar with it.
GOM Player is available free for download, you may have to go to torrent sites buy Adobe Photoshop CS/ImageReady. I highly recommend GOM Player for a video player even if you don't make gifs, it's really good :)
Step 1: Open up the video in GOM Player. I'm going to use SHINee's Love Like Oxygen music video.
Step 2: If the Control Panel window isn't already open, click the middle icon at the bottom right-hand corner of the player.
Step 3: Click on the Advanced Capture button. A window like the one below will pop up.
The first section is where you choose the folder you want to put your files in.
JPEG Quality: The higher the number, the higher the quality of each image.
Burst Capture Images: The number of images you want to capture.
Burst Interval (sec): This is basically just how fast you want your gif to be. The higher the number, the faster the gif. Typically, when I want something in super slow-mo, I choose a value between 0.01 and 0.05; 0.08-0.1 is about the same speed as the video. It depends, try it at different speeds and see what you get :)
Step 4: To capture the frames for your gif, all you have to do is find the right moment and press Burst Capture. So for this tutorial, I'm going to go with the part in the video where Onew's stares at you and then walks away. Usually I press Burst Capture about 1 second before the actual moment to make sure I get all the frames. In this case I'm selecting to capture 40 frames at 0.05.
Step 5: Open up the folder where you saved all the frames. Delete any frames that don't belong.
Step 6: Open ImageReady. Go to File >> Import >> Folder as Frames. Make sure the Animation window is open (Window >> Animation). Find the folder you saved the frames in and click OK. ImageReady will now make each image an individual frame.
Step 7: Usually, I don't want my gif to be 1280x960 because it'll probably kill your computer, so I'm going to resize this so that it's smaller and less crusty-looking. Go to Image >> Image Size and adjust the height/width to whatever you want. I resize mine to 300x225 pixels.
Step 8 (optional): I don't always do this since I'm lazy, but if you think the colouring of the image isn't to your tastes, what you can do is go to File >> Edit in Photoshop and create a new Selective Color/Color Balance/etc. adjustment layer on top of ALL your layers and play around until you're satisfied. Then, go to File >> Edit in ImageReady. You can find tutorials on selective colouring and what not on icon_tutorial.
Step 9: Go to File >> Save Optimized As... and save your gif. You're done!
Some tips:
- The more HQ the video, the more HQ your gif.
- Make sure your gif isn't too fast or too slow. Slow gifs are annoying, fast gifs don't really allow you to appreciate the moment.
- If you're looking to upload your gif onto a host, choose wisely. For the most part I use either Imageshack or Tinypic. Photobucket doesn't give you enough bandwith, and also screws up your gif sometimes. Imageshack only tolerates smaller files. I use TinyPic for the most part since it offers unlimited bandwith...but I think it also writes over existing images.
- To minimize the file size of your gif, cropping down the edges and deleting unnecessary frames will reduce the file size.
- ImageReady plays the gif faster than your browser.
HAVE FUN!
GOM Player
Adobe ImageReady CS
Adobe Photoshop CS (optional, but you need this to have ImageReady CS)
ImageReady CS is included with Adobe Photoshop CS. You probably don't need ImageReady if you have later versions of Photoshop; I use CS because I'm familiar with it.
GOM Player is available free for download, you may have to go to torrent sites buy Adobe Photoshop CS/ImageReady. I highly recommend GOM Player for a video player even if you don't make gifs, it's really good :)
Step 1: Open up the video in GOM Player. I'm going to use SHINee's Love Like Oxygen music video.
Step 2: If the Control Panel window isn't already open, click the middle icon at the bottom right-hand corner of the player.
Step 3: Click on the Advanced Capture button. A window like the one below will pop up.
The first section is where you choose the folder you want to put your files in.
JPEG Quality: The higher the number, the higher the quality of each image.
Burst Capture Images: The number of images you want to capture.
Burst Interval (sec): This is basically just how fast you want your gif to be. The higher the number, the faster the gif. Typically, when I want something in super slow-mo, I choose a value between 0.01 and 0.05; 0.08-0.1 is about the same speed as the video. It depends, try it at different speeds and see what you get :)
Step 4: To capture the frames for your gif, all you have to do is find the right moment and press Burst Capture. So for this tutorial, I'm going to go with the part in the video where Onew's stares at you and then walks away. Usually I press Burst Capture about 1 second before the actual moment to make sure I get all the frames. In this case I'm selecting to capture 40 frames at 0.05.
Step 5: Open up the folder where you saved all the frames. Delete any frames that don't belong.
Step 6: Open ImageReady. Go to File >> Import >> Folder as Frames. Make sure the Animation window is open (Window >> Animation). Find the folder you saved the frames in and click OK. ImageReady will now make each image an individual frame.
Step 7: Usually, I don't want my gif to be 1280x960 because it'll probably kill your computer, so I'm going to resize this so that it's smaller and less crusty-looking. Go to Image >> Image Size and adjust the height/width to whatever you want. I resize mine to 300x225 pixels.
Step 8 (optional): I don't always do this since I'm lazy, but if you think the colouring of the image isn't to your tastes, what you can do is go to File >> Edit in Photoshop and create a new Selective Color/Color Balance/etc. adjustment layer on top of ALL your layers and play around until you're satisfied. Then, go to File >> Edit in ImageReady. You can find tutorials on selective colouring and what not on icon_tutorial.
Step 9: Go to File >> Save Optimized As... and save your gif. You're done!
Some tips:
- The more HQ the video, the more HQ your gif.
- Make sure your gif isn't too fast or too slow. Slow gifs are annoying, fast gifs don't really allow you to appreciate the moment.
- If you're looking to upload your gif onto a host, choose wisely. For the most part I use either Imageshack or Tinypic. Photobucket doesn't give you enough bandwith, and also screws up your gif sometimes. Imageshack only tolerates smaller files. I use TinyPic for the most part since it offers unlimited bandwith...but I think it also writes over existing images.
- To minimize the file size of your gif, cropping down the edges and deleting unnecessary frames will reduce the file size.
- ImageReady plays the gif faster than your browser.
HAVE FUN!