Flash实训报告.doc

网页动画设计 实 训 指 导 书班 级: 电商S2011-2 学 号: 04 姓 名: 周友琴 指导老师: 吴代文 湖南工业职业技术学院 经济管理系商务教研室经过几天的努力终于完成了flash的5个实训项目分别是马蹄莲花制，IPhone5手机广告、电子相册、文字效果设计，校园网站设计，看着这几件作品，心里感觉很开心。下面是这几件作品的详细步骤。实训一：马蹄莲花我们做的第一个实训就是马蹄莲花,根据实验指导书的步骤我们做出的效果图如下所示: 实训二、文字效果图设计1、 首先进入Flash在属性面板中调整好舞台大小，背景颜色。2、 插入-新建原件一，选择椭圆工具，在属性面板修改笔触颜色，将笔触线改成20。按住shift键画一个正圆出来。3、 选择文字工具，在属性面板调整好字体，大小，颜色，并写湖南工业职业技术学院和网址。4、 按ctrl+B将文字打散，将其放到圆中排列好。5、 元件一如下图所示：6、 将元件一拖到场景中，并在中间画一个内圆，如下图所示：7、 新建一个图层，选择文字工具在属性面板中调整好字体大小，颜色，写下商字，转化成元件。8、 在图层第一帧插入关键帧并在属性面板中将透明度设置为0%，在第10帧插入关键帧将透明度设置为100%，在第20帧插入关键帧，复制第一帧。创建传统补间。9、 重复上述步骤，依次设置好务、教、研、室等图层。10、 间帧如下图所示：11、 运行程序。实训三 电子相册设计1、 根据电子相册文件夹中的素材和设计步骤，做出的效果图如下所示： 实训四 IPhone 5手机网页广告设计1、首先新建一个flash文档，导入5张图片。2、 接下来我们新建一个图形元件，把图片依次摆成如图样子。3、 然后再新建一个按钮，在指针经过处插入关键针4、 然后画一个矩形，白色填充，大小和图片设置大小一样，调整透明度。5 、 新建一个mc1，把图形1拖进去，然后把按钮依次放在图形上，如图所示：6、 接下来在每一个按钮上添加as代码：on (rollOver) _root.mc.stop(); on (rollOut) _root.mc.play(); 其中mc是以后要命名的实例名。7、 新建一个mc2，我们把mc1拖进去，在100针出插入关键针，然后将图形向左拖，使得左端开头的位置变为右端结尾位置重合。8、 做动作的补针动画，如图：9、 回到主场景，把mc2放进去，（命名为mc）。10、 效果图如图所示：实训五网站Banner广告设计1、 首先新建一个flash文档，导入5张图片。 2、 图层1上拖张图片1，匹配舞台大小。3、添加图层2，在第一帧上再拖张图片2，右键-转换为影片剪辑，名为“转换1.双击进入编辑区，将图层1延长至125帧（长短可自定），加锁。添加图层2，在图层2第一帧上，选择“矩形工具“，关闭笔触色，颜色码CDCDCD，共四个色块，从左至右的透明度分别是0%、0%、100%、100%，色块如图。4、选中矩形，右键转换为“影片剪辑”，名“遮罩”。用右方向键将它右移至图片左边对齐，如图在第45帧处插入关键帧，用左方向键将它向左移至和图片的右边对齐，两帧之间创建动画补间。再回到第一帧上，在属性面板里的“混合”模式里选择“Alpha，第45帧上“混合”模式也是“Alpha”。继续在第75帧上插入关键帧，在第95帧上插入关键帧，将两帧上的图层混合模式都改为“Alpha，选中第95帧，将属性面板里的“颜色”模式定为“Alpha、0%”，两帧之间再创建动画补间。延长至125帧。时间帧如图：5、 回主场景、在场景中将图层1和图层2都延长至125帧，选中图层2的第一帧，将属性面板的混合模式改为“图层。6、 再打开图层1的锁，在第70帧上插入关键帧，选中图片，打开属性面板，点选“交换”，将图片交换为另一张图片。7、在接下来就设置标题字，新建一个图层，用文字工具写上湖南工业职业技术学院的字。转化为元件2拖到场景中如图：8、在创建一个元件名为大遮罩，用椭圆工具画一个圆与大文字一样大，拖到场景中。盖住湖字，在第60帧插入关键帧并把大遮罩拖到院字上，在第120帧插入关键帧复制第一帧。9、在新建一个图层，把元件2字体缩小转化为元件拖到场景中如图：10、用同样地方法设置小遮罩如图：11、 时间帧如图： 实训心得我认为制作flash最主要的是多练，光看书是没有很大作用的，不然到了真正用的时候，还是笨手笨脚的。只有经过实践，才能有好的技术。还有我觉得创意和构思是非常重要的。创意是制作一个flash的第一步，也可以说是最重要的一步。一个好的作品是要有好的创意，要求新或者是在平淡中找到吸引人的地方。这是最难也可以说是最简单的一步，因为有时苦苦地思索，却很难找到一个好的创意。创意之后就应该是构思也就是在大脑中想象怎样组织画面每个画面该有些什么内容这些画面又该如何衔接成一个整体。但是有了好的创意而没有娴熟的技巧也是不行的。这次实训中我深有体会。因为我想到了很多，但可惜的是心有力而力不足，所以我不得不上网搜查那些制作实例，还要一遍一遍的看我才能做完整，做出效果来。我认识到，flash的创作要经过多练习，有了好的创意，也要用娴熟的技术才能将主题表现得淋漓尽致，而且多练习，才会有更多更好的创意。通过这次实训，我收获颇多。学到了很多知识，特别是提高了综合分析应用的能力。实训过程是繁琐的，但同学们都表现得很积极，不怕课程难，相互帮助一起分析，这样的学习氛围很好。这次实训中，我认为最重要的是能主动的问老师问题，并在老师的教导下，能制作出自己满意的作品和作品效果。不懂就要问，这是个真理。但是还是要自己动脑，来提高自己的应用分析能力这次实训中大家表现都很积极。 这次实训，我是用认真的态度来对待的，尽管还有很多不足之处，但我已经很满意了，在这次实训中，我遇到了很多的问题，基本都是通过自己的思考或上网查阅资料来完成的。同时也感谢老师的指导。 2012 年 12 月实训一 绘制马蹄莲花实训内容：1、 新建文档设置文档属性：将舞台工作区大小设置为“600 px * 400 px”，背景为“灰色（#CCCCCC）”。小提示：舞台工作区的大小默认是“550 px * 400 px”，最大可设置为“2880 px * 2880 px”，最小可设置为“1 px * 1 px”.2、 新建“马蹄莲花”元件1）选择“插入”菜单，“新建元件”选项，弹出“创建新元件”对话框，输入名称：“马蹄莲花”，行为：“影片剪辑”2）选择矩形工具，笔触色任意，填充色没有颜色（），在选项栏里单击“对象绘制”按钮，在属性面板设置笔触样式为极细，绘制两个矩形。 图1_1图1_23）用选择工具(黑箭头工具)，配合Alt键，调整成下图：图1_34）用线条工具画条直线（图1_4）,并调整（图1_5） 图1_4 图1_55）全部选中，选择“修改”“分离”（快捷键ctrl+B）将其打散，再选择“编辑”“复制”（快捷键ctrl+C）复制马蹄莲。单击“插入图层”按钮增加一个图层，选中第一帧第一帧，在舞台工作区单击右键，选择“粘贴到当前位置”(快捷键ctrl+shift+v)，把图层2改名为高光1，锁定。6）回到第一层，将图层改名为花。单击“线条”工具，在茎部绘制一条直线，用想“选择”工具调弯，再将其打散。 图1_67）填充茎部选择“窗口”“混色器面板”，类型：线性，左： 82C063 中：FFFFCC 右：7BBD5A，再在工具栏内选择“填充变形工具”调整。 图1_78）填充花萼选择“窗口”“混色器面板”，类型：线性，左：白色，右： FFFFCC。如图填充，调整。 图1_89）填充花冠1选择“窗口”“混色器面板”，类型：放射状，左：白色，右：EEDFA8，色标摆放的位置如图，填充调整。 图1_910）填充花冠2放射状填充，左：EDDC9A，中：F5EDCD，右： F7EFD5，色标摆放的位置如图，填充调整：图1_1011）选择该层中的全部笔触颜色，并将其全部删除。 12)回到高光1层，如图绘制直线并打散。图1_1113)填充颈部及花萼放射状填充，六个色标从左到右：#FFFFFF, Alpha 0%，#8EEC02 ,Alpha 55%，#01760D ,Alpha 60%，#177F22 ,Alpha 88%，#01790D ，Alpha81%，#01870E， Alpha 51%。 图1_1214)填充花冠1放射状填充，左右都是白色，Alpha：左91%，右0%，如图填充调整。 图1_1315）填充花冠2放射状填充，左右都#426A04，Alpha：左 6%，右0% 。图1_1416) 选择该层中的全部笔触颜色，并将其全部删除,并锁定图层。17）添加高光单击“插入图层”按钮增加一个图层，改名高光2。选择“椭圆”工具，笔触色没有颜色，填充颜色为放射状填充，左右都是白色，Alpha：左44%，右0%。绘制椭圆，用变形工具改变方向大小，做四五个高光，摆放好。 图1_15图1_1618）绘制花蕊增加一个图层，改名花蕊，绘制一个矩形框，调整形状，填充颜色纯色：#BC8D21图1_17选中花蕊，删除笔触颜色，单击右键，选择转换成元件。影片剪辑，名称花蕊。图1_18双击进入花蕊元件编辑区，选“椭圆”工具，笔触颜色，放射状填充。左：#E1E159，右：￥BC8D21。绘制画大小不一的圆。图1_19小提示：为了方便绘制，可以将舞台工作区放大19)回到马蹄莲花元件编辑区，选中花蕊，添加滤镜效果。模糊：模糊值 X：2，Y：2 ，发光。设置如图：图1_203、组装场景 1)背景：选择场景中的第一层第一帧，绘制一个没有笔触颜色，填充放射状填充的矩形（颜色根据自己喜欢的设置），大小：600*400，相对于舞台居中。2）增加图层2，从库里把马蹄莲花元件拖入场景，摆放好，选中，添加模糊和发光的滤镜效果。 图1_213)再复制一个马蹄莲花，单击“任意变形”工具，将其水平翻转，缩小，摆放好。 图1_22实训二 文字效果设计实训内容：根据文字内容：商务教研室，将其设置文字效果（可以是静态，也可以是动态，以最终设计效果给分）。实训三 电子相册设计实训内容：根据电子相册文件夹中的素材和设计步骤，进行电子相册设计。实训四 IPhone 5手机网页广告设计实训内容：上网寻找IPhone 5手机图片，并进行处理，制作一个滚动的网页手机广告。 实训五 网站Banner广告