Flash二维动画技术实验三基本的逐帧动作补间动画.docx
- 文档编号:5191718
- 上传时间:2022-12-13
- 格式:DOCX
- 页数:13
- 大小:395.74KB
Flash二维动画技术实验三基本的逐帧动作补间动画.docx
《Flash二维动画技术实验三基本的逐帧动作补间动画.docx》由会员分享,可在线阅读,更多相关《Flash二维动画技术实验三基本的逐帧动作补间动画.docx(13页珍藏版)》请在冰豆网上搜索。
Flash二维动画技术实验三基本的逐帧动作补间动画
成绩
批阅
日期
台州学院
电子与信息工程学院实验报告
实验课程:
二维动画技术
实验名称:
基本的逐帧、动作补间动画
班级:
学号:
姓名:
吴前斌
实验日期:
2019年9月25日
一、实验目的和要求
1、了解帧的基本概念、类型和修改方法
2、掌握补间动画的实现和属性
3、学会动作补间动画、形状补间动画和遮罩动画
二、实验内容
1、人物转身分解动画
2、秋千
3、写字
4、翱翔的老鹰
5、打印文字效果
3、实验步骤
1、人物转身分解动画
首先开始先将一幅人物转身图导入到PS中进行处理,人物的背景图去掉保留各个视图的轮廓图逐个图层放置并且进行的命名,然后接着全选中图层右键导出来形成多张图片,如下图1、图2所示;
图1
图2
接着在Flash中选择【文件-导入-导入到舞台】将多张不同的面的图片导进舞台中央选择【对齐】进行每张图片的重叠,保证处在相应的中间位置,如下图3所示;
图3
在FLASH的图层中,分别在1、5、10、15、20、25、30、35、40帧打上【关键帧】按照南-南西方向-西-西北方向-北-东北方向-东-东南方向-南顺时针的一圈进行,在每个关键帧上进行设置对应显示的图片方向,通过先选中舞台的图片然后在【属性-交换】中选择相应图片,如下图4所示;
图4
因为在仅有的转身方向图中缺少东北方向-东-东南方向的图片,可以在选择相反方向的图片时,选择【修改-变形-水平翻转】进行得到该有方向的图片,如下图5所示;
图5
同理,对于另一个戴草帽子的人物也是通过该方法进行制作,这样一个完整的人物转身就完成了,如下图6所示。
图6
2、秋千
首先我选择【矩形工具】在舞台中绘制一个长方形的矩形,接着绘制一个小的长方形矩形宽度与之前的长方形一样,保持45°的状态全选中该长方形水平翻转再复制另外一个,将三个构成一个秋千的三叉组合起来,接着再用【椭圆工具】绘制两个秋千的锚点,将锚点放在三叉的两个末端,如下图1、所示;
图1
然后再次使用【矩形工具】绘制秋千的座板拉出一个方形的矩形,将它放置在三叉的下方图层,然后全选三叉和座板将其设置为一个【元件】,如下图2所示;
图2
将做好的秋千元件放置在舞台中间,选择【任意变形工具】将出现的元件的【锚点】置于三叉的中上方(也就是整体物体的中上方位置),这样方便接下来将秋千荡起来的时候会围绕着一个固定的顶点进行左右摆动,如下图3所示;
图3
接着将秋千通过【任意变形工具】进行旋转摇摆至左边的最高点时打下第一个【关键帧】在秋千与垂直地面中间的位置进行打下第二个【关键帧】,如下图4所示;
图4
在秋千摇摆到与地面垂直的时候打下第三个【关键帧】,如下图5所示;
图5
当秋千摇摆至右边的时候同理跟左边的俩点关键帧一致位置时打下第四和第五的【关键帧】,如下图6所示;
图6
最后全选中所有的帧进行鼠标右键选择【补间动画】将荡秋千的运动过程更加平滑一些,到此荡秋千动画完成,按住【ctrl+enter】进行渲染导出该动画,如下图7所示;
图7
3、写字
首先,在舞台中第一个图层里面输入需要写出的文字为“FLASH”,接着将字体选中选择【修改-分离】命令,使文字变为图形(目的是为了避免有些系统字体不能显示的问题)。
如下图1所示;
图1
新建一个图层命名为“笔”,用【形状工具】和【椭圆工具】进行绘制出画笔,将画笔整体设置为元件,将画笔调整好大小位置和倾斜度,并且把注册点移动到笔尖上,如下图2所示;
图2
为文字图层新建一个名为“遮罩”的图层,作为文字的遮罩层,并在里面新建一个矩形工具(覆盖住文字),将矩形的注册点移到左边线的中点,接着在遮罩上第十帧打下关键帧,矩形遮住F字,并创建【补间形状】,以此类推到H,效果如下图3、图4所示;
图3
图4
接着在笔的图层上根据遮罩层打下的关键帧对笔头进行移动到依次出现的文字上,打下相应的关键帧(每出现一个字,在字的时长范围内按照笔画进行绘画打关键帧),并将字图层之间的关键帧创建传统补间,具体效果如下图5、图6所示;
图5
图6
最后在对细节处进行微调,控制笔的出字速度,然后按住【ctrl+ENTER】输出影片。
4、翱翔的老鹰
打开PS,新建一个600*800的图层,选用【渐变工具】调整好渐变色在图层上拉出天空的背景,如下图1所示;
图1
再用【椭圆工具】画一个正圆填充白色,选择【滤镜-模糊-高斯模糊】制造出太阳的发光的样子,如下图2所示;
图2
再用【钢笔工具】绘制云朵,进行多个绘制填充成白色,再用背景的颜色作为底部阴影让白云更加立体感一些,如下图3所示;
图3
接着在用【钢笔工具】进行绘制老鹰的外形用白色填充老鹰的羽翼,用黑色填充老鹰的身体和尾部,这样一个老鹰就画好了,如下图4、图5所示;
图4
图5
最后将天空导出成JPG图片,将老鹰单独导出成PNG无背景图的图片格式,把俩张导入到FLASH中进行制作老鹰旋转天空的动作,如下图6所示;
图6
首先画一个老鹰运动的引导线为椭圆形,把老鹰固定到开头线上打下关键帧,接着再把老鹰放到线尾部打下关键帧,中间多次调整老鹰的头的方向,如下图7所示。
图7
5、打印文字效果
首先开始在舞台中新建一个图层命名为文字的图层,接着在文字图层上写入文字“FLASH绘画技法宝典”字样填充为橙色字体,然后复制一次文字将其填充为灰色作为文字的背景层使文字显得立体一些,如下图1所示;
图1
接着在文字图层上面新建一个新的图层作为遮罩命名为方块,在舞台中绘制一个小方块选择多复制,拼接成一个长方形中间和左右保持间隙,接着全选择这些,设为一个元件,如下图2所示;
图2
在开始第一帧打一下一个关键帧将方块放置在文字最左边,接着在30帧位置打下一个关键帧放置方块于文字的最右边将方块1-30帧设置为补间形状,之后选择方块作为底层文字层的遮罩,如下图3,图4所示;
图3
图4
四、实验结果
1、中年男转身
2、秋千
3、写字
4、翱翔的老鹰
6、打印文字效果
五、实验总结
实验中遇到的困难:
1、在进行制作秋千摆动的过程中忘记了元件的补间动画是根据其中点进行运动的
2、选取的转身人物在处理背景细节上处理的不到位不够细致,人物大小没有控制好
3、在绘制文字打印效果的时候不能够熟练的使用遮罩效果
处理方法和技巧:
通过XX查找相关知识点进行学会,并且借助书籍和超星学习通里面的课件结合了解
经验体会和收获:
在制作人物转身中深刻的理解到在制作每个动作方向的多少,这将会决定你的转身画面的平滑流畅还是卡顿的。
个人觉得在这种制作转身的时候应该多补充之间的画面,这样会让画面动起来的时候显得流畅自然一些。
主要在于了解帧的基本概念、类型和修改方法,掌握补间动画的实现和属性,学会动作补间动画、形状补间动画和遮罩动画。
六、教师批阅意见
批阅人:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 二维 动画 技术 实验 基本 动作