网页动画设计实习报告Word格式文档下载.docx

网页动画设计实习报告Word格式文档下载.docx

《网页动画设计实习报告Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《网页动画设计实习报告Word格式文档下载.docx（12页珍藏版）》请在冰豆网上搜索。

专业班级

指导　教师

XＸＸ

网络XＸX平面方向

XXＸXXXXX

实习时间

2０1６年４月25日至2０16年4月30日

实习地点

实习名称

网页动画设计

自我总结

从这次的实习，我逐渐的发现了自己身上有很多的不足之处，自己也有在慢慢进步，但是仅仅是这些是远远不够的，自己还有很大的空间去发挥,去进步。

通过这次的实训内容：

倩女幽魂动画，我发现了自己对动画方面的知识还有欠缺,还有对软件不够熟悉，只会一些基本的,我觉得这是远远不够的.

倩女幽魂动画结合了前面所学习的内容，每个分开都简单,合在一起后就容易弄混、出错，这就需要我们把基础打牢,从而掌握.

指导教师

意见

考核等级

１实习目的１

2实习概况２

2.1实习要求2

2。

２实习时间２

3实习环境2

4开发环境ﻩ２

３实习内容ﻩ３

３。

1背景ﻩ3

3.２月亮动画ﻩ3

3.3倩女幽魂文字效果ﻩ4

3.４小鬼动画5

3.5主角动画6

3.6随心而战动画ﻩ7

3。

7　2组万人新服动画ﻩ8

8花瓣动画ﻩ１0

３．９屏幕抖动和调整1０

4总结ﻩ12

1实习目的

《网页动画设计》课程设计是教学中的一个重要教学环节,是学生学习过程中不可缺少的实际操作技能训练,也是对课程学习效果的检验。

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

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

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

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

2实习概况

２．１实习要求

熟练运用Flash软件准确的绘制倩女幽魂动画

2实习时间

2016年４月25日至20１5年4月30日

3实习环境

重庆工程职业技术学院机房

2.４开发环境

Flａsh软件

3实习内容

用Flaｓh制作倩女幽魂动画;

动画制作前先把倩女幽魂动画psd在Ｐhoｔoshoｐ中打开，把图片另存为png格式。

3.1背景

打开Ｆｌash软件，新建一个名为倩女幽魂的fｌa文件。

导入背景图片，转换成名为动画总的图形元件；

更改舞台大小为背景图大小：

960X400像素;

双击图片进入动画总元件内部,把图层改名为背景。

效果图如图3．1-１所示:

图３.1-1

2月亮动画

新建图层，更名为月亮动画。

导入月亮图片,F８转成名为月亮动画。

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

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

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

光晕插入空白关键帧，在十帧插入关键帧,将光晕放在舞台上，点击光晕，在属性面板—显示下混合属性选择滤色;

第十帧透明度为0，在第二十帧插入关键帧，透明度改为一百,做传统补间，让光晕有一个从无到有的一个闪烁效果。

效果图如图3.2—1所示:

图3．2-１

3.3倩女幽魂文字效果

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

新建图层,命名为清晰文字和模糊文字.模糊文字在第一帧放大,色调为白色,在第七帧插入关键帧，原图，做传统补间，在第十五帧插入关键帧，透明度改为0，做传统补间；

使模糊文字有一个从大到小、从有到无的效果.

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

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

效果图如图3．3-1所示：

图３.3-１

４小鬼动画

在动画总新建图层,命名为小鬼动画。

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

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

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

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

效果图如图3。

4－1所示:

图3。

４—１

５主角动画

在动画总新建图层,命名为主角动画。

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

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

将两个主角图片在第一帧分别放在舞台的上方和下方，滤镜模糊，在第二十帧插入关键帧，将两个主角放在舞台上的固定位置，做传统补间，做出由外飞入的效果；

在靠近二十帧的位置创建关键帧，移动到四帧左右，让主角飞入的速度又快到慢，二十祯到三十帧做延时帧。

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

效果图如图3.5—1所示:

图３.5—１

３．６随心而战动画

在动画总新建图层，命名为随心而战,导入随心而战图片,转换为图形元件，双击进入元件内部。

将随心而战转换为图形元件，第一帧放大,第二十帧为原来大小,传统补间,从大到小的效果.新建图层,命名为虚影１，复制一个随心而战图片，放大百分之一百二十，在第二十七帧左右插入关键帧，大小为原始大小，透明度为０,传统补间.再新建一个图层，命名为虚影2,将虚影1复制,起始帧放在二十五帧左右，让它与虚影1错开。

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

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

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

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

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

新建图层,命名为扫光。

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

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

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

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

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

实现原理：

被遮罩动画对象透过遮罩层形状进行显示.效果图如图３.６－1所示：

图3.6－1

３．７　２组万人新服动画

在动画总新建图层，命名为2万人新服，导入图片，转换成图形原件，双击进入原件内部。

将图层命名为２组万人新服,将图片转换为图形原件，插入关键帧，放大百分之两百,色调改为白色,隔十帧插入关键帧，原始图片，传统补间；

延时帧到二十五帧，插入关键帧，隔五帧插入关键帧，向上移动一点，在插入关键帧,回到原来的位置，传统补间，然后延时帧到八十帧。

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

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

导入图片转换为原件，做法与效果与2万人新服相同.将起始帧向后移动一点，使其与2万人新服出场有一个先后顺序。

新建图层命名为注册,导入图片转换为原件.起始帧为十五帧，放在舞台下方，隔十帧插入关键帧,将图片移入舞台，靠近两组万人新服与明天火爆开服，

再隔五帧插入关键帧，将注册移到舞台上的固定位置,传统补间。

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

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

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

效果为从左飞入,再渐渐消失.

新建图层，命名为大礼包,导入图片，转换为图形元件.前三十四帧做空白帧，第三十五帧插入关键帧，透明度为０；

隔五帧插入关键帧,透明度为百分百，放大百分之一百二十；

隔六帧插入关键帧，缩放百分之九十；

隔五帧插入关键帧,缩放百分之八十；

再隔四帧插入关键帧，缩放百分之九十五;

再隔四帧插入关键帧，缩放百分之一百零五；

再隔三帧插入关键帧，原始大小，全部做传统补间。

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

新建图层，命名为超级大奖，在第六十五帧导入图片,转换为影片剪辑，做延时帧.双击进入影片剪辑，将超级大奖图片转换为图形元件，在第五帧和第十帧插入关键帧，将第五帧的位置向下移动一点,传统补间,让超级大奖一直跳动。

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

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

效果图如图3.７-1所示：

图3.7-1

3．8花瓣动画

在动画总新建图层，命名为花瓣动画.用椭圆工具画一个椭圆,填充为白色，不要边线,再用矩形工具画一个矩形，填充为其他色,将矩形放到椭圆二分之一处，再点击删除，就可以得到一个半圆。

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

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

新建图层,命名为引导层，在引导层上用铅笔工具画一条曲线,然后平滑，延时帧到六十帧;

将花瓣的中心点移到引导线上方的线上，在六十帧插入关键帧，将花瓣移到移到引导线下方的线上，透明度改为0，传统补间，勾选顺时针.在引导层右击鼠标，勾选引导层，让花瓣沿着引导线飞.

再新建三个图层，分别命名为花瓣２、花瓣3、花瓣４；

做法与花瓣相同。

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

效果图如图3.８—1所示:

图３.8－1

３.9屏幕抖动和调整

在动画总里将一些图层向后移动,让前一个动画完成后才开始。

在最外面的图层１０7帧左右开始插入关键帧，分别为上、下、左、右、原位，上下左右分别一动一些，移动两次；

174帧左右时也是如此。

9-１所示：

图３.９—1

4总结

Flash对我来说并不陌生。

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

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

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

通过这几周来的学习，我了解了动