Date: 2010-04-29 11:57 pm (UTC)
Well, if your CS4 works, you'll be needing that to make your animated icon. I use CS3 on my computer so hopefully most of these instructions should work for you but let me know if you run into any problems.
______

First thing I need is a good video for my animation. For example, for Phineas and Ferb stuff, I just go to YouTube, find a nice quality video and save it onto my desktop by pasting the URL of the video at keepvid (http://keepvid.com/).

Then what I do is open up the video with KM Player (http://download.cnet.com/The-KMPlayer/3000-13632_4-10659939.html) (it's freeware and deals with pretty much any video file in existence). I find and pause right before the scene that I want and press CTRL+G, which will open up the screencapping panel and look like the following:

Image

What this tool does is save the images of your video into consecutive image files that you can then use to make your animation. Up at the top, where it says "Extract To" is where you specify where you want those image files to be save so you can access them later. You can also specify how you want them named with the prefix box. KM Player, by default, creates a KM Player "Capture" folder in your documents folder and saves stuff there but you're free to change the location. You want to make sure that you save these to an empty folder, though, because that will make your life so much easier.

For all the other settings, you want to have your settings the same as mine above. They basically determine how the program will take and save the files.

Next, you want to click "Start" and then play/unpause the video and it will start extracting the images. When the scene that you want is over, be sure to click on "Stop". For the purpose of making icons, you want to make sure the scene you picked isn't too long because LJ and other places have maximum limits on how big your final icon can be.

After you've got your screencaps extracted, open up Photoshop! Go to "Windows" at the top and make sure you have both "Layers" and "Animation" palettes open.

Then, I go to "File" --> "Scripts" --> "Load File Onto Stack". A dialog box called "Load Layers" will open up. Choose to load a folder instead of files and then click "Browse" to find the folder you picked to save the images. This will load all the names of your pictures in the box in alphabetical order. Click "OK" and let Photoshop do its thing. :D When it's done, you should have something like the following:

Image

You'll have all the images saved as layers in this one big file. You're ready to create the animation!

The Layers palette is set up so that you have the first screencap of the scene at the top and the last one on the bottom. The little eyes next to each layer tells you whether that layer is visible or not. Since the topmost layer is visible in my example above, that layer will block all the layers below it and you won't be able to see them in the image yet.

You have to go the Animation palette and click on the button at the bottom that looks like a Post-It note (it says "Duplicate selected frames" if you hover over it). Then go to the topmost layer in the Layers palette (mine's labeled "cdi00015.jpg") and click on the eye next to it to make it invisible. You should then be able to see the layer underneath it. You then have to basically keep repeating these steps:

1) click on "Duplicate selected frames" in the Animation palette
2) Make the current top-most visible Layer

Mine looks something like this, with each of my layer having its own frame in the Animation palette:

Image
This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

Profile

graphics by dharmavati

January 2012

S M T W T F S
1234567
89101112 1314
15161718192021
22232425262728
293031    

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 4th, 2025 11:19 am
Powered by Dreamwidth Studios