3.3 创建逐帧动画(练习)-高一《Flash CS6动画制作案例教程》同步精品课堂(电工版2018)

2023-06-28
| 2份
| 7页
| 225人阅读
| 0人下载

内容正文:

3.3 创建逐帧动画 同步练习 基础巩固 逐帧动画是一种常见的动画手法,其原理是在“连续的关键帧”中分解动画动作,即每一帧中的内容不同,连续播放而成动画。 由于逐帧动画的顿序列内容不同,不仅增加制作负担而且最终输出的文体量也很大,但逐帧动画的优势也很明显,其与电影播放模式相似,很适合于表现细腻的动画,如 3D效果、人物或动物急剧转身等效果。 能力进阶 逐帧动画是指许多连续的关键帧组成的动画,它适合于每一关键帧中的图像都有所改变、表现细腻的动画。逐帧动画在时间帧上表现为连续出现的关键帧。 运用静态图片制作逐帧动画应将图片依次放置在连续的关键帧中。 由于各张静态图片只有较细微的差别,一定要设置好对齐方式。 如果需要延长各关键帧的播放时间,可以在其后插入普通帧。 素养提升 1.用导入的静态图片建立逐帧动画的主要内容? 将JPG、PNG等格式的静态图片连续导入Flash中,建立一段逐帧动画。 新建 Flash 文档,按[Ctr+S]组合键打开“另存为”对话框,选择保存路径,输入文件名“流水效果”,然后单击“确定”按钮,回到工作区。 执行“文件一导入一导入到库”菜单命令,弹出“导入到库”对话框,选择“流水1”到“流水4”四个文件,单击“打开”,将文件导入到“库”面板中。 将图 3-21 所示的“库”面板中的“流水 1.pg”图像拖曳到舞台的适当位置。打开“对齐”面板,选中“与舞台对齐”复选框,设置“对齐”为“水平中齐”,“分布”为“垂直居中分布”,“匹配大小”为“匹配宽和高”。 在时间轴中选择“图层 1”中的第 3 ,单击鼠标右键,在打开的快捷菜单中选择“插入关键帧”。在舞台中的图像上单击右键,在打开的快捷菜单中选择“交换位图”,在“交换位图”对话框中选择“流水 2.jpg”,如图 3-22 所示。单击“确定”按钮,舞台中的图像“流水 1.jpg”被“流水 2.jpg”替换。 2.导入GIF格式的逐帧动画的内容? 导入 GIF 格式图像的方法与导入同一序列的 JPG 格式的图像类似,只是将 GIF 格式的图像导入到舞台,会在舞台上直接生成动画,而将 GIF 格式的图像导入到“库”面板中,则会生成一个由GIF 构式转化成的剪辑动画。如图3-23 和图 3-24 所示为两个分别执行“导入到舞台”和“导入到库”命令后对应的时间轴及“库”面板。 3.简述绘制矢量图制作逐帧动画的内容? 由于每个关键帧处所对应的图形都不同,在绘制不同的图形时,需要先在规定的时间轴上插入空白关键帧,再绘制所对应的图形。如果需要将关键帧转换为空白关键帧,只需要将关键顿处的图形删除即可。 新建一个 Flash 文档,舞台大小设定为“100x100”像素。 利用“椭圆工具”绘制人的头部,选择“线条工具”将“笔触”设定为“10”,依 照第一幅图绘制躯干、手、脚。 在第 3、5、7、9、11、13、15 顿处插入空白关键帧,按上一步骤的方法在所对应的空白关键帧处绘制第 2~8 幅图。 测试影片,即可实现人物行走的动画效果,如图 3-25 所示。 4.奥运——补间形状的具体步骤? 1.新建一个Flash 文档,舞台大小设定为“240x240”像素。 2.导入素材图片,执行“文件一导入一导入到库”命令,将“田径”、“拳击”、“射箭”“羽毛球”、“棒球”五幅图片导入到库 3.将图层名称改为“篆书”,选中第一帧,将“田径”图片拖至舞台,打开“对齐”面板,选中“与舞台对齐”复选框,设置“对齐”为“水平中齐”,“分布”为“垂直居中分布",“匹配大小”为“匹配宽和高”,如图 3-27 所示。选中图片,右击,在打开的快捷菜单中选择“分离”命令,如图 3-28 所示。 4.单击“篆书”图层第 20 ,右击,在打开的快捷菜单中选择“插入空白关键帧”将“拳击”图片拖至舞台,打开“对齐”面板,选中“与舞台对齐”复选框,设置“对齐为“水平中齐”,“分布”为“垂直居中分布”,“匹配大小”为“匹配宽和高”。使之与第1帧图片位置、大小完全一致,然后选中图片,进行分离操作。 5.将鼠标置于“篆书”图层第 1到第 20 的任意一位置上,单击鼠标右键,在打开的快捷菜单中选择“创建补间形状”,20 时间轴状态如图 3-29 所示。 6.在“篆书”图层第 25 处单击鼠标右键,在打的快捷菜单中选择“插入关键或按快捷键[F6]),25 时间轴状态如图 3+3 所。 7.选中 45 帧,插入空白关键,将射箭”图片拖至舞台,重复步骤 4 中的操作选中第 25 到45 中的任意一帧,打开的快捷菜单中选择“创建补间形状”动画时间轴。 8.在50 顿处插入关键,在 70 处插入空白关键,将“羽毛球”图片拖至舞台并按步骤 3 调整其大小和位置,选中第 50 至70 中的任意一,创建补间形状动画,时间轴。 9.重复步骤 8分

资源预览图

3.3 创建逐帧动画(练习)-高一《Flash CS6动画制作案例教程》同步精品课堂(电工版2018)
1
3.3 创建逐帧动画(练习)-高一《Flash CS6动画制作案例教程》同步精品课堂(电工版2018)
2
所属专辑
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。