Tor
05-12-2006, 09:35 PM
This tutorial is a follow up, on the "Underlying Layers" Tutorials. Which can be found by By Clicking Here (http://romeo-help4u.com/AA/tutorials/PS/site/basics/?page=Underlying-Layers/2) An understanding of the above tutorial is necessary for this animation effect.
We are going to use the same two images from the Underlying layer tutorial. You can click on them to get them or find your own images.
http://romeo-help4u.com/tuts/PS/basics/images2/lying1-smallplane.gif (http://romeo-help4u.com/tuts/PS/basics/images2/lying1-fullplane.gif) http://romeo-help4u.com/tuts/PS/basics/images2/lying2-smallcloud.jpg (http://romeo-help4u.com/tuts/PS/basics/images2/lying2-fullcloud.jpg)
First up, when you're finish with setting the "underlying layer", tranfer it to image ready. Then make sure that the animation pallet is visible. Next Look at the animation pallet, and look at your canvas. Do you see the plane and the the clouds? Is the plane layer on top the cloud layer? If it's not then make sure it is. Good.
Tip: The two images I provided were pretty big. It's best to crop the image. You may also want to reduce the size of the airplane. In all animation effects, the more frames that you have the larger the size will be. http://romeo-help4u.com/tuts/PS/animations/images2/plane.gif
Next Drag the plane image out of the canvas. Meaning you don't see it anymore. This is done on the first frame alright? At this point there should only be one frame. For those of you who don't understand the difference between a frame and a layer, let me explain. The frame is in the animation box. The layer is in the layers pallet. Got it? Good.
http://romeo-help4u.com/tuts/PS/animations/images2/plane2.gif
Next duplicate the frame. Then on the layers plane pallet. Select the plane layer, then choose the move tool. And move it to the to the other side of the canvas. So that you don't see it anymore. So that it is outside of the canvas on the opposite side.
http://romeo-help4u.com/tuts/PS/animations/images2/plane3.gif
Next tween the image by clicking the tween button in the animation pallet. I did 40 frames, because, I cropped my image down, and reduce the plane size. Something small. Then click okay. You should now notice a grip load of frames being added. Go to "File > Saved Optimize As..." When the dialog box comes up, choose "image only *{gif}" next to file type.
http://romeo-help4u.com/tuts/PS/basics/images2/lying5.gif
We are going to use the same two images from the Underlying layer tutorial. You can click on them to get them or find your own images.
http://romeo-help4u.com/tuts/PS/basics/images2/lying1-smallplane.gif (http://romeo-help4u.com/tuts/PS/basics/images2/lying1-fullplane.gif) http://romeo-help4u.com/tuts/PS/basics/images2/lying2-smallcloud.jpg (http://romeo-help4u.com/tuts/PS/basics/images2/lying2-fullcloud.jpg)
First up, when you're finish with setting the "underlying layer", tranfer it to image ready. Then make sure that the animation pallet is visible. Next Look at the animation pallet, and look at your canvas. Do you see the plane and the the clouds? Is the plane layer on top the cloud layer? If it's not then make sure it is. Good.
Tip: The two images I provided were pretty big. It's best to crop the image. You may also want to reduce the size of the airplane. In all animation effects, the more frames that you have the larger the size will be. http://romeo-help4u.com/tuts/PS/animations/images2/plane.gif
Next Drag the plane image out of the canvas. Meaning you don't see it anymore. This is done on the first frame alright? At this point there should only be one frame. For those of you who don't understand the difference between a frame and a layer, let me explain. The frame is in the animation box. The layer is in the layers pallet. Got it? Good.
http://romeo-help4u.com/tuts/PS/animations/images2/plane2.gif
Next duplicate the frame. Then on the layers plane pallet. Select the plane layer, then choose the move tool. And move it to the to the other side of the canvas. So that you don't see it anymore. So that it is outside of the canvas on the opposite side.
http://romeo-help4u.com/tuts/PS/animations/images2/plane3.gif
Next tween the image by clicking the tween button in the animation pallet. I did 40 frames, because, I cropped my image down, and reduce the plane size. Something small. Then click okay. You should now notice a grip load of frames being added. Go to "File > Saved Optimize As..." When the dialog box comes up, choose "image only *{gif}" next to file type.
http://romeo-help4u.com/tuts/PS/basics/images2/lying5.gif