《Photoshop平面动画制作》由会员分享，可在线阅读，更多相关《Photoshop平面动画制作（27页珍藏版）》请在金锄头文库上搜索。
1、河北师范大学 侯炎飞 1. 学习Photoshop平面动画制作2. 通过课程了解Photoshop平面绘图3. 锻炼大家对静态和动态平面图像的鉴赏能力Photoshop大多是被用来制作海报、印刷稿等静态图像的 ，其实它也具备一定动画制作的能力。如何在Photoshop 中创建出由多个帧组成的动画。把单一画面扩展到多个画 面。并在这多个画面中营造一种影像上的连续性，令动画 成型。 这是我们课程中要学到的东西。第一章 认识平面动画帧的概念优缺点简单制作的动画第二章 图层动画 渐入渐出过度帧的设定关键帧动画形成原理是因为人眼有视觉暂留的特性，所谓视觉暂 留就是在看到一个物体后，即使该物体快速消失，也
2、还是 会在眼中留下一定时间的持续影像，这在物体较为明亮的 情况下尤为明显。这里的动画并不是简单的指卡通动画片 ，虽然卡通动画的制作原理相同，但这里的动画是泛指所 有的连续影像。 总结起来，所谓动画，就是用多幅静止画面连续播放，利 用视觉暂留形成连续影像。有关动画播放速度的单位是 fps，其中的f就是英文单词Frame(画面、帧)，p就是Per( 每)，s就是Second(秒)。用中文表达就是多少帧每秒，或 每秒多少帧。 电影是24fps，通常简称为24帧。电视机的信号，中国与欧洲所使用的PAL制式为25帧，日 本与美洲使用的NTSC制式为29.97帧。 人眼不能辨别超过30帧的画面，高的帧率可
3、以得到更流畅 、更逼真的动画。但帧数并不是越高越好。因为过高的帧 数相当于同等长度的影片要存储更多的画面，因此影片的 文件体积就会大量增加。现在很多使用Flsh制作的动画都可以附带配音和交互性， 从而令整个动画更加生动。而Photoshop所制作出来的动 画只能称作简单动画，这主要是因为其只具备画面而不能 加入声音，且观众只能以固定方式观看。但Photoshop制 作的动画也有它的优点，它可以方便快捷的制作很多网页 动画图标，也可以通过图层样式动画做出其他软件不能做 出的精美的画面等。 新建一个图层，打开动画窗口后可以发现图层窗口中 增加了两项，如图红色箭头。在动画调板中点击 “复制所选帧”按
4、钮 ，就会看到新增 加了一个帧。 按钮的作用就是删除帧。 复制所选第2帧并用移动工具移动图层，连续操作制作 7个帧并按 键，一个简陋的动画就做好了。点击帧下方时间来设置帧的延迟左下位置设置整个动画的循环次数按下CTRL+S【文件存储】可以将动画设定保存 起来，文件格式为psd。如果需要能用于网页的独立动 画文件，则需要使用CTRL+ALT+SHIFT+S【文件 存储为Web和设备所用格式】在动画中两个物体不是同时移动的第一帧删除了某个图层，那么之后所有帧中就都不存 在这个层了。因此在Photoshop动画设定中，第一帧 是比较特殊的。 点击红色箭头处可以开启调板选项，可以自己设定帧 缩览图的大
5、小。绿色箭头处的 是帧步进按钮，点击一 次播放一帧， 则是播放上一帧。 按钮则是回到起始帧。 择第2帧，在图层调板中将方块图层的不透明度改为 80%，第3帧60%，以此类推，到第6帧为0%。之后再 播放就会看到方块逐渐渐隐的效果。 将所有的帧中的方块都移动到左端后，然后逐个帧地 设定方块的位置 。再播放得到逐渐消失远去的图像。 使用方向键移动的方法可以保证轨迹的一致，但其局 限性也很明显，那就是只适合制作水平垂直或45度角 这样的轨迹。 设定好某段运动的起始帧和结束帧，然后用过渡帧键 在 这两帧中产生平均的过渡。如果是物体的移动，则就是先 设定好移动起点帧和终点帧。 新建图层并画上方块，将其移
6、动到左上角。接着复制1帧 ，在新帧中将方块移动到右下角，并将图层部透明度设为 10%。然后按下红色箭头处的过渡帧按钮，要添加的帧数 就是指过渡过程所将占用的帧数，这里设为3，那么加上 原来2帧，这个动画总共就是5帧。 这种利用过渡方式制作动画，我们只需要考虑某段动 画的开始和结束的样子就可以了，中间的过程会自动 完成。在这种情况下，开始和结束的那两帧被称之为 关键帧(KeyFrame)， 设计思维就是指在制作动画前的规划考虑，这规划包括很 多方面。 一、合理安排图层 因为移动的最小单位是图层，不同的单位要在不同的图层 当中。 二、图层的层次安排 是否会与其他图层相交，相交时候的处理 情节方面如
7、果物体原本不在画面中，是后来进入画面 的，或原本在画面中后来移出了画面，则需要对物体 的出现和消失做一个交代，这个交代就是过渡 。以下 例子展示了是否采取淡入和淡出处理的效果对比。 第一个动画是随着文字移动而逐渐显现移动到一半时文字 最明显，然后又随着移动逐渐消隐。 第二个动画中，文字在最右端淡入的时候是静止的，完全 显现后才开始移动。移动到最左端后又在静止状态下淡出 。 如果在20帧中加入另外一组文字动画，新的文字既有移动 也有不透明度变化。此时不能再建立关键帧，也不是使用 关键帧过渡，而且一旦执行了过渡，关键帧就无法修改， 除非撤销操作从头再来。而Photoshop只提供一套帧系统 。现在唯一可行的方法就是逐帧地手动调整 。并且最好 一次搞定，因为再次修改将会烦上加烦。
