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

Photoshop 动画教程 动画实例 1、打开一张小鸟图片。 2、Ctrl+M调出曲线调节窗口，点击红圈内“自动”按钮修正一下图片色彩。 3、现在图片看起来更清晰，也更具层次感了。 4、用磁性套索工具勾选出小鸟的轮廓。可以用增加选区的方式分多次勾选，直到选出整只小鸟为止。 5、Ctrl+J复制小鸟为单独的图层，用移动工具将它拖到树枝的另一边，Ctrl+T调整到合适的角度。现在我们就有了两只并排站立的小鸟。 6、将复制出的小鸟命名为“鸟1”，然后Ctrl+J再复制一层。 7、将复制出的“鸟1副本”命名为“鸟2”，选择菜单/编辑/水平翻转后再Ctrl+T调整到如下角度。 8、调整好“鸟2”的角度后再次Ctrl+J复制出“鸟2副本”，然后隐藏“鸟1”和“鸟2”层，去掉图层前面的小眼睛图标即可隐藏。 9、用磁性套索工具沿着鸟头与身体相交的部分勾选出小鸟的头。 10、Ctrl+J复制出小鸟的头，命名“鸟头”，下图隐藏其它图层以便于观看。 11、在图层面板按住Ctrl键单击“鸟头”层以载入其选区，选择“鸟2副本”层，按Delete键删除后将图层名称改为“鸟身”。 12、选择“鸟头”层，执行菜单/编辑/水平翻转后再Ctrl+T调整到如下角度，形成鸟儿回头看的样子。 13、选择涂抹工具，设置如下，将鸟头与身体接合处轻轻涂抹一遍使之完美接合。下面就可以开始做动画了。 14、在窗口菜单中勾选“动画”调出动画窗口。选择第1帧，隐藏其它图层，只显示鸟1和背景，并将显示时间设为1秒。 15、点红圈内复制按钮复制出另外三帧。 16、选择第2帧，隐藏其它图层，只显示鸟2和背景 17、选择第3帧，只显示鸟头、鸟身和背景。 18、选择第4帧，只显示鸟2和背景，并将显示时间设为2秒。 19、执行文件/存储为Web和设备所用格式。 20、在弹出对话框中，一般无需修改默认参数，直接点击“存储”按钮，即可保存Gif动态图。 * * 【学习目标】 了解GIF动画初识 掌握帧的传播特性及过渡 掌握使用各种方法制作动画 熟练GIF动画的导入和导出 【学习内容】 GIF动画初识 制作简单的GIF动画 帧的传播特性及过渡 时间轴动画 GIF动画导入和导出 GIF动画初识 ※所谓动画，就是用多幅静止画面连续播放，利用视觉暂留形成连续影像。比如传统的电影，就是用一长串连续记录着单幅画面的胶卷，按照一定的速度依次用灯光投影到屏幕上。 ※目前在Windows系统上的主要动画图像格式是GIF，其也可以直接在网页中显示，是目前应用最广泛的动画图像格式。包括现在流行的手机彩信中的动画也属于GIF格式。 1 1.1 动画面板 1.2 图层面板 单击“窗口”菜单选择“动画”即可打开和关闭动画面板。 当前帧：即动画文件中当前的单幅画面 当前帧停留时间：当前画面停顿时间 当前动画文件循环选项：设定当前动画循环播放次数 选择第一帧：选择动画开始的单幅画面 选择上一帧：选择上一幅单幅画面 播放当前动画：预览当前动画 选择最后一帧：选择当前动画的最后一幅画面 过滤动画帧：两个帧之间的位置、透明度、效果变换 复制所选帧：复制当前画面 删除所选帧：删除当前画面 转换为时间轴动画：转换为更复杂的、功能更强大的动画面板 1.1 动画面板 图层面板中各部分的功能： 统一图层位置： 统一设定当前图层在所有帧当中显示的位置 统一图层可见性： 统一设定当前图层在所有帧当中是否显示 统一图层样式： 统一调整当前图层在所有帧中的样式 帧的传播特性： 将第1帧的改变传播给所有帧 1.2 图层面板 制作编辑动画 设定帧的延迟时间 动画的循环方式 动画文件的导出 2 制作简单的GIF动画 1.新建一个200×200像素的文档。 2.新建一个图层并绘制一个任意形状。 2.1 制作动画 3.在动画调板中点击箭头处的“复制所选帧”按钮，就会看到新增加了一个帧。这新建出来的帧和前一个帧的内容是相同的。相应的，大家也应该能想得到垃圾桶似按钮的作用就是删除帧。 4.确认动画调板中目前选择的是复制出来的第2帧，然后使用移动工具将图层中的形状移动一定距离，大致如右图所示。可以看到虽然在第2帧中形状的位置发生了改变，但在原先第1帧中方块的位置依然未变。这是一个很重要的特性。 5.重复几次，这种先复制帧再移动方块的操作，现在我们拥有了7个帧，且每个帧中方块的位置都不同。再看看图层调板，很明显只有一个图层存在(背景层暂且不算)，这就引出一个特性：对一个图层来说，它的位置在不同帧中可以单独指定。按照这个特性，我们使用一个图层就可以做出物体移动的动画。 6.设定帧延迟的方法就是点击