求助。网页上的gif动画是怎么做出来的?

发布网友 发布时间：2022-04-24 12:38

我来回答

共5个回答

热心网友 时间：2022-05-02 23:26

photoshop是图像处理软件，不是动画专业制作工具，但其提供的动画组件用来制作GIF这类片断动画还是非常简单快速的。这里以经验9月活动图片做一例子说明吧。

photoshop

图片

打开photoshop后，将需要成为动画的部分分图层制作出来。如图中所示，图层2是绿色小汽车，也是我们要制作成动画的唯一一个活动的组件，所以我们根据需要直接复制多个该图层：

然后，再根据动画场景需要将各个动画组件放置在相应位置，并根据需要适当修改。如图中头尾的小汽车相应的剪切过，中间转变处小汽车也有适当旋转：

好了，我们再单击“窗口”菜单，选择“动画”命令：

可以看到窗口底部打开了“动画”面板：

动画是以帧为单位来显示的，可能通俗理解为一个帧也就是PS的一个图层。所以每个帧只需要显示相应的图层上的图片即可。这里是先制作第一帧，只要动画最开头的只显示半辆汽车的图层，其它所有图层都隐藏掉。注意不会变的底层（图层1）在所有的帧上都不要隐藏掉：

第一帧制作完毕后，单击“动画”面板下面工具栏上的“复制所选帧”按钮新建帧（也就是动画片断）：

和第一帧一样，在新建的帧上仅保留需要的显示的图层及不变的底层即可：

重复前一步操作，分别新建多个帧，并分别设置要显示和隐藏的图层即可：

帧制作完成后，我们再对各帧设置合适的播放时间：

制作完成后，单击“文件”菜单，选择“存储为Web和设备所用的格式”命令：

在弹出的“存储为Web和设备所用的格式”窗口中选择格式为“Gif”：

最后再单击“存储”按钮保存动画：

热心网友 时间：2022-05-03 00:44

热心网友 时间：2022-05-03 02:19

热心网友 时间：2022-05-03 04:10

热心网友 时间：2022-05-03 06:18