平面动画制作.ppt

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