Simple Animation w/ Imageready 4 replies

Please wait...

Sli(K

Pork Chop Sandwiches!

50 XP

23rd April 2005

0 Uploads

105 Posts

0 Threads

#1 13 years ago

Note: I use good ol' IR 2.0 with this, but I don't see it changing much. I'm also using PS 5.5 which I'm positive has a different layout then CS so bear with me. I'll explain how to use simple graphic animations, as well as actual movie clips. 1. Open Photoshop (don't need imageready yet), and open a new project. My example project will be 100x100. 2. Go to Filter -> Render -> Clouds just for the hell of it. When you do your own projects you'll probably be using your own backgrounds etc. so let's pretend this bottom layer is part of your sig. 3. If you like, rename this layer "under", as it will go under all of the animated layers in this example. Whatever floats yer boat. 4. Make a new layer, 5 new layers actually. 5. Select each layer, and paint it a different color -> draw on it's corresponding number if you like. So you're layers palette should look something like this... ex15lp.jpg 6. Now, set every layer other than your "under" layer to 50% transparency. 7. Now, make a new layer and call it "over" - make sure it's at the top of your pallete and the highest layer. Make this layer a simple border (use the paintbrush and draw a spiffy square along the outside, leaving the middle empty. Leave this new layer at 100% opacity, or don't - no big deal. ex26mv.jpg 8. Save project(as a regular photoshop .psd file), and open it in Imageready. 9. Find this spiffy box on your screen(in imageready)... ex36cr.jpg If you can't, go to Window > Show Animation This allows you to easily edit your animation. You ever see those flip books where when flick the pages an animated "movie" appears? This uses the same type of concept, by creating an animation through frames (usually quite a few, a typical 5 second clip from a movie trailer can have more than 100) Notice the VCR/DVD like controls at the bottom? Make a mental note for later. By using the Layers Pallete and this box, we'll have our project animated in no time. As you can see, the first "card" shows the under/and over layers only -> and as you'll notice those are the only ones on the layers pallete with the "eye" icon in their corresponding box. If your first frame/card has something else, whatever layers displayed on your first card will have their corresponding "eye" icon displayed in their corresponding boxes. If so, deselect/select layers until only the under/over layers are displayed. ex40jf.jpg 10. Still with me? :) Now, hit the arrow under the -/X buttons on the animation box, and select "New Frame". Or, you could just hit the "Duplicate current Frame" button next to "next chapter" like button on the VCR like controls on the animation box. 11. The under/over layers should still be selected (with the eyes displayed in both of their boxes) so if not select them. Now, click in the display box for the first animated layer -> to display it's "eye" in the box and add it to the second frame... ex56bx.jpg Repeat this until you have 5 new frames, one for each of the "animated" layers. Like so... ex69ds.jpg 12. Good, now make a 6th and final frame-> and only display the under/over layers. So, make the first frame all over again. 13. Notice where it says "0 sec \/" on each of the frames? ex75zd.jpg this controls the time that particular frame will be displayed, in seconds, or fractions of seconds. The, "frame delay time". Clicking on the arrow will display a selection of time intervals. Set the two clone frames (the first and the last) to a full second, and everything else to half a second... ex88tj.jpg 14. Congratulations! You're done! Hit the Play button and watch it run in the main box. You can save it if you like, just go to file -> "save optimized as" and it will save your project as an animated GIF. exfinal5vt.gif ------ Part 2 ------ Imageready can take a movie clip and display it's frames automatically, when you select what portion of the clip you want to use. For this example, we'll be using a spiffy little movie of a race car going around a track. It's a quicktime movie, so you'll be needing that. Right click on this link, and hit "save target as". Save to your desktop or somewhere it will be easy to find. VIDEO: Road Course (Inside Car) If that doesnt work, go here... http://www.mini-madness.com/caranddriverresults.html and then find and download the movie. 1. Open Imageready 2. Open the .mov file 3. The Window that pops up is quite simple, it's where you select what portion of the clip you want to use. So, hit where it says "selected range only" and move the slider in the display to where you want it to start, and continue dragging with shift pressed and held until you're happy. Don't get carried away, remember -> ~5 seconds = +100 frames! 4. When you're good, hit OK 5. The frames still work the same way they did before, there's just more of them this time. More layers as well, but that's failry obvious. Don't get too excited with this, it requires a lot of memory and you won't be able to get too much in your sig/avatar. Do any editing, and when you're done save as an optimized gif. expart2final4tu.gif Here's a simple little example I did myself. Took a short little clip, and reversed it when it ran through.




Sli(K

Pork Chop Sandwiches!

50 XP

23rd April 2005

0 Uploads

105 Posts

0 Threads

#2 13 years ago

Sorry for the double post, forgot these pics lastnight. This is an example of the window that pops up when you open a .mov file in imageready. As you can see, it looks like WMP or quicktime on one side and has three selection choices on the left. exaa5bz.jpg Just as a reminder, use the "selected range only" choice - and use shift to select an area of the movie you want to use. I.E. Move the slider to where you want to start copying your clip from, and then continue dragging with shift held down to select all you want to use, without getting carried away. This is just an example of what you'll see when you've selected your clip from the movie. exab1wy.jpg




Force Recon

Semper fidelis

50 XP

10th July 2004

0 Uploads

2,637 Posts

0 Threads

#3 13 years ago
5. Select each layer, and paint it a different color -> draw on it's corresponding number if you like.

I am stuck here.I select a layer but the under layer remains there.




HiRoShImA12490

Don't Be Afraid Matt 14:27

50 XP

5th July 2005

0 Uploads

74 Posts

0 Threads

#4 13 years ago

how do u open in imagery?? lol *stupid question*




Phoenix_22 VIP Member

46 and 2, are just ahead of me

255,785 XP

23rd September 2004

0 Uploads

24,266 Posts

0 Threads

#5 13 years ago

what? go to programs > adobe > photoshop > image ready But image ready should only be used only for animations really, use photoshop when you are dealing with jpegs, bmp, png, etc.