flash个人简历设计文档_flash个人简历制作

其他范文 时间:2020-02-28 14:25:06 收藏本文下载本文
【www.daodoc.com - 其他范文】

flash个人简历设计文档由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“flash个人简历制作”。

Flash设计

个 人 简 历

班 级: 学 号: 姓 名: 年 月 日

一、设计分析

作品构图分析

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:236 Y:33.5,宽度:422.9。【属性】|【字符】设置系列:宋体,大小:18.0,字母间距:8.0,颜色:#0098FF; 再次选择【工具】|【文本工具】,在右上方点击,并输入“个人简历”,【属性】|【位置与大小】设置X:278.9 Y: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帧,选【窗口】|【公用库】|【声音】,插入Transportation CarsHonda Civic Drive By Slow 01.mp3,分别选中第100帧,选中第110帧,选中第120帧,选中第130帧,选中第140帧,选中第150帧,插入空白关键帧,选中第160帧,插入空白。分别选中第100帧,选中第110帧,选中第120帧,选中第130帧,选中第140帧,选中第150帧,【窗口】|【公用库】|【声音】,插入Science Fiction Sci-Fi Laser Fire Multiple 01.mp3,三、综合测试

【调试】|【调试影片】,选择【继续】按键。完成测试。

下载flash个人简历设计文档word格式文档
下载flash个人简历设计文档.doc
将本文档下载到自己电脑,方便修改和收藏。
点此处下载文档

文档为doc格式

    热门文章
      整站推荐
        点击下载本文