flash个人简历设计文档.docx
《flash个人简历设计文档.docx》由会员分享，可在线阅读，更多相关《flash个人简历设计文档.docx（14页珍藏版）》请在冰豆网上搜索。
flash个人简历设计文档
flash个人简历设计文档
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帧，从库中拖“内容文字层”影片剪辑到画面的右边空白的位置，X:
209.8，Y:
182.9，宽度:
485，高度:
459，选【工具】|【文本工具】，在内容文字层影片剪辑上，输入个人求职意向信息，如图40，按F9键,脚本输入框，输入“stop（）;”如图41，
图40
图41
（25）内容特效层，选中第159帧，插入空白关键帧。
选中第160帧，插入空白关键帧。
复制第100帧到第108帧，选中第150帧到158帧，右键|粘贴，如图31。
选中第119帧，从库中拖“内容文字层”影片剪辑到画面的右边空白的位置，X:
209.8，Y:
182.9，宽度:
485，高度:
459，选【工具】|【文本工具】，在内容文字层影片剪辑上，输入个人兴趣爱好信息，如图42，复制第159帧到第160帧，选中第160帧，按F9键,脚本输入框，输入“stop（）;”如图43，
个人兴趣爱截图
图42
图43
（26）音效层，选中第1帧，选【窗口】|【公用库】|【声音】，插入TransportationCarsHonda
CivicDriveBySlow01.mp3，分别选中第100帧，选中第110帧，选中第120帧，选中第130帧，选中第140帧，选中第150帧，插入空白关键帧，选中第160帧，插入空白。
分别
选中第100帧，选中第110帧，选中第120帧，选中第130帧，选中第140帧，选中第150
帧，【窗口】|【公用库】|【声音】，插入ScienceFictionSci-FiLaserFireMultiple01.mp3,
三、综合测试
【调试】|【调试影片】，选择【继续】按键。
完成测试。
升级会员 