计算机网动画设计实习报告及心得体会

1、计算机网页动画设计实习报告及心得体会 【最新资料，WORD文档，可编辑修改】 学生实习考核表 学生姓名 专业班级 指导教师 XXX 网络XXX平面方向 XXXXXXXX 实习时间 XX 实习地点 实习名称 网页动画设计 自我总结 从这次的实习，我逐渐的发现了自己身上有很多的不足之处，自己 也有在慢慢进步，但是仅仅是这些是远远不够的，自己还有很大的空间 去发挥，去进步。 通过这次的实训内容：倩女幽魂动画，我发现了自己对动画方面的 知识还有欠缺，还有对软件不够熟悉，只会一些基本的，我觉得这是远 远不够的。 倩女幽魂动画结合了前面所学习的内容，每个分开都简单，合在一 起后就容易弄混、出错，这就需要我

2、们把基础打牢，从而掌握。 指导教师 意见 考核等级 3.1 背景 3.7 2 组万人新服动画 错误! 未定义书签。 1 1 1 1 1 2 2 2 2 2 3 3 4 5 5 6 目录 1 实习目的 2 实习概况 2.1 实习要求 2.2 实习时间 2.3 实习环境 2.4 开发环境 3 实习内容 3.2 月亮动画 3.3 倩女幽魂文字效果 3.4 小鬼动画 3.5 主角动画 3.6 随心而战动画 3.8 花瓣动画 3.9 屏幕抖动和调整 4 总结 实习目的 网页动画设计 课程设计是教学中的一个重要教学环节， 是学生学习过程 中不可缺少的实际操作技能训练， 也是对课程学习效果的检验。 通过本课

3、程设计 的倩女幽魂动画专项课题设计， 使学生掌握 Flash 动画方向的基本制作程序、 制 作要领，提高学生 Flash 动画设计制作的全面把握的能力。 使学生具有能够独立 进行动画设计、排版等整体设计和制作能力。 总体设计要求定位准确，熟练使用 Flash 设计软件进行动画的制作。 课程设计成绩根据课程设计实习报告质量和考勤给予评定。 实习概况 实习要求 熟练运用 Flash 软件准确的绘制倩女幽魂动画 实习时间 2016年 4月 25日 至2015年 4月 30日 实习环境 重庆工程职业技术学院机房 开发环境 Flash 软件 实习内容 用 Flash 制作倩女幽魂动画；动画制作前先把倩女

4、幽魂动画 psd 在 Photoshop 中打开，把图片另存为 png 格式。 背景 打开 Flash 软件，新建一个名为倩女幽魂的 fla 文件。 导入背景图片， 转换 成名为动画总的图形元件；更改舞台大小为背景图大小：960X400像素；双击图 片进入动画总元件内部，把图层改名为背景。效果图如图 3.1-1 所示： 图 3.1-1 月亮动画 新建图层，更名为月亮动画。导入月亮图片， F8 转成名为月亮动画。双击 进入元件内部，把图层命名为月亮。在月亮图片上画一个圆，大小与月亮相同， 全部选中，按 ctrl+B 打散，选中光晕，按 ctrl+X 剪切，新建一个图层，命名为 光晕，再按 ctr

5、l+shift+V 原位粘贴，删除画的圆，将月亮转成名为月亮的图片元 件，光晕转成名为光晕的影片剪辑。 将月亮在第一帧时移到舞台上方， 在十帧的位置插入关键帧， 将月亮移到舞 台上的位置，传统补间，到二十祯做延时帧。光晕插入空白关键帧，在十帧插入 关键帧，将光晕放在舞台上，点击光晕，在属性面板 -显示下混合属性选择滤色； 第十帧透明度为 0，在第二十帧插入关键帧，透明度改为一百，做传统补间，让 光晕有一个从无到有的一个闪烁效果。效果图如图 3.2-1 所示： 图 3.2-1 倩女幽魂文字效果 在动画总新建图层， 命名为倩女幽魂。 导入倩女幽魂文字图片， 留一张在舞 台，转换成名为倩女幽魂的图形

6、元件，双击进入元件内部。新建图层，命名为清 晰文字和模糊文字。 模糊文字在第一帧放大， 色调为白色，在第七帧插入关键帧， 原图，做传统补间，在第十五帧插入关键帧，透明度改为0，做传统补间；使模 糊文字有一个从大到小、从有到无的效果。 清晰文字前七帧为空白帧，第七帧透明度为0，在第十五帧插入关键帧，透 明度为 100，传统补间，使文字有一个模糊到清晰的效果。做一帧延时帧，在插 入关键帧，在第二十六帧插入关键帧，将清晰文字移到左边，做传统补间，使文 字有一个位移过程。效果图如图 3.3-1 所示： 图 3.3-1 小鬼动画 在动画总新建图层，命名为小鬼动画。导入小鬼图片，留一张在舞台上，转 换为名

7、为小鬼动画的图形元件， 双击进入元件内部。 新建八个图层， 命名为小鬼 1、小鬼 2，依次类推，将小鬼图片分别放入图层，转换为图形元件。第一帧将 小鬼放到舞台外，在第十五帧插入关键帧， 见小鬼放到固定位子， 复制第十五帧， 移动到第七帧左右， 将小鬼向前移动一点， 全部做传统补间。 在每个图层前加一 些空白帧， 使每个小鬼出场时间不同， 以帧数最多的图层为准， 其他涂层添加延 时帧。效果图如图 3.4-1 所示： 图 3.4-1 主角动画 在动画总新建图层， 命名为主角动画。 导入主角和签名图片， 留一张主角图 片在舞台，转换成名为主角动画的图形元件，双击进入元件内部。新建图层，分 别命名为黑

8、菲、白菲和签名，将图片分别放入相应的图层，转换为图形元件。 将两个主角图片在第一帧分别放在舞台的上方和下方， 滤镜模糊， 在第二十 帧插入关键帧， 将两个主角放在舞台上的固定位置， 做传统补间， 做出由外飞入 的效果； 在靠近二十帧的位置创建关键帧， 移动到四帧左右， 让主角飞入的速度 又快到慢， 二十祯到三十帧做延时帧。 签名在第二十帧插入关键帧， 透明度改为 0，在第三十帧插入关键帧，透明度为百分百，传统补间，使签名慢慢浮现。效 果图如图 3.5-1 所示： 图 3.5-1 随心而战动画 在动画总新建图层，命名为随心而战，导入随心而战图片， 转换为图形元件， 双击进入元件内部。 将随心而战

9、转换为图形元件， 第一帧放大， 第二十帧为原来 大小，传统补间，从大到小的效果。新建图层，命名为虚影1，复制一个随心而 战图片，放大百分之一百二十， 在第二十七帧左右插入关键帧， 大小为原始大小， 透明度为 0，传统补间。再新建一个图层，命名为虚影 2，将虚影 1 复制，起始 帧放在二十五帧左右， 让它与虚影 1 错开。让随心而战呈现一个由大到小， 再颤 动的效果。 新建图层，命名为尽情战斗。前三十一做空白帧，然后插入关键帧，导入尽 情战斗图片，转换为图形元件， 在第四十帧插入关键帧， 将前面的关键帧透明度 改为 0，放大百分之一百二十，传统补间，让他出现一个从无到有，从大到小的 效果。再次新

10、建图层，命名为痛快享自由，导入图片，转换成图形元件，然后做 法和尽情战斗相同。 将尽情战斗与痛快享自由错开一点， 让他有一个先后出现的 顺序。 新建图层，命名为扫光。 在第四十五帧插入关键帧， 用矩形工具画一个矩形， 做线性渐变，中间白色，两边透明度为 0，转换成图形元件。每隔十帧插入关键 帧，插入四个，将第二个关键与第四个关键帧上的矩形移到右边，做传统补间。 新建图层，命名为遮罩，在第四十五帧导入随心而战黑色文字，更改大小，使其 与随心而战图片上的文字完全重合， 做延时帧到八十五帧。 单击右键， 将遮罩图 层改为遮罩层。遮罩层上面是遮罩层，下面是被遮罩层。实现原理：被遮罩动画 对象透过遮罩层

11、形状进行显示。效果图如图 3.6-1 所示： 图 3.6-1 2 组万人新服动画 在动画总新建图层，命名为 2 万人新服，导入图片，转换成图形原件，双击 进入原件内部。 将图层命名为 2组万人新服， 将图片转换为图形原件， 插入关键 帧，放大百分之两百， 色调改为白色， 隔十帧插入关键帧， 原始图片， 传统补间； 延时帧到二十五帧，插入关键帧，隔五帧插入关键帧，向上移动一点，在插入关 键帧，回到原来的位置，传统补间，然后延时帧到八十帧。效果为从大到小，白 色到清晰，经过注册碰撞向上移动再落回原处。 新建图层命名为明天火爆开服。 导入图片转换为原件， 做法与效果与 2 万人 新服相同。将起始帧向

12、后移动一点，使其与 2 万人新服出场有一个先后顺序。 新建图层命名为注册， 导入图片转换为原件。 起始帧为十五帧， 放在舞台下 方，隔十帧插入关键帧，将图片移入舞台，靠近两组万人新服与明天火爆开服， 再隔五帧插入关键帧， 将注册移到舞台上的固定位置， 传统补间。 使它出现由舞 台下方向上飞入，碰撞到 2 组万人新服与明天火爆开服，再向下移动停止。 新建图层，命名为光效，导入图片，转换为图形原件，在属性面板 -显示下 混合属性选择滤色， 将背景去掉。在第三十帧插入关键帧， 三十帧以前为空白帧， 将光效移到舞台左边， 隔二十八帧左右插入关键帧， 将光效从左边移到舞台上靠 右的位置，再隔五帧左右插入

13、关键帧， 透明度为 0，传统补间。 效果为从左飞入， 再渐渐消失。 新建图层，命名为大礼包，导入图片，转换为图形元件。前三十四帧做空白 帧，第三十五帧插入关键帧， 透明度为 0；隔五帧插入关键帧， 透明度为百分百， 放大百分之一百二十； 隔六帧插入关键帧， 缩放百分之九十； 隔五帧插入关键帧， 缩放百分之八十； 再隔四帧插入关键帧， 缩放百分之九十五； 再隔四帧插入关键 帧，缩放百分之一百零五；再隔三帧插入关键帧，原始大小，全部做传统补间。 效果为从无到有，然后闪烁。 新建图层，命名为超级大奖，在第六十五帧导入图片，转换为影片剪辑，做 延时帧。 双击进入影片剪辑， 将超级大奖图片转换为图形元件

14、， 在第五帧和第十 帧插入关键帧， 将第五帧的位置向下移动一点， 传统补间，让超级大奖一直跳动。 新建图层，命名为抢爆新服，在第六十五帧导入图片，转换为影片剪辑，透 明度改为 0，隔五帧插入关键帧，透明度改为一百，传统补间，然后再做做延时 帧。双击进入影片剪辑，新建图层，分别命名为抢爆新服和小手，导入图片并转 换成图形元件在第五帧与第十帧插入关键帧， 在第五帧将抢爆新服图片放大百分 之十，将小手移到抢爆新服上方，传统补间。效果为小手移到抢爆新服上方，抢 -爆新服就变大一点。效果图如图 3.7-1 所示： 图 3.7-1 花瓣动画 在动画总新建图层， 命名为花瓣动画。 用椭圆工具画一个椭圆， 填

15、充为白色， 不要边线，再用矩形工具画一个矩形， 填充为其他色， 将矩形放到椭圆二分之一 处，再点击删除，就可以得到一个半圆。这样做是因为形状可以任意剪切，同色 相溶，异色相切。 将半圆调整成花瓣的样子再改为白色径向填充， 后面一个透明 度为 0，转换成图形元件，双击进入元件内部。将图层名命名为花瓣，再将花瓣 转成图形元件；新建图层，命名为引导层，在引导层上用铅笔工具画一条曲线， 然后平滑， 延时帧到六十帧； 将花瓣的中心点移到引导线上方的线上， 在六十帧 插入关键帧，将花瓣移到移到引导线下方的线上，透明度改为0，传统补间，勾 选顺时针。在引导层右击鼠标，勾选引导层，让花瓣沿着引导线飞。 再新建

16、三个图层，分别命名为花瓣 2、花瓣 3、花瓣 4；做法与花瓣相同。 做好以后将每个花瓣图层向后移动一点， 让他顺序不同， 引导层做延时帧。 效果 图如图 3.8-1 所示 : 图 3.8-1 屏幕抖动和调整 在动画总里将一些图层向后移动，让前一个动画完成后才开始。 在最外面的图层 107 帧左右开始插入关键帧， 分别为上、下、左、右、原位， 上下左右分别一动一些，移动两次； 174 帧左右时也是如此。效果图如图 3.9-1 所示： 图 3.9-1 4总结 Flash对我来说并不陌生。因为在浏览大部分网站、网页的时候都能看到大大小小、各 式各样的FLASH动画，还有Flash制作的MTV课件、小

17、游戏之类更是无计其数，有的动态 高级网站更是全部利用Flash所制作，它以图、文、声一体的动态表现能力，极强的交互性, 而深得人们喜爱。我之所以学习Flash是因为它是专业课，必须要学习。在刚开始学习的时 候，老师给我们看了一些有Flash制作的动画，当时心里觉得很震撼，觉得很炫酷，于是对 这门课程也有了兴趣。 通过这几周来的学习，我了解了动画原理，了解了帧与层的概念。通过十个简单的动画 制作实例，为我以后的学习打下基础。Flash提供了功能齐全的绘图和编辑图形工具。可以 直接在编辑区里绘画，编辑修改非常灵活。使我逐渐掌握了这些工具的功能和使用方法。首 先从简单的画小鸡学起，逐渐学习画蝴蝶等。在学习的过程中我知道了做传统动画都要先把 它转换成原件，不然就会出现错误，库里会出现补间一补间二。原件有三种形式，影片剪辑、 按钮和图形，影片剪辑不受父集影响，可以自由播放；按钮可以点击；图形动画则受父集影 响，父集要做足够的延时帧才能够播放。 我知道动画中很多都有遮罩动画和引导动画，比如说倩女幽魂动画中随心而战的扫光效 果就是遮罩动画；花瓣动画就是引导动画。引导动画 实现原理上层是引导层，下层是被引导 层，实现原理：被引导层对象沿着引导层路径做动画，引导线在导出时不显示。遮罩动画的 原