似鱼飞鱼 发表于 2022-4-25 18:17:04

【制图教程】使用Photoshop制作GIF动画

62666fc975882ab49559a521


一、准备工作

在PS中将所有要制作动画的图层都准备好,如果是通过多个图层实现的动画效果,则多个图层都提前准备好(多余的图层先隐藏)

二、呼出动画菜单

窗口 -时间轴 呼出时间轴菜单(旧版PS可能会叫“动画”)
点击 - 创建视频时间轴
点击 - (窗口左下角)切换为帧动画

三、不同图层动画效果

1、调整好第一帧的持续时间,点击 - 复制所选帧
2、选中新复制的帧 - 在图层面板勾选显示变化的图层 并隐藏冲突的动画图层
3、持续1、2步骤直到所有动画创建完毕
4、设置动画为 永远循环 并点击播放查看效果
5、调整每一帧的持续时间,让动画更协调,直至完成。

四、同一图层的移动动画效果

1、调整好第一帧的持续时间,并给要制作动画图层一个起始位置,点击 - 复制所选帧
2、选中新复制的帧,移动要制作动画图层,让他到动画的终点位置。
3、使用SHIFT多选,选中第一帧和最后一帧
4、点击创建过渡,并设置过渡的数量
5、设置动画为 永远循环 并点击播放查看效果
6、调整每一帧的持续时间,让动画更协调,直至完成。

五、导出GIF

1、文件 - 存储WEB所用格式
2、文件格式选择GIF,并确定循环方式,点击存储完成导出

六、教程所用PS版本下载

链接:https://pan.baidu.com/s/1ndvKDjnndxapPHgem04k2g
提取码:vgdf
安装方法,下载并解压缩到D盘,然后进入文件夹中,运行QuickInstall,完成一键安装。
再运行桌面的快捷方式就可以。
七、可以尝试的动画效果

1、一个图层的透明度从0%-100%,实现隐藏-显示的效果(这个用同一个图层实现)
2、一个图层一会变大、一会变小,一会向左,一会向右,实现突出显示效果。(这个需要用多个图层,通过隐藏、显示来实现)

虫虫° 发表于 2022-4-25 18:17:58



交作业啦。#47

折花思梦 发表于 2022-4-25 19:12:07

嗯哼~~#159占位

折花思梦 发表于 2022-4-26 12:06:15



迷糊星星 发表于 2022-4-26 12:23:06

#153好东西先收藏

我曾经很帅 发表于 2022-4-26 13:23:03

先mark一下

偷牛的小伙 发表于 2022-4-26 17:27:01

mark

鼓洛里 发表于 2022-5-3 09:39:13

飞鱼老师又发教程了#86#86#86爱你哦#128
页: [1]
查看完整版本: 【制图教程】使用Photoshop制作GIF动画