Photoshop动画教程及实例(GIF动画制作)

接着选择第2帧，在图层调板中将方块图层的不透明度改为80%，第3帧 60%，以此类推，因为我们还有一个0%的延迟，所以还需要再复制一个 帧出来，为第6帧，并设定透明度为0%。形成的效果如右图所示。这时 候播放就会看到方块逐渐渐隐的效果。
3.2 帧的传播传播特性
如果你在第一帧删除了某个图层，那么之后所有帧中就都不存在这个层了。 因此在Photoshop动画设定中，第一帧是比较特殊的。 现在选择第一帧，确保图层调板中“传播帧1”已被勾选，如下左图红色箭 头处所示。然后移动图层，就会发现所有帧中的方块都统一发生了移动， 如下右图所示。 如果“传播帧1”未被勾选，则只会改变第1帧中的方块位置。
6.设定帧延迟的方法就是点击帧下方的时间处，在弹出的 列表中选择相应的时间即可。如图所示，将第7帧设为0.5 秒。
7.动画的循环方式
2.2 动画的导出
导出能用于网页的独立动画文件，则需要使用菜单【文件>存储为Web和 导出能用于网页的独立动画文件，则需要使用菜单【文件>存储为Web和 Web 设备所用格式】 设备所用格式】。 弹出保存设置窗口，需要注意的是，如果没有选择GIF格式， GIF格式 弹出保存设置窗口，需要注意的是，如果没有选择GIF格式，则下方的播 放按钮不可用。这是因为只有GIF格式才支持动画，如果强行保存为其他格式 放按钮不可用。这是因为只有GIF格式才支持动画， GIF格式才支持动画 JPG或PNG格式），则所生成的图像中只有第一帧的画面 格式），则所生成的图像中只有第一帧的画面。 （如JPG或PNG格式），则所生成的图像中只有第一帧的画面。
8、调整好“鸟2”的角度后再次Ctrl+J复制出“鸟2副本”，然 、调整好“ 的角度后再次Ctrl+J复制出“ 副本” 后隐藏“ 后隐藏“鸟1”和“鸟2”层，去掉图层前面的小眼睛图标即可隐 层，去掉图层前面的小眼睛图标即可隐 藏。
9、用磁性套索工具沿着鸟头与身体相交的部分勾选出小鸟的 、用磁性套索工具沿着鸟头与身体相交的部分勾选出小鸟的 头。
12、选择“鸟头”层，执行菜单/编辑/水平翻转后再Ctrl+T调 12、选择“鸟头”层，执行菜单/编辑/水平翻转后再Ctrl+T调 整到如下角度，形成鸟儿回头看的样子。
13、选择涂抹工具，设置如下，将鸟头与身体接合处轻轻涂抹 13、选择涂抹工具，设置如下，将鸟头与身体接合处轻轻涂抹 一遍使之完美接合。下面就可以开始做动画了。
16、选择第2帧，隐藏其它图层，只显示鸟2和背景 16、选择第2帧，隐藏其它图层，只显示鸟2
17、选择第3帧，只显示鸟头、鸟身和背景。 17、选择第3帧，只显示鸟头、鸟身和背景。
18、选择第4帧，只显示鸟2和背景，并将显示时间设为2秒。 18、选择第4帧，只显示鸟2和背景，并将显示时间设为2
19、执行文件/存储为Web和设备所用格式。 19、执行文件/存储为Web和设备所用格式。
Photoshop 动画教程
【学习目标】 学习目标】
1. 2. 3. 4. 了解GIF动画初识 了解GIF动画初识 掌握帧的传播特性及过渡 掌握使用各种方法制作动画 熟练GIF动画的导入和导出 熟练GIF动画的导入和导出
【学习内容】 学习内容】
1.GIF动画初识 2.制作简单的GIF动画 3.帧的传播特性及过渡 4.时间轴动画 5.GIF动画导入和导出
6、将复制出的小鸟命名为“鸟1”，然后Ctrl+J再复制一层。 、将复制出的小鸟命名为“ ，然后Ctrl+J再复制一层。
7、将复制出的“鸟1副本”命名为“鸟2”，选择菜单/编辑/水 、将复制出的“ 副本”命名为“ ，选择菜单/编辑/ 平翻转后再Ctrl+T调整到如下角度。 平翻转后再Ctrl+T调整到如下角度。
5.重复几次，这种先复制帧再移动方块的操作，现在我们拥有了7个帧， 5.重复几次，这种先复制帧再移动方块的操作，现在我们拥有了7 且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层 存在(背景层暂且不算) 存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位 置在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以 做出物体移动的动画。
2.新建一个图层并绘制一个任意形状。
3.在动画调板中点击箭头处的“复制所选帧”按钮，就会看到新增加了一个帧。这新建出来的 帧和前一个帧的内容是相同的。相应的，大家也应该能想得到垃圾桶似按钮的作用就是删除帧。
4.确认动画调板中目前选择 的是复制出来的第2帧，然后 使用移动工具将图层中的形 状移动一定距离，大致如右 图所示。可以看到虽然在第2 帧中形状的位置发生了改变 ，但在原先第1帧中方块的位 置依然未变。这是一个很重 要的特性。
可以看到圆形的位置和不透明度都发生了均匀的过渡。如果之前在过渡设定中关闭了 “位置”或“不透明度”参数，就没有现在的效果了。
开始和结束的那两帧被称之为关键帧，它们决定了过渡帧的形态。
动画实例
1、打开一张小鸟图片。
2、Ctrl+M调出曲线调节窗口，点击红圈内“自动”按钮修正 Ctrl+M调出曲线调节窗口，点击红圈内“自动” 一下图片色彩。
3、现在图片看起来更清晰，也更具层次感了。
4、用磁性套索工具勾选出小鸟的轮廓。可以用增加选区的方 、用磁性套索工具勾选出小鸟的轮廓。可以用增加选区的方 式分多次勾选，直到选出整只小鸟为止。
5、Ctrl+J复制小鸟为单独的图层，用移动工具将它拖到树枝的另一边， Ctrl+J复制小鸟为单独的图层，用移动工具将它拖到树枝的另一边， Ctrl+T调整到合适的角度。现在我们就有了两只并排站立的小鸟。 Ctrl+T调整到合适的角度。现在我们就有了两只并排站立的小鸟。
1.1 1.2
动画面板 图层面板
1.1 动画面板
单击“窗口”菜单选择“动画”即可打开和关闭动画面板。 单击“窗口”菜单选择“动画”即可打开和关闭动画面板。
当前帧：即动画文件中当前的单幅画面 当前动画文件循环选项：设定当前动画循环播放次数 面 选择上一帧：选择上一幅单幅画面 选择最后一帧：选择当前动画的最后一幅画面 明度、效果变换 复制所选帧：复制当前画面
14、在窗口菜单中勾选“动画”调出动画窗口。选择第1帧， 14、在窗口菜单中勾选“动画”调出动画窗口。选择第1 隐藏其它图层，只显示鸟1和背景，并将显示时间设为1 隐藏其它图层，只显示鸟1和背景，并将显示时间设为1秒。
15、点红圈内复制按钮复制出另外三帧。 15、点红圈内复制按钮复制出另外三帧。
统一图层可见性：
统一设定当前图层在所有帧当中是否显示
统一图层样式：
统一调整当前图层在所有帧中的样式
帧的传播特性：
将第1帧的改变传播给所有帧
2
制作简单的GIF动画
1. 制作编辑动画 2. 设定帧的延迟时间 3. 动画的循环方式 4. 动画文件的导出
2.1 ห้องสมุดไป่ตู้作动画
1.新建一个200×200像素的文档。
3
帧的传播特性及过渡
3.1 帧的透明度传播 3.2 帧的传播特性 3.3 帧的选择 3.4 帧的过渡
3.1 帧的透明度传播
上一个我们制作的是位移动画，是利用图层的移动。 上一个我们制作的是位移动画，是利用图层的移动。 还可以通过设定不同的图层部透明度来产生动画， 还可以通过设定不同的图层部透明度来产生动画，那就是在不同的帧中改变 图层调板中的部透明度数值。现在新建一个400×100的图像，新建一个图层 图层调板中的部透明度数值。现在新建一个400×100的图像， 400 的图像 并绘制一个圆形。然后一次性复制4个帧出来，将会看到5 并绘制一个圆形。然后一次性复制4个帧出来，将会看到5个帧都是相同的内 容。将所有帧的停留时间统一改为0.1秒，如下图所示。 将所有帧的停留时间统一改为0.1秒 如下图所示。 0.1
1.新建一个图像，大约500×100 2.新建图层并画上圆形形状，将其移动到左上角。 3.接着复制1帧，在新帧中将方块移动到右下角，将图层部透明度设为10%。 4.然后按下红色箭头处的按钮，将出现相应的对话框。
1. 过渡方式是指过渡相对哪一帧， 由于之前我们选择的是第1帧， 并且总共也只有2帧，所以既可 以选择默认的“下一帧”，也可 以选择“最后一帧”。 2. 要添加的帧数就是指过渡过程所 将占用的帧数，这里设为5，那 么加上原来7帧，这个动画总共 就是7帧。 3. “位置”和“不透明度”这两项 。所谓参数就是指进行动画过渡 的图层属性，我们之前说过图层 的位置和不透明度的变化可以做 成动画，在这里就反映出来了。
在存储过程中可能出现如下图所示的警告信息，不必理会，确定即可。 在存储过程中可能出现如下图所示的警告信息，不必理会，确定即可。 也可以让其不再显示。 也可以让其不再显示。但大家要注意在给文件起名时要使用半角英文或 数字，不要使用全角字符或中文。 数字，不要使用全角字符或中文。这是为了能更广泛地被各种语言的浏 览器所兼容。 览器所兼容。
1
G I F 动 画 初 识
※所谓动画，就是用多幅静止画面连续播放，利 用视觉暂留形成连续影像。比如传统的电影，就 是用一长串连续记录着单幅画面的胶卷，按照一 定的速度依次用灯光投影到屏幕上。 ※目前在Windows系统上的主要动画图像格式是 GIF，其也可以直接在网页中显示，是目前应用最 广泛的动画图像格式。包括现在流行的手机彩信 中的动画也属于GIF格式。
3.3 帧的选择
SHIFT键——连选快捷键 CTRL键——点选快捷键
3.4 帧的过渡
1. 逐帧动画：就是逐个帧进行制作。例如，一个物体的移 动，我们是从头到尾参与了每一帧的设定。 2. 补间动画：设定好某段运动的起始帧和结束帧，然后在 这两帧中产生平均的过渡。如果是物体的移动，则就是 先设定好移动起点帧和终点帧。
当前帧停留时间：当前画面停顿时间 选择第一帧：选择动画开始的单幅画
播放当前动画：预览当前动画 过滤动画帧：两个帧之间的位置、透 删除所选帧：删除当前画面