网 动画设计实习报告

实习报告

实习性质：网页动画设计

学生姓名：XXX

专业班级：计算机网络技术142平面方向

指导教师：XXX、XX

实习时间：2016年4月25日至2016年4月30日实习地点：XXXXXXXCCCXXXXXXXXXX

重庆工程职业技术学院

学生实习考核表

目录

1实习目的 (1)

2实习概况 (2)

2.1实习要求 (2)

2.2实习时间 (2)

2.3实习环境 (2)

2.4开发环境 (2)

3实习内容 (3)

3.1背景 (3)

3.2月亮动画 (3)

3.3倩女幽魂文字效果 (4)

3.4小鬼动画 (5)

3.5主角动画 (6)

3.6随心而战动画 (7)

3.7 2组万人新服动画 (8)

3.8花瓣动画 (10)

3.9屏幕抖动和调整 (11)

4总结 (13)

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-1

3.2月亮动画

新建图层，更名为月亮动画。导入月亮图片，F8转成名为月亮动画。双击

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

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

图3.2-1

3.3倩女幽魂文字效果

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

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

清晰文字前七帧为空白帧，第七帧透明度为0，在第十五帧插入关键帧，透明度为100，传统补间，使文字有一个模糊到清晰的效果。做一帧延时帧，在插入关键帧，在第二十六帧插入关键帧，将清晰文字移到左边，做传统补间，使文字有一个位移过程。效果图如图3.3-1所示：

图3.3-1

3.4小鬼动画

在动画总新建图层，命名为小鬼动画。导入小鬼图片，留一张在舞台上，转换为名为小鬼动画的图形元件，双击进入元件内部。新建八个图层，命名为小鬼1、小鬼2，依次类推，将小鬼图片分别放入图层，转换为图形元件。第一帧将

小鬼放到舞台外，在第十五帧插入关键帧，见小鬼放到固定位子，复制第十五帧，移动到第七帧左右，将小鬼向前移动一点，全部做传统补间。在每个图层前加一些空白帧，使每个小鬼出场时间不同，以帧数最多的图层为准，其他涂层添加延时帧。效果图如图3.4-1所示：

图3.4-1

3.5主角动画

在动画总新建图层，命名为主角动画。导入主角和签名图片，留一张主角图片在舞台，转换成名为主角动画的图形元件，双击进入元件内部。新建图层，分别命名为黑菲、白菲和签名，将图片分别放入相应的图层，转换为图形元件。

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

0，在第三十帧插入关键帧，透明度为百分百，传统补间，使签名慢慢浮现。效果图如图3.5-1所示：

图3.5-1

3.6随心而战动画

在动画总新建图层，命名为随心而战，导入随心而战图片，转换为图形元件，双击进入元件内部。将随心而战转换为图形元件，第一帧放大，第二十帧为原来大小，传统补间，从大到小的效果。新建图层，命名为虚影1，复制一个随心而战图片，放大百分之一百二十，在第二十七帧左右插入关键帧，大小为原始大小，透明度为0，传统补间。再新建一个图层，命名为虚影2，将虚影1复制，起始帧放在二十五帧左右，让它与虚影1错开。让随心而战呈现一个由大到小，再颤动的效果。

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