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

计算机网页动画设计实习报告及心得体会【最新资料，WORD文档，可编辑修改】学生实习考核表目录1实习目的.......................................... 错误!未定义书签。

2实习概况. (1)2.1实习要求 (1)2.2实习时间 (1)2.3实习环境 (1)2.4开发环境 (1)3实习内容 (2)3.1背景 (2)3.2月亮动画 (2)3.3倩女幽魂文字效果 (2)3.4小鬼动画 (2)3.5主角动画 (3)3.6随心而战动画 (3)3.7 2组万人新服动画 (4)3.8花瓣动画 (5)3.9屏幕抖动和调整 (5)4总结 (6)1实习目的《网页动画设计》课程设计是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对课程学习效果的检验。

通过本课程设计的倩女幽魂动画专项课题设计，使学生掌握Flash动画方向的基本制作程序、制作要领，提高学生Flash动画设计制作的全面把握的能力。

使学生具有能够独立进行动画设计、排版等整体设计和制作能力。

总体设计要求定位准确，熟练使用Flash设计软件进行动画的制作。

课程设计成绩根据课程设计实习报告质量和考勤给予评定。

2.1实习要求熟练运用Flash软件准确的绘制倩女幽魂动画2.2实习时间2016年4月25日至2015年4月30日2.3实习环境重庆工程职业技术学院机房2.4开发环境Flash软件用Flash制作倩女幽魂动画；动画制作前先把倩女幽魂动画psd在Photoshop中打开，把图片另存为png格式。

3.1背景打开Flash软件，新建一个名为倩女幽魂的fla文件。

导入背景图片，转换成名为动画总的图形元件；更改舞台大小为背景图大小：960X400像素；双击图片进入动画总元件内部，把图层改名为背景。

效果图如图3.1-1所示：图3.1-13.2月亮动画新建图层，更名为月亮动画。

导入月亮图片，F8转成名为月亮动画。

双击进入元件内部，把图层命名为月亮。

在月亮图片上画一个圆，大小与月亮相同，全部选中，按ctrl+B打散，选中光晕，按ctrl+X剪切，新建一个图层，命名为光晕，再按ctrl+shift+V原位粘贴，删除画的圆，将月亮转成名为月亮的图片元件，光晕转成名为光晕的影片剪辑。

将月亮在第一帧时移到舞台上方，在十帧的位置插入关键帧，将月亮移到舞台上的位置，传统补间，到二十祯做延时帧。

光晕插入空白关键帧，在十帧插入关键帧，将光晕放在舞台上，点击光晕，在属性面板-显示下混合属性选择滤色；第十帧透明度为0，在第二十帧插入关键帧，透明度改为一百，做传统补间，让光晕有一个从无到有的一个闪烁效果。

效果图如图3.2-1所示：图3.2-13.3倩女幽魂文字效果在动画总新建图层，命名为倩女幽魂。

导入倩女幽魂文字图片，留一张在舞台，转换成名为倩女幽魂的图形元件，双击进入元件内部。

新建图层，命名为清晰文字和模糊文字。

模糊文字在第一帧放大，色调为白色，在第七帧插入关键帧，原图，做传统补间，在第十五帧插入关键帧，透明度改为0，做传统补间；使模糊文字有一个从大到小、从有到无的效果。

清晰文字前七帧为空白帧，第七帧透明度为0，在第十五帧插入关键帧，透明度为100，传统补间，使文字有一个模糊到清晰的效果。

做一帧延时帧，在插入关键帧，在第二十六帧插入关键帧，将清晰文字移到左边，做传统补间，使文字有一个位移过程。

效果图如图3.3-1所示：图3.3-13.4小鬼动画在动画总新建图层，命名为小鬼动画。

导入小鬼图片，留一张在舞台上，转换为名为小鬼动画的图形元件，双击进入元件内部。

新建八个图层，命名为小鬼1、小鬼2，依次类推，将小鬼图片分别放入图层，转换为图形元件。

第一帧将小鬼放到舞台外，在第十五帧插入关键帧，见小鬼放到固定位子，复制第十五帧，移动到第七帧左右，将小鬼向前移动一点，全部做传统补间。

在每个图层前加一些空白帧，使每个小鬼出场时间不同，以帧数最多的图层为准，其他涂层添加延时帧。

效果图如图3.4-1所示：图3.4-13.5主角动画在动画总新建图层，命名为主角动画。

导入主角和签名图片，留一张主角图片在舞台，转换成名为主角动画的图形元件，双击进入元件内部。

新建图层，分别命名为黑菲、白菲和签名，将图片分别放入相应的图层，转换为图形元件。

将两个主角图片在第一帧分别放在舞台的上方和下方，滤镜模糊，在第二十帧插入关键帧，将两个主角放在舞台上的固定位置，做传统补间，做出由外飞入的效果；在靠近二十帧的位置创建关键帧，移动到四帧左右，让主角飞入的速度又快到慢，二十祯到三十帧做延时帧。

签名在第二十帧插入关键帧，透明度改为0，在第三十帧插入关键帧，透明度为百分百，传统补间，使签名慢慢浮现。

效果图如图3.5-1所示：图3.5-13.6随心而战动画在动画总新建图层，命名为随心而战，导入随心而战图片，转换为图形元件，双击进入元件内部。

将随心而战转换为图形元件，第一帧放大，第二十帧为原来大小，传统补间，从大到小的效果。

新建图层，命名为虚影1，复制一个随心而战图片，放大百分之一百二十，在第二十七帧左右插入关键帧，大小为原始大小，透明度为0，传统补间。

再新建一个图层，命名为虚影2，将虚影1复制，起始帧放在二十五帧左右，让它与虚影1错开。

让随心而战呈现一个由大到小，再颤动的效果。

新建图层，命名为尽情战斗。

前三十一做空白帧，然后插入关键帧，导入尽情战斗图片，转换为图形元件，在第四十帧插入关键帧，将前面的关键帧透明度改为0，放大百分之一百二十，传统补间，让他出现一个从无到有，从大到小的效果。

再次新建图层，命名为痛快享自由，导入图片，转换成图形元件，然后做法和尽情战斗相同。

将尽情战斗与痛快享自由错开一点，让他有一个先后出现的顺序。

新建图层，命名为扫光。

在第四十五帧插入关键帧，用矩形工具画一个矩形，做线性渐变，中间白色，两边透明度为0，转换成图形元件。

每隔十帧插入关键帧，插入四个，将第二个关键与第四个关键帧上的矩形移到右边，做传统补间。

新建图层，命名为遮罩，在第四十五帧导入随心而战黑色文字，更改大小，使其与随心而战图片上的文字完全重合，做延时帧到八十五帧。

单击右键，将遮罩图层改为遮罩层。

遮罩层上面是遮罩层，下面是被遮罩层。

实现原理：被遮罩动画对象透过遮罩层形状进行显示。

效果图如图3.6-1所示：图3.6-13.7 2组万人新服动画在动画总新建图层，命名为2万人新服，导入图片，转换成图形原件，双击进入原件内部。

将图层命名为2组万人新服，将图片转换为图形原件，插入关键帧，放大百分之两百，色调改为白色，隔十帧插入关键帧，原始图片，传统补间；延时帧到二十五帧，插入关键帧，隔五帧插入关键帧，向上移动一点，在插入关键帧，回到原来的位置，传统补间，然后延时帧到八十帧。

效果为从大到小，白色到清晰，经过注册碰撞向上移动再落回原处。

新建图层命名为明天火爆开服。

导入图片转换为原件，做法与效果与2万人新服相同。

将起始帧向后移动一点，使其与2万人新服出场有一个先后顺序。

新建图层命名为注册，导入图片转换为原件。

起始帧为十五帧，放在舞台下方，隔十帧插入关键帧，将图片移入舞台，靠近两组万人新服与明天火爆开服，再隔五帧插入关键帧，将注册移到舞台上的固定位置，传统补间。

使它出现由舞台下方向上飞入，碰撞到2组万人新服与明天火爆开服，再向下移动停止。

新建图层，命名为光效，导入图片，转换为图形原件，在属性面板-显示下混合属性选择滤色，将背景去掉。

在第三十帧插入关键帧，三十帧以前为空白帧，将光效移到舞台左边，隔二十八帧左右插入关键帧，将光效从左边移到舞台上靠右的位置，再隔五帧左右插入关键帧，透明度为0，传统补间。

效果为从左飞入，再渐渐消失。

新建图层，命名为大礼包，导入图片，转换为图形元件。

前三十四帧做空白帧，第三十五帧插入关键帧，透明度为0；隔五帧插入关键帧，透明度为百分百，放大百分之一百二十；隔六帧插入关键帧，缩放百分之九十；隔五帧插入关键帧，缩放百分之八十；再隔四帧插入关键帧，缩放百分之九十五；再隔四帧插入关键帧，缩放百分之一百零五；再隔三帧插入关键帧，原始大小，全部做传统补间。

效果为从无到有，然后闪烁。

新建图层，命名为超级大奖，在第六十五帧导入图片，转换为影片剪辑，做延时帧。

双击进入影片剪辑，将超级大奖图片转换为图形元件，在第五帧和第十帧插入关键帧，将第五帧的位置向下移动一点，传统补间，让超级大奖一直跳动。

新建图层，命名为抢爆新服，在第六十五帧导入图片，转换为影片剪辑，透明度改为0，隔五帧插入关键帧，透明度改为一百，传统补间，然后再做做延时帧。

双击进入影片剪辑，新建图层，分别命名为抢爆新服和小手，导入图片并转换成图形元件在第五帧与第十帧插入关键帧，在第五帧将抢爆新服图片放大百分之十，将小手移到抢爆新服上方，传统补间。

效果为小手移到抢爆新服上方，抢-爆新服就变大一点。

效果图如图3.7-1所示：图3.7-13.8花瓣动画在动画总新建图层，命名为花瓣动画。

用椭圆工具画一个椭圆，填充为白色，不要边线，再用矩形工具画一个矩形，填充为其他色，将矩形放到椭圆二分之一处，再点击删除，就可以得到一个半圆。

这样做是因为形状可以任意剪切，同色相溶，异色相切。

将半圆调整成花瓣的样子再改为白色径向填充，后面一个透明度为0，转换成图形元件，双击进入元件内部。

将图层名命名为花瓣，再将花瓣转成图形元件；新建图层，命名为引导层，在引导层上用铅笔工具画一条曲线，然后平滑，延时帧到六十帧；将花瓣的中心点移到引导线上方的线上，在六十帧插入关键帧，将花瓣移到移到引导线下方的线上，透明度改为0，传统补间，勾选顺时针。

在引导层右击鼠标，勾选引导层，让花瓣沿着引导线飞。

再新建三个图层，分别命名为花瓣2、花瓣3、花瓣4；做法与花瓣相同。

做好以后将每个花瓣图层向后移动一点，让他顺序不同，引导层做延时帧。

效果图如图3.8-1所示:图3.8-13.9屏幕抖动和调整在动画总里将一些图层向后移动，让前一个动画完成后才开始。

在最外面的图层107帧左右开始插入关键帧，分别为上、下、左、右、原位，上下左右分别一动一些，移动两次；174帧左右时也是如此。

效果图如图3.9-1所示：图3.9-14总结Flash对我来说并不陌生。

因为在浏览大部分网站、网页的时候都能看到大大小小、各式各样的FLASH动画，还有Flash制作的MTV、课件、小游戏之类更是无计其数，有的动态高级网站更是全部利用Flash所制作，它以图、文、声一体的动态表现能力，极强的交互性，而深得人们喜爱。

我之所以学习Flash是因为它是专业课，必须要学习。

在刚开始学习的时候，老师给我们看了一些有Flash制作的动画，当时心里觉得很震撼，觉得很炫酷，于是对这门课程也有了兴趣。

通过这几周来的学习，我了解了动画原理，了解了帧与层的概念。