How do I make GIF files move in Photoshop?

2008-02-23 11:22 am
Okay, I created a GIF file in Photoshop - ImageReady. Now, I want to add the GIF file to an image I have already created, but everytime I do that, it doesn't have any action, it only sits on the first frame of the GIF. Anyone know how to get around this or could point me in the direction of a program that could?
更新1:

I tried what you said and it still doesn't move. When I open the GIF file, exactly what am I supposed to do?

更新2:

The GIF is already created. I am just trying to combine it with another image I made in photoshop. When I save it, the GIF stays on frame 1 and doesn't have any animation.

回答 (4)

2008-02-23 11:43 am
✔ 最佳答案
sounds like you are trying to make an animated gif... do that in image ready and save as optimized...
2008-02-23 8:04 pm
use photoshop cs3 and import gif as a video file. u will get all the frames that gif file contains. now u can plac whole animation above any picture. and while savigs it save use save for web and than gif. n u r one with it
2008-02-23 7:46 pm
Preparation
Start ImageReady. Make sure the Animation palette is visible. If it is not, choose Window > Show Animation to make it visible.

Seven steps to construct an animation

1. Create basic image (or open an existing multilayered image)
We will construct a simple image, a sign that says "WELCOME", using the Toolbox.
* First, select File>New
* In the dialog box that opens set: Name: Welcome, Image size: Width 200, Height 40, and Content: transparent
New Image Box
Click "OK"
* Select the Text Tool in the Toolbox and click the blank transparent image. Type "WELCOME" at the cursor on the image. We want to use a 30 px Bold Arial font so enter the values below in the Type Tool palette and change the foreground color to green.
Type Toolbox
After achieving the desired font and color the Move tool can be used to center the text in the image. This is the basic image we will use to form the animation.
Basic image

2. Add animation frames
A thumbnail of the basic image should be located in the Animation palette. The initial frame needs to be duplicated several times. This is done by clicking the "Duplicate Current Frame" icon Duplicate Current Frame. The result should look like

3. Make changes in frames using Layer palette
Changes will be made in the first and third frames to create the animation. In the third frame we will change the opacity so the "WELCOME" message fades away. We will change the first frame so that the message will move "onstage" from the left side to the center.

Select the third frame. Then in the Layer palette move the opacity slider to 0%.
Layer alette
The message in the third frame should now be invisible.

Now select the first frame. Using the Marquee tool (from the toolbox) select the text "WELCOME". Then, using the Move tool, move the selection just off the left edge of the image. The image below shows the text partly moved.

4. Add frames with Tween
We now have three frames where the message is visible in the 2nd frame, but invisible in the 1st and 3rd. We will use the Tween Command to fill in frames to create the desired actions.

First we will add frames between the 2nd and 3rd frames that will cause the message to fade away. Select the 2nd frame. Open the Animation palette menu (by clicking the small triangle in the upper right of the Animation palette) and select Tween.
In the Tween dialog box select to add 6 frames, Tween with Next Frame, and select Opacity to vary.
Clicking "OK" should add 6 more frames.
Now we want to use tweening to move the message from offstage to the center. Select the 1st frame and select Tween from the Animation menu as before. Use 6 new frames again, but this time check Position and uncheck Opacity as the feature to vary. Clicking "OK" adds 6 more frames as indicated.
It only remains to set the delay between frames.

5. Add delays between frames
Go to the Animation menu and choose Select All Frames. This will highlight all the frames. Alternately, the (number on the) first frame can be clicked and the last frame can be shift+clicked. With all the frames selected click the small down triangle to the right of sec at the bottom of one frame. Choose a delay, for example, 0.1 seconds. This is applied to all the selected frames. To set the delay for a single frame, for example Number 7, select it alone and change its delay.

6. Preview animation
To view the animation go to File>Preview File>Netscape (or whatever browser is listed). It is good to check what the animation looks like in all the popular browsers.

7. Save animation
The layered animation is saved as a .psd file using File>Save Original.
To save it as a gif animation use File>Save Optimized.
An HTML file which includes the code for placing the animation on a web page can also be generated by going to File>Export>Save HTML.
2008-02-23 7:27 pm
File >> Save for web :)


收錄日期: 2021-05-01 22:46:45
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20080223032207AAvm0sG

檢視 Wayback Machine 備份