Photoshop动画教程及实例GIF动画制作.ppt
- 文档编号:1401701
- 上传时间:2022-10-22
- 格式:PPT
- 页数:46
- 大小:3.93MB
Photoshop动画教程及实例GIF动画制作.ppt
《Photoshop动画教程及实例GIF动画制作.ppt》由会员分享,可在线阅读,更多相关《Photoshop动画教程及实例GIF动画制作.ppt(46页珍藏版)》请在冰豆网上搜索。
Photoshop动画教程,【学习目标】了解GIF动画初识掌握帧的传播特性及过渡掌握使用各种方法制作动画熟练GIF动画的导入和导出,【学习内容】GIF动画初识制作简单的GIF动画帧的传播特性及过渡时间轴动画GIF动画导入和导出,GIF动画初识,所谓动画,就是用多幅静止画面连续播放,利用视觉暂留形成连续影像。
比如传统的电影,就是用一长串连续记录着单幅画面的胶卷,按照一定的速度依次用灯光投影到屏幕上。
目前在Windows系统上的主要动画图像格式是GIF,其也可以直接在网页中显示,是目前应用最广泛的动画图像格式。
包括现在流行的手机彩信中的动画也属于GIF格式。
1,1.1动画面板1.2图层面板,单击“窗口”菜单选择“动画”即可打开和关闭动画面板。
当前帧:
即动画文件中当前的单幅画面当前帧停留时间:
当前画面停顿时间当前动画文件循环选项:
设定当前动画循环播放次数选择第一帧:
选择动画开始的单幅画面选择上一帧:
选择上一幅单幅画面播放当前动画:
预览当前动画选择最后一帧:
选择当前动画的最后一幅画面过滤动画帧:
两个帧之间的位置、透明度、效果变换复制所选帧:
复制当前画面删除所选帧:
删除当前画面转换为时间轴动画:
转换为更复杂的、功能更强大的动画面板,1.1动画面板,图层面板中各部分的功能:
统一图层位置:
统一设定当前图层在所有帧当中显示的位置统一图层可见性:
统一设定当前图层在所有帧当中是否显示统一图层样式:
统一调整当前图层在所有帧中的样式帧的传播特性:
将第1帧的改变传播给所有帧,1.2图层面板,制作编辑动画设定帧的延迟时间动画的循环方式动画文件的导出,2,制作简单的GIF动画,1.新建一个200200像素的文档。
2.新建一个图层并绘制一个任意形状。
2.1制作动画,3.在动画调板中点击箭头处的“复制所选帧”按钮,就会看到新增加了一个帧。
这新建出来的帧和前一个帧的内容是相同的。
相应的,大家也应该能想得到垃圾桶似按钮的作用就是删除帧。
4.确认动画调板中目前选择的是复制出来的第2帧,然后使用移动工具将图层中的形状移动一定距离,大致如右图所示。
可以看到虽然在第2帧中形状的位置发生了改变,但在原先第1帧中方块的位置依然未变。
这是一个很重要的特性。
5.重复几次,这种先复制帧再移动方块的操作,现在我们拥有了7个帧,且每个帧中方块的位置都不同。
再看看图层调板,很明显只有一个图层存在(背景层暂且不算),这就引出一个特性:
对一个图层来说,它的位置在不同帧中可以单独指定。
按照这个特性,我们使用一个图层就可以做出物体移动的动画。
6.设定帧延迟的方法就是点击帧下方的时间处,在弹出的列表中选择相应的时间即可。
如图所示,将第7帧设为0.5秒。
7.动画的循环方式,导出能用于网页的独立动画文件,则需要使用菜单【文件存储为Web和设备所用格式】。
弹出保存设置窗口,需要注意的是,如果没有选择GIF格式,则下方的播放按钮不可用。
这是因为只有GIF格式才支持动画,如果强行保存为其他格式(如JPG或PNG格式),则所生成的图像中只有第一帧的画面。
2.2动画的导出,在存储过程中可能出现如下图所示的警告信息,不必理会,确定即可。
也可以让其不再显示。
但大家要注意在给文件起名时要使用半角英文或数字,不要使用全角字符或中文。
这是为了能更广泛地被各种语言的浏览器所兼容。
帧的传播特性及过渡,3,3.1帧的透明度传播3.2帧的传播特性3.3帧的选择3.4帧的过渡,3.1帧的透明度传播,上一个我们制作的是位移动画,是利用图层的移动。
还可以通过设定不同的图层部透明度来产生动画,那就是在不同的帧中改变图层调板中的部透明度数值。
现在新建一个400100的图像,新建一个图层并绘制一个圆形。
然后一次性复制4个帧出来,将会看到5个帧都是相同的内容。
将所有帧的停留时间统一改为0.1秒,如下图所示。
接着选择第2帧,在图层调板中将方块图层的不透明度改为80%,第3帧60%,以此类推,因为我们还有一个0%的延迟,所以还需要再复制一个帧出来,为第6帧,并设定透明度为0%。
形成的效果如右图所示。
这时候播放就会看到方块逐渐渐隐的效果。
3.2帧的传播传播特性,如果你在第一帧删除了某个图层,那么之后所有帧中就都不存在这个层了。
因此在Photoshop动画设定中,第一帧是比较特殊的。
现在选择第一帧,确保图层调板中“传播帧1”已被勾选,如下左图红色箭头处所示。
然后移动图层,就会发现所有帧中的方块都统一发生了移动,如下右图所示。
如果“传播帧1”未被勾选,则只会改变第1帧中的方块位置。
3.3帧的选择,SHIFT键连选快捷键CTRL键点选快捷键,3.4帧的过渡,逐帧动画:
就是逐个帧进行制作。
例如,一个物体的移动,我们是从头到尾参与了每一帧的设定。
补间动画:
设定好某段运动的起始帧和结束帧,然后在这两帧中产生平均的过渡。
如果是物体的移动,则就是先设定好移动起点帧和终点帧。
1.新建一个图像,大约5001002.新建图层并画上圆形形状,将其移动到左上角。
3.接着复制1帧,在新帧中将方块移动到右下角,将图层部透明度设为10%。
4.然后按下红色箭头处的按钮,将出现相应的对话框。
过渡方式是指过渡相对哪一帧,由于之前我们选择的是第1帧,并且总共也只有2帧,所以既可以选择默认的“下一帧”,也可以选择“最后一帧”。
要添加的帧数就是指过渡过程所将占用的帧数,这里设为5,那么加上原来7帧,这个动画总共就是7帧。
“位置”和“不透明度”这两项。
所谓参数就是指进行动画过渡的图层属性,我们之前说过图层的位置和不透明度的变化可以做成动画,在这里就反映出来了。
可以看到圆形的位置和不透明度都发生了均匀的过渡。
如果之前在过渡设定中关闭了“位置”或“不透明度”参数,就没有现在的效果了。
开始和结束的那两帧被称之为关键帧,它们决定了过渡帧的形态。
动画实例,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动态图。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Photoshop 动画教程 实例 GIF 动画 制作