♪ ♪ ♫ When you read you begin with A, B, C…. ♫ ♪ ♫
♫ ♫ ♫ When you make animated gifs, you start with your VOB! ♪ ♫ ♫
Animated GIF Tutorial – Part 2a
Welcome back to our animated gif tutorial. Before you begin this part, you should have some video footage available to clip into a short segment. If you do not, please complete Part 1 of this tutorial. 🙂 Today we are going to clip the VOB file into a short scene to be used in our final animated gif. There are many ways to do this. I am showing you how I do it in Adobe Premiere Pro.
This part of the tutorial uses many screencaps so it is divided into two posts. Also, I used lower-quality images to speed up the page loading times.
Once again, here’s the final product that I’ll be using to demonstrate. Mmm, John Porter makes it hard for me to concentrate so I must apply effort, LOL! ♥
As I mentioned in part 1, the gif consists of video and text and the animation loops indefinitely.
Here again are the “broad strokes.” I will break it down step-by-step, but I want you to see the big picture.
- First you need to rip a DVD. This was done in Part 1.
- Then clip a 2-5 second sequence in a video editing program, such as Adobe Premiere Pro. ◄ You are here!
- Import that clip into Adobe Photoshop to set the timings.
- Finally, add the text, resize the image and save for the web.
NOTE: Adobe Premiere Pro and Adobe Photoshop are not free, but you can download fully-functional trial versions for a 30-day period.
Tutorial Part 2 Starts Here – Clipping the video
Today we’ll learn part 2: clipping the video. Now that we have a long segment of video footage, we need to edit it down to a 2-5 second sequence for our animated gif. We will be using the video editing program Adobe Premiere Pro because it supports VOB files without the need to convert them.
We’ll be downloading and installing Adobe Premiere Pro if necessary first. Then we’ll create a new project in our Animation folder with the proper settings. After that, we’ll import our VOB video file, clip it, and export it for the next step. Today’s lesson requires a lot of screencaps so I am dividing it into two posts in the same day. Also, for faster page loading, I used lower-quality images. This is essentially a crash course in Adobe Premiere Pro! 😀
If it seems a bit overwhelming at first, take it step-by-step and you should be fine. If you have problems, go back a few steps and try again. Feel free to post your questions in the comments and I will answer them as soon as I am able. You are also welcome to answer the questions of others! This is a team effort. 😀
- Be sure you know where your VOB or other video file is located. Mine is in the C:\Animation folder.
- If you don’t already have Adobe Premiere Pro, you can download a free 30-day trial at http://www.adobe.com/cfusion/tdrc/index.cfm?product=premiere_pro. My tutorial is written using version CS5, so that’s where I’m directing you.
NOTE: If you already have another version of Adobe Premiere Pro, you should NOT download the trial! The reason is because once the trial period is over, your program will become inoperable and you will have to uninstall everything and reinstall your old version. If you lost your original registration code, you will be left without anything, and a previous version is much better than no version at all. 🙂
- Install Adobe Premiere Pro CS5. I don’t have a tutorial for the download and installation of Adobe Premiere Pro, but if you have difficulty, please let me know via the comments.
- Start Adobe Premiere Pro CS5 and you should see something like this:
- Click on “New Project” and you will see something like the image below. We’re going to set our file location and give it a name.
- To set your file location, click the “Browse…” button and navigate to the C:\Animation folder you created in Part 1. Then click the OK button.
- Give the file a name by highlighting (selecting) the word “Untitled” and typing a new name. I’m going to call my new file GIF. Then click the OK button.
- Now we’re going to choose our sequence settings. These settings work well for most of my animated gif projects. To access these settings, click the down arrow beside “AVCHD,” then the down arrow next to “720p.” Finally, select “AVCHD 720p25.” We’re going to keep the default Sequence Name “Sequence 01” so click the “OK” button.
- Now you should have Adobe Premiere open! We will only be using a few features to make our short clip. Your screen should look similar to the screencap below. Click for full size if desired.
- We need to import our VOB file in order to clip it down to a short segment. To do this, click the “File” menu, then “Import.”
- Make sure you are in the appropriate folder. I’m in C:\Animation. Then select your VOB file and click the “Open” button. (The Open button is not visible in the screencap.)
- Confirm that your file is imported and in the Project Panel as shown below. In order to begin the clipping process, we need to DOUBLE-CLICK the VOB file in your Project Panel as shown with the arrow.
- After double-clicking the VOB file, it will appear in your source monitor. However, since you are at the beginning of the file, you may see only a black screen as shown below.
- To see the footage, we will scroll though it by sliding that blue thing. 😉 In technical terms, we will “scrub the playhead” back and forth. Then we can see our footage. Go ahead and scrub through your footage using the blue playhead so you can find the location where you want to start your clip for your animated gif. Now would also be a good time to Save your file.
- Optional: It might be a good idea to write down the timing of the beginning of the sequence you’ll use for your animated gif.
That’s the end of this section of the tutorial. Take a nice study break and then go on to Animated GIF tutorial – part 2b.
Here’s a screencap to rest your eyes on. ♥