Photoshop GIF动画制作公开课课堂.ppt

  1. 1、本文档共26页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Photoshop 店铺 GIF 动画制作 讲课人:孙大兵 一 . 教学目标 ( 1 )知识目标:掌握 Photoshop 动画制作的理论 知识,熟知动画帧的设置技巧。 ( 2 )能力目标:能根据要求制作 GIF 动画。 ( 3 )素质目标:要求学生能创造性的对图片素材 进行动画创意设计。 二 . 教学重点和难点 1. 重点: Photoshop 动画制作的两种方法 2. 难点:动画面板和图层面板的使用 三 . 教学方法和教学安排 1. 机房多媒体形式,讲授法与学生实际演 示相结合。 2. 两个课时 四 . 教学过程 1. 复习提问 ( 1 ) Photoshop 主要功能是什么? ( 2 ) Photoshop 主要应用领域有哪些? 四 . 教学过程 2. 新课导入 在我们前面所学的课程中, Photoshop 只是被用来制作比如海 报、印刷稿等静态图像的,我们提到过它具备动画制作的能力。现 在我们就是要在 Photoshop CS3 中去创建一个由多个帧组成的动画。 把单一的画面扩展到多个画面。并在这多个画面中营造一种影像上 的连续性,令动画成型。 所谓动画,就是用多幅静止画面连续播放,利用视觉暂留形成 连续影像。比如传统的电影,就是用一长串连续记录着单幅画面的 胶卷,按照一定的速度依次用灯光投影到屏幕上。 四 . 教学过程 1 )动画面板和图层面板 2 )制作简单的逐帧 GIF 动画 3 )制作过渡 GIF 动画 4 )利用图片素材创意设计动画 5 )本章小结 3. 讲解过程 四 . 教学过程 1. 动画面板 2. 图层面板增加的选项 四 . 教学过程 动画面板的打开方法为:单击“窗口”菜单选择“动画”即可打开和关闭动画面板如下图所示。 图层面板中各部分的功能如下: 当前帧: 即动画文件中当前的单幅画面 当前帧停留时间: 当前画面停顿时间 当前动画文件循环选项: 设定当前动画循环播放次数 选择第一帧: 选择动画开始的单幅画面 选择上一帧: 选择上一幅单幅画面 播放当前动画: 预览当前动画 选择最后一帧: 选择当前动画的最后一幅画面 过滤动画帧: 两个帧之间的位置、透明度、效果变换 复制所选帧: 复制当前画面 删除所选帧: 删除当前画面 转换为时间轴动画: 转换为更复杂的、功能更强大的动画面板 四 . 教学过程 当打开动画面板的同时,在图层面板上也会增加一些关于动画制作的选项,如下图所示: 图层面板中各部分的功能如下: 统一图层位置: 统一设定当前图层在所有帧当中显示的位置 统一图层可见性: 统一设定当前图层在所有帧当中是否显示 统一图层样式: 统一调整当前图层在所有帧中的样式 帧的传播特性: 将第 1 帧的改变传播给所有帧 四 . 教学过程 一个动画制作的完整过程: 1. 制作编辑动画 2. 设定帧的延迟时间 3. 动画的循环方式 4. 动画文件的导出 四 . 教学过程(简单动画) 既然称为动画,那就是要令画面中的图像动起来, 现在我们来实际动手画制作一个“简单”的动画吧。 1. 新建一个 200 × 200 的空白图像,如右图所示。 2. 新建一个图层并画上一个黑色的菱形,大致下图所示。 四 . 教学过程(复制帧) 3. 然后打开动画面板,在开启了动画调板后,我们就可以开始制作动画了,在动画调板中 点击箭头处的“复制所选帧”按钮,就会看到新增加了一个帧,如下图所示。按照我们以前的 习惯,这个图标应该表示为新建,如新建图层等,在这里虽然字面上的解释是复制,但其实也 是一种新建,只不过这新增加出来的帧其实和前一个帧是相同的内容。相应的,大家也应该能 想得到垃圾桶似按钮的作用就是删除帧。 4. 确认动画调板中目前选择的是复制出来的第 2 帧,然后使用移动工具将图层中的形状移动一定距 离,大致如右图所示。可以看到虽然在第 2 帧中形状 的位置发生了改变,但在原先第 1 帧中方块的位置依 然未变。这是一个很重要的特性。 四 . 教学过程(调整帧) 5. 重复几次这种先复制帧再移动方块的操作,最终得到下图所示的样子 ( 类似 即可 ) 。现在我们拥有了 7 个帧,且每个帧中方块的位置都不同。再看看图层调板, 很明显只有一个图层存在 ( 背景层暂且不算 ) ,这就引出一个特性:对一个图层来说, 它的位置 ( 或坐标 ) 在不同帧中可以单独指定。按照这个特性,我们使用一个图层就 可以做出物体移动的动画。 四 . 教学过程(设置动画时间) 6. 现在大家可以按下动画调板中的播放按钮,在图像窗口就可以看到形状移动的效果了,只 是移动的速度很快。这是因为没有设置帧延迟时间。注意动画调板中每一帧的下方现在都有一个 “ 0 秒”,这就是帧延迟时间 ( 或称停留时间 ) 。帧延迟时间表示在动画过程中该帧显示的时长。 比如某帧的延迟设为 2 秒,

文档评论(0)

jinchenl + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档