搜索
Flash设计报告个人简历班级：学号：姓名：指导老师：20年月日一、设计分析作品构图分析1、开场动画动画主要由四部分构成：顶部的励志名言，下之是飘过的云，再下之是个人简历标题，底部是蓝色的海。顶部的励志名言是由文本经分离后转換成元件，再变成动态动画。飘过的云是一个动态的影片剪辑；个人简历标题是一个动态的影片剪辑；底部是蓝色的海是静态画面。2、主题画面主题画面主要由三部分构成：顶部的标题、左侧的按钮、右边的个人信息。顶部的标题是静态画面；左侧的按钮是采用动态图形按钮；右边的个人信息为一个影片剪辑。作品设计思路分析（1）在开场所动画画面导入海图像，构建基本画面；（2）设计动态影片剪辑，其中又包括文字变形，图形动画等；（3）在主题画面导入图像，构建基本画面；（4）设计动态按键，其中又包括图形变形，按钮功能等；（5）设计表现个人信息的影片剪辑，若又包括概况，教育等图像和变形效果；（6）利用脚本代码控制个人信息的显示二、构建开场动画基本画面（1）创建一个新的Flash文件（ActionScript2.0），命名为个人简历.fla。（2）设置文档舞台大小为“700x700”像素，如图1：图1（3）选择【文件】|【导入】|【导入到库】菜单命令，将“seaandsky.jpg”文件导入，重复命令，导入fire.jpg,云jpg，海，jpg文件，并设置为影片剪辑文件。（4）【库】窗口，新建元件，命名为“个人简历”，把fire.jpg文件拖到影片剪辑元件窗口，属性窗口设X=0，Y=0。在工具栏选择【文本】工具，输入“个人简历”，大小为48，重复输入resume,大小为32，并将两文本布置在舞台画面的合适的位置，选择【任意变形工具】，令两个文本变形，如下图2图2（5）【库】窗口，新建元件，命名为“云”，把cloud.jpg文件拖到影片剪辑元件窗口，属性窗口设X=0，Y=0。如下图3图3（6）在【时间轴】面板，修改图层1的名称为“背景”，将海影片剪辑文件其布置在舞台画面的合适的位置，在160帧处插入帧。如下图4图4（7）在【时间轴】面板，修改图层2的名称为“励志名言层”,在98帧处插入帧，在工具栏选择【文本】工具，输入“个人简历”，大小为24，并将两文本布置在舞台画面的合适的位置，插入“补间动画”，选中第1帧，选择【任意变形工具】，令文本变形，在最后一帧恢复原型，如下图5图5（8）在【时间轴】面板，修改图层3的名称为“云特效层”在98帧处插入帧，在库窗口拖“云”到舞台画面的合适的位置,插入“补间动画”，令“云坐标为，X=50，Y=145.5，选中最后一帧，令X=550，Y=145.5，如下图6（9）在【时间轴】面板，修改图层4的名称为“个人简历特效层”在98帧处插入帧，在库窗口拖“个人简历”影片剪辑到舞台画面的合适的位置,插入“补间动画”，选中第1帧，右键【任意变形】，让令个人简历影片剪辑，倾斜，坐标为，X=489，Y=279.9，宽度：198.9，高度：72.8，选中最后一帧，令坐标为，X=291.9，Y=256.2，宽度：297.0，高度：144.0，如下图7图7三、构建主题基本画面（1）选择【文件】|【导入】|【导入到库】菜单命令，将“顶部1.jpg”文件导入，重复命令，导入底部1.jpg,左部1jpg，左部2.jpg，右部1.jpg，右部2.jpg文件，并分别设置为按钮文件：顶部1，底部1，左部1，左部2，右部1，右部2。（2）打开【库】窗口，选择“顶部1”按钮，选择【工具】|【矩形工具】，在右边【属性】|【位置和大小】及【属性】|【笔触和填充】设置，矩形大小，宽度：192；高度：72；笔触颜色：#0098FF；笔触大小：5；填充颜色：#0066CC；X：0；Y：0；然后选中“顶部1”按钮图片，在【属性】|【位置和大小】设置X：1.4；Y：1.4。为底部1，左部1，左部2，右部1，右部2分别重复以上动作。按钮图片如下图：顶部1：图8底部1：图9左部1：图10左部2：图11右部1：图12右部2：图13（3）【时间轴】|【背景层】，选择第99帧，右键建立空白帧，在第160帧，插入空白帧。选中第99帧，选择【工具】|【矩形工具】，在右边【属性】|【笔触和填充】设置，笔触颜色：#0098FF；笔触大小：填充颜色：#0098FF。5。在空白的地方分别两个画矩形，【属性】|【位置和大小】分别设置矩形大小，宽度：700；高度：4；X=0，Y=172。宽度：700；高度：4；在X=0，Y=172。在空白的地方画一个矩形，【属性】|【位置和大小】分别设置矩形大小，宽度：0；高度：700；X=200，Y=3。如下图14：图14（4）背景层，选中第99帧，选择【文件】|【导入】|【导入到库】菜单命令，将“校徽.jpg”文件导入，在【库】窗口，把校徽.jpg拖到左上角适当的位置。如下图15：校徽.jpg图15（5）背景层，选中背景层第99帧，选择【工具】|【文本工具】，在右上方点击，并输入“宝剑锋从磨砺出，梅花香出苦寒来”座右铭，【属性】|【位置与大小】设置X：236Y：33.5，宽度：422.9。【属性】|【字符】设置系列：宋体，大小：18.0，字母间距：8.0，颜色：#0098FF；再次选择【工具】|【文本工具】，在右上方点击，并输入“个人简历”，【属性】|【位置与大小】设置X：278.9Y：66.5，宽度：334.0。【属性】|【字符】设置系列：宋体，大小：68.0，字母间距：8.0，颜色：#0098FF。如下图16：图16（6）背景层，选中背景层第99帧，按下F9键，在脚本输入栏，输入“stop();”如下图17：图17（7）背景层，选中背景层第99帧，输入选中左边“个人资料”按钮，按下F9键，在脚本输入栏输入“on(release){gotoAndPlay(100);}”，如图18：图18（8）背景层，选中背景层第99帧，输入选中左边“工作经历”按钮，按下F9键，在脚本输入栏输入“on(release){gotoAndPlay(110);}”，如图19：图19（9）背景层，选中背景层第99帧，输入选中左边“教育经历”按钮，按下F9键，在脚本输入栏输入“on(release){gotoAndPlay(120);}”，如图20：图20（10）背景层，选中背景层第99帧，输入选中左边“语言能力”按钮，按下F9键，在脚本输入栏输入“on(release){gotoAndPlay(130);}”，如图21：图21（11）背景层，选中背景层第99帧，输入选中左边“求职意向”按钮，按下F9键，在脚本输入栏输入“on(release){gotoAndPlay(140);}”，如图22：图22（12）背景层，选中背景层第99帧，输入选中左边“兴趣爱好”按钮，按下F9键，在脚本输入栏输入“on(release){gotoAndPlay(150);}”，如图23：图23（13）按钮特效层，选中第1帧，插入空白关键帧。选中第100帧，插入空白关键帧。选中第109帧，插入空白关键帧。选中第110帧，插入空白关键帧。选中第100帧，从库中拖“顶部1”按钮与前“顶部1”按钮重叠，右键|【补间动画】，选中第108帧，把在后拖进去的“顶部1”按钮的底边，由底边向顶边垂直方向上拖成一条，如下图24：图24（14）按钮特效层，选中第119帧，插入空白关键帧。选中第120帧，插入空白关键帧。选中第110帧，从库中拖“左部1”按钮与前“左部1”按钮重叠，右键|【补间动画】，选中第110帧，把在后拖进去的“左部1”按钮的右边，由右向左方向上拖成一条，如下图25：图25（15）按钮特效层，选中第129帧，插入空白关键帧。选中第130帧，插入空白关键帧。选中第120帧，从库中拖“右部1”按钮与前“右部1”按钮重叠，右键|【补间动画】，选中第120帧，把在后拖进去的“右部1”按钮的右边，由左向右方向上拖成一条，如下图25：图25（16）按钮特效层，选中第139帧，插入空白关键帧。选中第140帧，插入空白关键帧。选中第130帧，从库中拖“左部2”按钮与前“左部2”按钮重叠，右键|【补间动画】，选中第110帧，把在后拖进去的“左部2”按钮的右边，由右向左方向上拖成一条，如下图26：图26（17）按钮特效层，选中第149帧，插入空白关键帧。选中第150帧，插入空白关键帧。选中第140帧，从库中拖“右部2”按钮与前“右部2”按钮重叠，右键|【补间动画】，选中第140帧，把在后拖进去的“右部2”按钮的右边，由左向右方向上拖成一条，如下图27：图27（18）按钮特效层，选中第160帧，插入空白关键帧。选中第150帧，从库中拖“底部1”按钮与前“底部1”按钮重叠，右键|【补间动画】，选中第159帧，把在后拖进去的“底部1”按钮的顶边，由顶边向底边垂直方向上拖成一条，如下图28：图28（19）内容特效层，选中第1帧，插入空白关键帧。选中第99帧，插入空白关键帧。选中第1帧，按F9键，脚本输入框，输入“play();”，选中第99帧，按F9键,脚本输入框，输入“stop();”，如下图29,30：图29图30（20）内容特效层，选中第100帧，插入空白关键帧。选中第109帧，插入空白关键帧。选中第110帧，插入空白关键帧。选中第100帧，从库中拖“简历显示模板”影片剪辑到画面的右边空白的位置，位置X：400.9,Y:377.0宽度：102.6，高度：69.0；右键|【补间动画】，旋转：1次，方向顺时针。选中第108帧，位置X：202.8,Y:172.8,宽度：484.6，高度：465.2，如图31，选中第109帧，从库中拖“内容文字层”影片剪辑到画面的右边空白的位置，X：209.8，Y：182.9，宽度：485，高度：459，选【工具】|【文本工具】，在内容文字层影片剪辑上，输入个人资料信息，并从库中拖“xxxxxx.jpg”到内容文字层影片剪辑上的合适位置，如图32，按F9键,脚本输入框，输入“stop();”如图33，图31个人资料信息截图图32图33（21）内容特效层，选中第119帧，插入空白关键帧。选中第120帧，插入空白关键帧。选中第160帧，插入空白关键帧。复制第100帧到第108帧，选中第150帧到158帧，右键|粘贴，如图31。选中第119帧，从库中拖“内容文字层”影片剪辑到画面的右边空白的位置，X：209.8，Y：182.9，宽度：485，高度：459，选【工具】|【文本工具】，在内容文字层影片剪辑上，输入个人工作经历信息，如图34，按F9键,脚本输入框，输入“stop();”如图35，图34图35（22）内容特效层，选中第129帧，插入空白关键帧。选中第130帧，插入空白关键帧。选中第160帧，插入空白关键帧。复制第100帧到第108帧，选中第150帧到158帧，右键|粘贴，如图34。选中第119帧，从库中拖“内容文字层”影片剪辑到画面的右边空白的位置，X：209.8，Y：182.9，宽度：485，高度：459，选【工具】|【文本工具】，在内容文字层影片剪辑上，输入个人教育经历信息，如图36，按F9键,脚本输入框，输入“stop();”如图37，教育经历截图图36图37（23）内容特效层，选中第110帧，插入空白关键帧。选中第119帧，插入空白关键帧。选中第120帧，插入空白关键帧。选中第160帧，插入空白关键帧。复制第100帧到第108帧，选中第150帧到158帧，右键|粘贴，如图31。选中第119帧，从库中拖“内容文字层”影片剪辑到画面的右边空白的位置，X：209.8，Y：182.9，宽度：485，高度：459，选【工具】|【文本工具】，在内容文字层影片剪辑上，输入个人语言能力信息，如图38，按F9键,脚本输入框，输入“stop();”如图39，图38图39（24）内容特效层，选中第149帧，插入空白关键帧。选中第160帧，插入空白关键帧。复制第100帧到第108帧，选中第150帧到158帧，右键|粘贴，如图31。选中第119帧，从库中拖“内容文字层”影片剪辑到画面的右边空白的位置