第一篇: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个人简历()(推荐)
篇一:flash个人简历制作流程1 个人制作flash简历全流程
时间过得真快,眨眼间又到了新年。即将走出校园、步入社会、创造自己美好生活的毕业生是否已涌起一丝丝的别离情绪?有否把一切遗憾的事情都尽量弥补?有否到生活多年的校园各个角落留下自己的足迹?有否为即将离开父母的身边,走进变幻万千的社会,完全自己独立地生活而做好准备?随着新年的到来,各地的人才交流招聘会都将陆续召开。作为毕业生的你,有否已经制作了一份让自己满意、让用人单位满意的个人自荐表呢?还没有,不知道怎么做!或者做了,就那么简简单单的几张白纸!没关系,本专题正是基于这个目的,向为制作自荐表而发愁的毕业生一步步地介绍自荐表的表现形式及实例制作过程,希望可以解除大家的烦恼,让毕业生们圆满完成离开母校的最后一课!我们分别为大家准备了两种制作方法,一种是运用flash,一种是运用authorware.如果将来你有志于投入多媒体行业,学习用authorware制作简历将能够向用人单位显示你的制作实力;如果你喜欢用flash做动画,希望从事网络多媒体行业,则用flash制作一份精美的简历再合适不过了。
开篇
一、收集整理资料
几年的学生生涯,多多少少为自己添加了人生的经历,请把一切在校期间发生的故事、学习生活点滴、与社会接触和沟通的片段统统收集起来,分门别类,整理归档,作为自荐表基本资料,充实你的自荐表!
二、规划自荐表结构收集好所有的资料并整理归类后,我们需要静下心来思考一下,明确自荐表的诉求对象,通过上网或者去图书馆查阅资料,跟经历丰富的同学、上一届毕业的师兄或者家人交流看法,了解诉求对象--自己希望就业的单位公司对人才的要求,当前的希望从事的职业的热门职位(务必具体),剔除无用的资料,留下一切可能吸引招聘人员注意力、让你能成功地为他们服务的信息。根据保留下来的信息,依照自荐表的格式,参考上一届毕业同学的制作,依照自己的能力规划出自己自荐表的整体框架,筑建好其结构。即将制作的flash自荐表例子的结构如图1.三、闪动你的智慧--具体制作步骤(1)根据自荐表结构,确定flash框架自荐表的结构图并不完全等于flash的框架,我们需要根据结构图,并结合flash的特点,来为flash制定整个框架,把自荐表在flash中的流程确定下来,然后才可进行制作。要是做到一步算一步,当遇到问题时再考虑添加或者减少内容,不仅仅事倍功半,还可能要重新制作,得不偿失。
分析上面的结构图,由表达的内容我们知道,“个人介绍”中的“能力特长”和“实践经验”将是重点;“我的大学”中,“主要课程”和“学习成绩”将作为重点;“相关作品”是自荐表中重点的重点,是为招聘人员展示你的能力的有力证明,是获得理想工作的敲门砖;“求职资料”是实打实的东西,老老实实地输入文字即可。
经过分析之后,flash的框架也差不多确定了,四个主标题每一个都独立生成一个swf文件,然后使用一个主文件分别把它们用loadmoive的技术调进来;“个人介绍”“我的大学”、和“求职资料”中的分支主要以文字表达的方式完成;“相关作品”作为重点,要突出,动态效果也只要在这里表现;所有的分支运用场景(scene)技术,各处于自己的场景中,互不干扰;其他细微的调整就在制作过程中完成吧。
(2)主体内容的制作由于完整制作flash自荐表会占用相当多的篇幅,为了节约起见,主要介绍自荐表中技术性问题的制作,相同的技术不做细述。
明确工作之后,我们先来把设计好的界面导入flash.按ctrl+r,导入已经在photoshop中制作好的图片界面。按ctrl+k,调出对齐窗口,设置图片位置为基于文件居中,如图2所示。
下面的内容将按“主体篇”、“声音篇”、“结尾篇”来完成。主体篇
开场白当招聘人员打开你的flash电影时,最好先给他们以亲切的问候,同时表达自己渴望获得职位进入公司的意愿。
不需要震撼的效果,只要一个黑色的背景,加上精心雕琢的词句,并以打字的效果出现,配上打字机打字的声音,简直妙不可言!
制作方法如下新建一个flash文件,按ctrl+m调出设置对话框,把背景色设置为黑色。
选择文字工具,在场景中的第一层第一帧上画出一个适当的文字输入区域,并按ctrl+t调出文字设置面板。在“character”选项栏选择中文字体“宋体”,字体大小为“13”,字体颜色为“黄色”,因为黄色跟黑色配合显眼而不刺眼,有力而不浮躁!如图3所示。
在“text options”选项栏中把“variable”缺省参数名改为“startfont”,其他保留为默认状态,如图4所示。接下来的工作是action的设置。新建一层,并在此层的第一帧中加入以下代码文字内容“;//在此输入要给招聘人员看的内容计算所有文字内容的长度给i初始值第二帧的代码每运行一次i自加,1,把参数text里的内容逐个传送给第三帧的代码是一个if语句,起判断作用判断文字内容是否已经完全输出,如果完成,则停止,否则继续千万不要忘记把第一层的帧数延伸到第三帧,否则文字内容显示不了。完成后的时间轴如图5所示。
按ctrl+enter测试一下,调试正常后保存为startfont.swf文件以备为loadmoive调用。测试的界面如图6.文本滚动窗口在自荐表里有相当多的内容需要用文字表达,比如个人简历、四年课程、成绩表、自我鉴定等等,考虑到版面安排的问题,一页是显示不了完整内容的,怎么办呢?能不能制作类似dreamweaver中常用的滚动文字?答案是肯定的!下面以”个人简历“为例子,一步步地介绍滚动文字的制作。
之前我们已经制作好了”个人简历“的主界面,那么先在flash5里把文件打开吧!如图7所示。
根据主界面的设计,确定文字内容摆放位置为中间,同时制作两个上下移动的按钮。
选择文字工具,在场景中的”font“层第一帧上画出一个适当的文字输入区域,并按ctrl+t调出文字设置面板。在”character“选项栏选择中文字体”宋体“,字体大小为”12“,并使用工具箱中的吸管吸取比主界面色调稍深的颜色作为字体颜色,相近的颜色既不刺眼,也显出一种和谐美!如图8所示。
在”text options“选项栏中把”text type“改为”dynamic text(动态文字)“,把”variable“改为”multiline(多行)“,把”variable“缺省参数名改为”text“,并选中右栏最下面的两个选项”wordwrap“和”selectable“,如图9所示。接下来制作两个控制用的mc(movie clip-电影夹).按ctrl+f8新建”text up“mc,在电影夹编辑窗口的第一帧上按f6创建一个关键帧,双击此帧,在action窗口里选择”+“→”basicactions“→”stop“,完成后的action面板如图10所示。
在第二帧里加入以下代码设置场景中文字内容的向上滚动属性在第三帧加入控制不停地运行第二帧,以实现文字内容滚动复制”text up“mc,改名为”text down“,编辑此mc,修改第二帧的代码为设置场景中文字内容的向上滚动属性在”元素库“里把此两个mc拖动到主场景,再制作两个控制按钮,具体做法就不介绍了,形状在于个人爱好,这里介绍其中action的设置。在向上按钮中加入以下代码。
鼠标点击告知目标鼠标松开告知目标复制向上按钮里的代码到向下按钮中,把”/down“改为鼠标点击告知目标鼠标松开告知目标由于文字内容比较多,同时为了方便以后的修改,我们使用flash5的loadvariablesnum()函数读取txt文本内容,代码相当简单,完成了?no!不要忘记输入文本文件”aboutme.txt“,还要记得在文本文件的第一行开头加入”text=“,对应之前第3步中设置的文本框参数名”text“.其他分支的内容录入都可以采用这种方式完成,读者也可以根据界面来制作带有滚动条的文本内容显示框。详细制作请参看相关的教程。
定制适合自荐表风格的鼠标形状是否对flash中默认的鼠标形状感到厌烦了呢?如果是,可以利用flash5提供的mouse.hide()函数把它更换成自己喜欢的鼠标形状。
制作方法如下首先,在场景中新建一个mc(movieclip-电影夹),在场景中制作一个自己喜欢的形状,比如”十“字,一个三角形或者用photoshop做出来的位图等等,例子中我们用了十字。如果希望对”十“字作进一步的设置,请全选它,按键盘上的”f8“转换为graph(组件).按ctrl+l打开library(元素库),把做好的mcmousesign拖到场景中,按ctrl+i打开instance面板,把mc命名为mousesign.在主场景中的第一帧上右击鼠标,选择action,在action中加上以下两行隐藏默认的鼠标形状,true);//用mc替换成鼠标形状如图11所示。
如果希望某些场景或者部分帧中恢复鼠标指针,请使用mouse.show()函数。
声音篇没有动画,没有声音的flash是一个毫无生气的作品,无论你设计的图案如何如何的精美,那也只能表明你美工不错。既然是这样,直接使用平面软件就可以实现了,何必使用flash呢?只有将动画与声音完美结合起来,才能真正发挥flash的功能,这样的作品才有意义!
接下来我们为自荐表加入背景音乐,并为按钮设置触发声音。
加入背景音乐现在大家都提倡以人为本,我们制作背景音乐也一样,要为大众着想,背景音乐必须是可控制的,让喜欢声音的人可打开,不喜欢音乐的人可关闭。
制作一个触发发声的按钮按设计样图中按钮的形状用矩形工具在场景中画一个带边框的矩形,拖动鼠标选择整个矩形,按f8,把它设置为按钮。
双击场景中的按钮,进入按钮编辑界面,在”hit“帧中按f6.中按钮共有四帧,相信大家都知道了,不过最后的一帧--hit帧常常让人忽略,尤其是制作文字按钮时。在网络上看到的一些作品,当鼠标移动到文字笔画之间时发现鼠标形状在闪烁,那就是没有设置hit帧的缘故。hit帧的作用是控制按钮影响的范围,也就是鼠标移动到什么位置触发按钮,由于文字按钮是由笔画产生,只有笔画的地方才会触发按钮,因此做此类型按钮最好在hit帧中加入一个文字大小的色块,避免鼠标闪烁,在应聘时制作的文字按钮响应不灵就尴尬了!
新建一层,我们希望当鼠标移动到按钮上面时发声,那么请在”over“帧中按f6,建立关键帧。
按ctrl+r,在弹出的对话框中选择准备好的按钮声音,通常是一些清脆短促的声音,容易引起人的注意,也可以是淡出的声音,有一个拖尾效果,给人留下印象。flash支持声音格式有”.wav“和”.mp3“,不要说你不知道flash支持的声音格式喔!
按ctrl+l调出元素库面板(library),用鼠标点击第二层的”over“帧,把元素库里的声音拖到此帧中。制作好按钮后,时间轴的样子如图12.回到主场景,按ctrl+alt+b,激活按钮,鼠标移动到按钮上,调试制作的效果,直到满意为止。
其他的按钮就不作阐述了,读者自行设置。
结尾篇临近结束,要为细节部分作考虑,对局部添加动态效果,作人性化设置等等,比如加入帮助(如图13)、介绍作品的运行环境、硬件要求之类的,大家就发挥自己的聪明和才智吧!
最后的提示长长的falsh电影右键菜单并不好看,为了不影响招聘人员的视觉,那么我们把它隐藏起来吧。在主场景的第一帧中加入双击鼠标,调出action面板,点击”+“号按钮,选择弹出菜单中
点击下图箭头所指的栏位,在弹出的下拉菜单中选择”showmenu[true/false]“,在”arguments“栏把缺省的”true“改为”false“(请参照图15),完成制作。
提醒一下,按ctrl+enter进入测试是看不到效果的,必须直接在硬盘上打开swf电影文件才生效。此时的右键菜单只是一行标示版权的文字,如图16.最后的工作就是要将你的作品刻录到光盘上了。
篇二:flash设计师 个人简历模板
图片已关闭显示,点此查看
图片已关闭显示,点此查看
找flash设计师就上才智尚招聘网
图片已关闭显示,点此查看
图片已关闭显示,点此查看
图片已关闭显示,点此查看
图片已关闭显示,点此查看
图片已关闭显示,点此查看
图片已关闭显示,点此查看
图片已关闭显示,点此查看
找flash设计师就上才智尚招聘网
图片已关闭显示,点此查看
篇三:个人简历报告(flash)《flash动画制作》设计
课题:个人求职简历
姓名:xxxx 班级:xxxxx 学号:xxxxxxx 摘 要
flash 是一种二维矢量动画软件创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。flash 特别适用于创建通过 internet 提供的内容,因为它的文件非常小。flash 是通过广泛使用矢量图形做到这一点的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。1 引言
flash动画是目前主流的网络动画格式,它具有绚丽的画面效果、丰富的网络功能和强大的交互能力,世界上几乎所有的网络都使用flash动画来表现内容,几乎所有的浏览器都安装了能够播放flash动画的插件。这也为flash动画的应用和普及奠定了坚实的基础看,使其成为网络动画行业事实上的工业标准。对于动画设计人员来说,flash是其进行网络动画设计的必备工具;对于广大的网络爱好者而言,flash是其展现自我的最佳手段。
flash cs3版本是在2007年推出的,它是adobe creative suite 3系列产品之一,在adobe技术框架下,能够与photoshop、i11ustrator等很好地结合。flash也从一款专业的动画创作工具发展成为一种功能强大的网络多媒体创作工具,能够设计交互式动画、视频、网络和复杂演示文稿在内的各种网络作品。
flash动画是一种矢量动画格式,具有体积小、兼容性好、直观动感、互动性强大、支持mp3音乐等诸多优点。2 作品设计要求
个人简历,主要就是要简明扼要,所以界面不用太华丽,需要简单明了。根据这学期得学习,要求设计一个资料展示类型的动画作品“求职简历”,主要表现个人概况、教育经历、社会实践、奖励荣誉、求职意向等,画面尺寸为“600*400”像素。3制作步骤
3.1 设计分析
3.1.1作品构图分析
a.画面主要由三部分构成:顶部的标题、中间的个人信息、左侧的按钮; b.标题为静态画面;
c.按钮采用动态的图形按钮;
d.个人信息为一个影片剪辑,可以控制其显示帧; e.画面装饰以水滴。3.1.2 作品设计思路分析
1)导入图像,构建基本画面;
2)设计动态按钮,其中又包括文字变形、图像变形、按钮功能、按钮音效等; 3)设计表现个人信息的影片剪辑,其中又包括概况、教育等图像和变形效果; 4)利用脚本代码控制个人信息的显示; 5)用代码导入外部水滴动画。3.2构建基本画面
(1)创建一个新的flash文件(actionscript3.0),命名为“求职简历.fla”。(2)设置文档舞台为“600*400”像素。
图片已关闭显示,点此查看
(3)在【时间轴】面板,修改图层1的名称为“背景”。
(4)选择【文件】|【导入】|【导入到舞台】菜单命令,将“标题.jpg”文件导入,并将其布置在舞台画面的合适位置。
图片已关闭显示,点此查看 3.3设计动态按钮
这个按钮实际上是一个影片剪辑类型的元件,包含了一些动态元素,通过添加按钮,使其表现出按钮的形态。为了了解清楚,下面分几个部分来创建该元件。3.3.1动态文字
(1)选择【插入】|【新建元件】菜单命令,创建一个名称为“b概况”、“影片剪辑”类型的元件。
(2)修改其图层1的名称为“文字”,在舞台上输入静态文字“个人概况”。
图片已关闭显示,点此查看
(3)设置字体为幼圆,大小为20,颜色为粉红,字体加粗;再设置文字相对于舞台中心对齐。
图片已关闭显示,点此查看
(4)为避免文字在不同的播放器中出现字体上的错误,需要把文字分离为图形。(5)为使文字产生动画变形,需要将其转换为“图形”类型的元件“m1”。
图片已关闭显示,点此查看
(6)在13帧、25帧各增加一个关键帧。如图所示。
(7)在第1帧,选择文字对象,设置【形变】为10﹪;颜色为“alpha”,数值为0﹪。
图片已关闭显示,点此查看
图片已关闭显示,点此查看
(8)同理,设置第25帧的对象变形、颜色属性与第1帧相同。
(9)在第1帧、第13帧的属性面板中,分别设置【补间】为“动画”。这样,就创建了一个动态的文字变形效果。3.3.2动态图形(1)添加一个新图层,命名为“图形”。
(2)在其第1帧,用绘图工具绘制一个云朵模样的图形,设置颜色为粉红色。(3)将图形转换为“图形”类型的元件“g1”。
图片已关闭显示,点此查看
(4)在第13帧、25帧各增加一个关键帧。
(5)图形的变形与文字的变形应当正好相反。所以在“图形”层第25帧,设置图形对象【变形】为10﹪;颜色为“alpha”,数值为0﹪。
(6)在“图形”层得第1帧、第13帧的属性面板中,分别设置【补间】为“动画”。这样就创建了一个动态的图形变形效果。
目前,“b概况”按钮元件已经具有了能够动态变化的图形和文字,但是要使其表现出按钮的效果,还必须添加适当的按钮元素。这需要首先创建一个隐形的按钮元件,然后将其添加到“b概况”按钮元件中。
图片已关闭显示,点此查看 3.3.3隐形的按钮元件
(1)选择【插入】|【新建元件】命令,创建一个类型为“按钮”,名称“ball”的元件。(2)因为这个按钮元件不需要显现出来,所以其【弹起】帧、【指针经过】帧、【按下】帧都不需要具体内容;仅在【点击】帧插入一个关键帧,然后再舞台上绘制一个粉红色的圆。
(3)虽然按钮不需要显示,但是用户鼠标进入按钮的时候,还是应当有一个声响效果表现的。选择【文件】|【导入】|【导入到库】命令,将一个声音文件导入到库中。
(4)添加一个新图层,在【鼠标经过】帧插入一个关键帧。
图片已关闭显示,点此查看
(5)在其属性面板,从【声音】中选择前面导入的声音文件,则该文件被加载到当前帧。
图片已关闭显示,点此查看
图片已关闭显示,点此查看 3.3.4按钮的效果
(1)在库中,双击“b概况”按钮元件,进入其编辑状态。(2)添加一个新图层,命名为“按钮”。
(3)在其第1帧,将其按钮元件“ball”拖入到舞台,并与舞台中央对齐。(4)定义元件实例的名称为“b1”。
图片已关闭显示,点此查看
(5)选择“图形”层得第1帧、第13帧,分别输入脚本代码。
图片已关闭显示,点此查看
(6)再添加一个图层,命名为“脚本”。(7)在其第1帧输入如下代码:
b1.addeventlistener(mouseevent.mouse_over, mymouseover);//侦听按钮b1的鼠标经过事件
b1.addeventlistener(mouseevent.mouse_out, mymouseout);//侦听按钮b1的鼠标离开事件
function mymouseover(event:mouseevent):void { //处理鼠标经过事件 } function mymouseout(event:mouseevent):void {
//处理鼠标离开事件 gotoandplay(14);//从第14帧开始播放 }(8)同理制作其他按钮:b教育、b求职、b实践、b证书、b返回 3.4制作个人信息
3.4.1创建基本内容元件
(1)新建一个“影片剪辑”类型,名称为“m概况”。(2)选择【文件】|【导入】|【导入到舞台】命令,将“概况.jpg”导入到舞台。(3)添加一个新图层,再将一个图像文件“35.jpg”导入到舞台。(4)将舞台的背景设置为灰色,便于修改。(5)将图像分离为图形。
(6)使用套索工具和橡皮擦工具,将图形中的白色背景清除。
(7)将舞台的背景重新设置为白色;然后调整构图,使画面看起来更协调美观。gotoandplay(2);//从第2帧开始播放(8)同理制作其他几个基本内容元件。
(9)为使首页更加美观,还需要制作一个元件“m底图”,在其中引入一个图片。3.4.2制作主要内容元件
(1)新建一个“影片剪辑”类型的元件“主要内容”。(2)将元件“m底图”拖入到舞台中。
(3)设置元件实例的颜色“alpha”,大小为10﹪。
(4)在第10帧插入一个关键帧。设置其中实例的颜色为“alpha”,大小为50﹪。(5)选择第1帧,设置其【补间】为“动画”,创建了一个透明度渐变的补间动画。(6)在第11帧插入一个关键帧。删除其舞台上的内容。
(7)将“m概况”元件拖入到舞台;设置实例对象的颜色为“alpha”,大小为0﹪。(8)在第20帧插入一个关键帧。设置其中实例的颜色为无。
(9)重新选择第10帧,设置其【补间】为“动画”。这就创建了“概况”内容的补间动画。
(10)同理,创建“教育”、“实践”、“证书”、“求职”等内容的补间动画。
(11)简历不能连续不断播放,应在每个清晰的内容帧上停留。因此,在10、20、30、40、50、60等帧添加停止语句。stop();3.5整合求职简历 3.5.1布置舞台对象
(1)在“场景1”编辑状态,从库中将“主要内容”元件拖入舞台;命名元件实例名称为“maincontent”。
(2)添加一个新图层,命名为“栏目”。
(3)将各栏目按钮“b概况”、“b教育”、“b实践”、“b证书”、“b求职”分别拖入舞台,布置在舞台左侧;分别命名各难实例的名称。3.5.2添加动作脚本
(1)添加一个新图层,命名为“脚本”。
(2)在其第1帧中,创建动作脚本,用以控制各按钮的操作。当鼠标经过按钮时,会播放相应的简历内容。代码如下:
btn1.addeventlistener(mouseevent.mouse_over, btn1mouseover);btn2.addeventlistener(mouseevent.mouse_over, btn2mouseover);btn3.addeventlistener(mouseevent.mouse_over, btn3mouseover);btn4.addeventlistener(mouseevent.mouse_over, btn4mouseover);btn5.addeventlistener(mouseevent.mouse_over, btn5mouseover);//侦听各按钮的鼠标经过事件
function btn1mouseover(event:mouseevent):void { maincontent.gotoandplay(11);} function btn2mouseover(event:mouseevent):void { maincontent.gotoandplay(21);} function btn3mouseover(event:mouseevent):void { maincontent.gotoandplay(31);} function btn4mouseover(event:mouseevent):void { maincontent.gotoandplay(41);} function btn5mouseover(event:mouseevent):void { maincontent.gotoandplay(51);} //处理各按钮的鼠标经过事件
(3)测试作品。这时已经能够通过按钮的操作来浏览简历各部分内容。3.5.3添加外部水滴特效
(1)水滴特效是由外部动画文件“效果.swf”实现的,这个是一个动画文件。(2)继续前面的设计。创建一个新的影片剪辑类型的原件,命名为“水滴”。
(3)不需要在“水滴”元件的舞台上创建任何内容;只需要在其第1帧上输入如下代码,载入外部效果动画文件。代码说明:
var request:urlrequest = new urlrequest(效果.swf);//创建一个地址请求对象 var loader:loader = new loader()//创建一个容器对象
loader.load(request);//将地址请求对象中的内容载入对象中 addchild(loader);//将容器附加到当前对象的舞台上
(4)回到“场景1”,选择“栏目”层得第1帧。(5)将“水滴”元件拖入到舞台,合理布置其位置。
3.5.4为作品添加声音(1)点击回到场景1(2)选择【文件】|【导入】|【导入到舞台】命令,将“trouble is a friend”音频文件导入到舞台。
(3)在“背景”层中单击第1帧,选择【窗口】|【属性】命令,调出【属性】检查器,在面板右侧区域便是音频设置栏。
(4)在【效果】选项,在弹出下拉表中选择“无”选项。(5)单击【同步】选项,在弹出下拉表中选择“事件”、“循环”选项。如下图 图片已关闭显示,点此查看
(6)测试动画效果。(7)保存文件。
实验结果:
可以实现基本的资料预览,首页有顶部标题、左侧按钮包括个人概况、教育经历、社会实践、证书奖励和求职意向。右下方有一个返回主页的按钮。总体实现交互式按钮查看,还加有背景音。功能都能实现和查看。实验心得:
通过本次设计,对flash有了一个更深入的了解,总结下来,不管做什么都需要耐心,不能半途而废,不只是flash还有其他的东西也是需要多练习多接触才可以做的好的。感觉这一科学到蛮多的东西的,相信以后在动画设计和一些多媒体的运用中是很有用的。毕竟是才开始接触还有很多值得学习的地方,会在以后的学习中多思考,勤学习。
第三篇:《教你用flash制作个人简历
Flash制作教程(12)——Flash个人简历制作 教学目的:
1、逐步生成Flash元件的方法;
2、Action的合理使用;
3、Flash中逐帧运行的制作;
4、在浏览器中运行Flash实例。
教学重点:
1、stop与goto动作的安排和设置;
2、getURL动作及在浏览器中打开Flash实例。
教学过程:
1、观看范例:
打开教师指定位置中的“ex23.exe”文件观看。
2、修改影片属性:
新建一个Flash文件,打开“修改”菜单并选择“影片”,在弹出的“影片属性”对话框中将“宽”和“高”设置为:700×460,“帧频”为“12fps”,“背景颜色”设为“灰色(#999999)”(如图12-1)。单击“确定”返回“场景1”;
(图12-1)
3、第1帧显示内容制作:
(1)先来看一看第一帧我们要显示的内容有哪些。如图12-24所示。
我们发现在“时间轴”的第一帧中有3个图层,分别为“背景”、“按钮”和“文字”,其中“文字”层上显示的是四个按钮上的文字;
(2)“背景”层的制作:
第一步:将“图层1”改名为“背景”;
第二步:选中“工具”面板上的“矩形工具”,并将“描绘颜色”设置为“无色”、“填充颜色”设置为“蓝色(#0000FF)”后,在场景1上绘制出一个宽和高分别为700和60、坐标位置为0和0(如图12-2)的矩形(如图12-3);
(图12-2)
(图12-3)
第三步:选中“工具”面板上的“线条工具”,将“描绘颜色”设置为“淡蓝色(#0099FF)”,在场景1上绘制出一条宽度为700、X轴为0的水平线;
第四步:用“箭头工具”选中水平线,然后按住键盘上的“Ctrl”键,用鼠标将水平线向下拖动几个像素,复制一条水平线(如图12-4); *注意:此时在鼠标指针的旁边有一个“+”号,这表示是复制,否则是不会有复制效果的!
(图12-4)
第五步:重复第四步,多复制出几个水平线,使效果如图12-5所示。
(图12-5)
*技巧:复制多条水平线有一种好方法,可以一次选中多条水平线,然后采用第四步的方法,这样可以一次复制更多的水平线,增加工作的效率;
第六步:选中所有的水平线,将水平线移动到第二步绘制的矩形上(如图12-6);
(图12-6)
第七步:用“箭头工具”在场景1上画出一个矩形,选中“背景”图层上所有的对象。通过“编辑”菜单中的“复制”和“粘贴”,在场景1中复制出一个完全一样的背景图案,并将复制出来的背景图案的X轴和Y轴设置为0和400(如图12-7和图12-8);
(图12-7)
(图12-8)
第八步:在不选中任何对象的状态下,将鼠标移动到场景1下面一个矩形图案的最上端的中间位置,当鼠标指针为“下拉,使图形出现一个弧边(如图12-9);
”时,按住鼠标左键并向
(图12-9)
第九步:用鼠标分别点击中间多出的水平线并依次删除,效果如图12-10所示;
(图12-10)
第十步:选择“工具”面板上的“文本工具”,在场景1上输入“FLASH个人简历”,并设置大小为“84”,其中“FLASH”的字体设置为“Arial Black”,“个人简历”的字体设置为“隶书”,将此文本对象“相对舞台”水平垂直居中(如图12-11);
(图12-11)
第十一步:在文本对象选中的状态下,打开“修改”菜单,选择“分解组件”选项将文本打散。然后再执行一次“分解组件”,将文本分解为图像(如图12-12);
(图12-12)
第十二步:选择“工具”面板上的“墨水瓶工具”,并设置“描绘颜色”为“淡灰色(#CCCCCC)”,依次单击每一个字,给文字的每个部分描绘出淡灰色的边框(如图12-13);
(图12-13)
第十三步:选择“箭头工具”,依次选中每个文字的颜色填充部分,并删除掉文字的填充颜色,如果不能选中颜色填充部分,则将舞台放大到400%后,就可以很容易地选定了。效果如图12-14所示。
(图12-14)
至此,“背景”图层制作完毕。
(3)“按钮”层的制作
第一步:新建一个图层,并取名为“按钮”。为了使接下来在“按钮”层的操作不致影响到“背景”层,可以将“背景”层锁定(如图12-15);
(图12-15)
第二步:选中“按钮”层的第一帧,在舞台上画出一个“描绘高度”为
2、“描绘颜色”为“白色(#FFFFFF)”、“填充颜色”为“灰色(#999999)”、“圆角矩形半径”为10的圆角矩形(如图12-16);
(图12-16)
第三步:双击圆角矩形,选中圆角矩形的填充部分和边框部分。
*注意:如果只是单击圆角矩形,则只能选中圆角矩形的填充部分,而它的边框却没有选中,所以这里要双击圆角矩形,将之全部选中;
选好后,打开“插入”菜单,选择“转换为元件”,在弹出的“转换为元件”对话框中,设置“作用”为“按钮”、“名称”为“圆角按钮”(如图12-17)。单击“确定”返回场景1;
(图12-17)
第四步:再次双击“圆角按钮”按钮元件,进入按钮的编辑状态。在时间轴的“鼠标经过”帧和“DOWN”帧各添加一个关键帧(如图12-18);
(图12-18)
第五步:单击圆角矩形,选中“圆角按钮”的填充部分,并打开“编辑”菜单选择“复制”,然后锁定“图层1”。再在“圆角按钮”的时间轴上添加一个图层,即“图层2”。在“图层2”的“鼠标经过”帧添加一个关键帧(如图12-19);
(图12-19)
第六步:选择“图层2”的“鼠标经过”帧,在“编辑”菜单中选中“粘贴到当前位置”,即将在第五步中复制的“圆角按钮”填充部分覆盖到了按钮上,再在“属性”上将这个圆角矩形的填充颜色设置为“淡灰色(#CCCCCC)”(如图12-20);
(图12-20);
第七步:选中“图层2”上“鼠标经过”帧上的圆角矩形,将之转换为名称为“按钮动画”的“影片剪辑”元件(如图12-21)。再次双击“按钮动画”元件,进入“按钮动画”元件的编辑状态;
(图12-21)
第八步:先在“图层1”的第6帧插入一个关键帧,然后选中第一帧,在“属性”面板中将“中间”过渡设置为“形状”,再将第一帧中的圆角矩形缩小到中间位置。最后在第7帧和第8帧插入关键帧后,再把第7帧中的圆角矩形删除,并在第8帧加上“stop()”动作,如图12-22所示;
12-22)
第九步:点击“位置栏”上的“场景1”回到场景1,此时在舞台上已经有了一个按钮元件。键击“F11”打开“库”面板,再拖动三个“圆角按钮”元件到场景1上,然后利用“排列”面板将场景1上的四个按钮进行排列,效果如图12-23所示。
(图12-23)
(4)“文字”层的制作
新建一个图层,并取名为“文字”,在该层的第一帧,用“文本工具”输入四个文本对象“关于我”、“我的简历”、“我的作品”、“与我联系”,设置文本的字体和大小,并分别放在四个圆角按钮上,如图12-24所示。
(图12-24)
(5)至此,第一帧内容全部制作完毕,按下Ctrl+Enter组合键可以调试已经完成的部分。
在制作后面的部分之前,先做下面的操作:
第一步:新建两个图层,分别取名为“弹出”和“action”;
第二步:在“action”图层的第一帧加上“stop()”动作;
第三步:分别在“背景”、“按钮”、“文字”和“action”四个图层的第5层插入帧;
第四步:锁定“背景”、“按钮”、“文字”和“action”四个图层。此时“时间轴”如图12-25所示。
(图12-25)
4、制作“弹出”图层的第2帧:
此过程的制作思路是:在“弹出”图层的第2帧放入作品中“关于我”部分的动画,效果是当单击“关于我”按钮时,执行第2帧中的动画。
第一步:在“弹出”图层的第2帧插入关键帧,并利用“线条工具”在舞台上作出若干条“描绘高度”为“1”的“白色”水平线(如图12-26);
(图12-26)
第二步:选中“矩形工具”,在已有的水平线上绘制出一个矩形,并把矩形的下面一个边拉成弧形,最后删除矩形外面的水平线突出的部分,形成如图12-27所示的效果;
(图12-27)
第三步:选中带有圆弧的矩形及所有在内的水平线,选中“插入”菜单的“转换为元件”,将之转换为名称为“弹出矩形”的“图形”元件(如图12-28);
(图12-28)
第四步:再次选中“插入”菜单的“转换为元件”选项,转换为名称为“关于我动画”的“影片剪辑”元件;
(图12-29)
*注意:第三步将圆弧矩形转换为“图形”,是为了后面制作其余几个关键帧做好准备工作,第四步才是制作“弹出”图层第2帧的步骤。但如果第三步不做的话,将会给后面的制作带来繁琐的操作步骤。
第五步:用鼠标双击圆弧矩形,进入“关于我动画”影片剪辑元件的编辑状态。在“图层1”的第6帧和第7帧分别插入关键帧,然后选中第1帧,在“属性”面板中将“中间”过渡设置为“移动”,并将第1帧中的圆角矩形调整缩小到中间的位置,将第7帧中的圆角矩形稍微缩小一点,如图12-30所示。按下回车键,可以看见圆角矩形由小放大,然后有一个回缩的过程;
12-30)
第六步:新建“图层2”,在“图层2”的第7帧插入关键帧,然后用“文本工具”在舞台上输入“关于我”和自己的一些优点,如“热爱生活”、“勤奋好学”、“脚踏实地”、“乐于助人”之类,并利用“排列”面板,将文字对象排列整齐(如图12-31);
(图12-31)
第七步:用鼠标点击“图层2”的第7帧,选中该帧上的所有对象,打开“插入”菜单选择“转换为元件”,将这些文字对象转换为名称为“关于我文字动画”的“影片剪辑”元件。单击“确定”返回;
(图12-32)
第八步:双击文字部分,进入“关于我文字动画”影片剪辑元件的编辑状态。因为我们要制作出文字由透明到不透明的效果,但此时我们发现文字仍然是几个单独的对象,无法设置为透明效果,所以这里我们再次选中所有文字对象,并转换为名称为“关于我文字”的“图形”元件(如图12-33)。单击“确定返回”(如图12-34);
(图12-33)
12-34)
第九步:在第5帧插入关键帧;
第十步:选择第1帧,在“属性”面板中将“中间”过渡设置为“移动”,再选中“关于我文字”图形元件,将“属性”面板的“颜色”选项设置为“Alpha”,值为“0%”;
第十一步:选中第5帧,给该帧加上“stop()”动作,使动画运行到此停止(如图12-35);
(图12-35)
第十二步:返回“关于我动画”编辑状态,在“图层1”的第6帧也加上“stop()”动作(如图12-36);
(图12-36);
回到“场景1”。至此,“弹出”图层的第2帧就已经完成,但要得到点击舞台上的“关于我”按钮即可观看动画的效果还没有完成。最后一步:释放“按钮”图层,选中“关于我”按钮,打开“动作”面板,添加“goto”语句,如图12-37进行设置。按下“Ctrl+Enter”组合键,在运行界面点击“关于我”按钮观看动画效果。
(图12-37)
*技巧:为何在添加动作时设置“转到并停止”?这是因为如果设置“转到并播放”,则运行时,单击“关于我”按钮后,会先跳到第2帧,并且立即依次执行第3帧及后面的帧,这样一来,第2帧上的动画就不能播放完毕了,也就不能得到预期的效果了。所以这边选择“转到并停止”,让第2帧上的动画播放完毕。
此刻,“场景1”的时间轴显示如图12-38所示。
(图12-38)
5、制作“弹出”图层的第3帧:
“弹出”图层的第3帧和第2帧的制作步骤相似,只不过不同的是,当单击“我的简历”按钮时,跳转到第3帧,显示“我的简历”内容的动画效果,具体步骤就不再赘述了。文本内容可以参考如下图12-39所示。
(图12-39)
6、制作“弹出”图层的第4帧:
第4帧要显示的是“我的作品”,可以通过按钮链接到前面所制作的几个实例。
第一步:利用前面“弹出”图层第2、3帧的制作方法,在第4帧上先插入关键帧,然后自行制作出下图12-40所示效果;
(图12-40)
第二步:按下“Ctrl+Enter”,测试实例。如果前面一步的操作没有什么错误的话,则当在实例中用鼠标按下“我的作品”按钮时,会先出现一个圆弧矩形由小放大的效果,然后是“我的作品”四个字由透明状态逐渐全部显现出来。现在在“库”面板中可以看到(如图12-41)所有用到的元件;
(图12-41)
第三步:进入“作品文字动画”影片剪辑元件的的编辑状态,即“我的作品”四个字由透明状态到全部显现的动画编辑状态,如图12-42所示;
(图12-42)
第四步:新建“图层2”。在“图层2”的第5帧插入关键帧,用“文本工具”在“图层2”的第5帧输入“影片场景切换”(如图12-43);
(图12-43)
第五步:选中“影片场景切换”文本对象,在“插入”菜单中转换为名称为“作品1”的按钮元件(如图12-44);
(图12-44)
第六步:双击“影片场景切换”文字进入按钮元件的编辑状态(如图12-45);
(图12-45)
第七步:在“作品1”按钮元件的“鼠标经过”帧、“down”帧和“反映区”帧都分别插入关键帧,全部继承“Up”帧的对象和状态(如图12-46);
(图12-46)
第八步:选中“反应区”帧,在文字“影片场景切换”上覆盖一个没有边框的矩形后(如图12-47),再删除“反应区”帧中的“影片场景切换”文字,即在“反应区”帧中只保留一个大小和原来的文本一致的矩形(如图12-48);
(图12-47)
(图12-48)
*技巧:按钮元件“反应区”帧中的对象在Flash实例播放状态时是不会显示出来的,这边加一个矩形的目的是为了使按钮的接触面积增大而已。大家可以试试看,如果在“反应区”帧中不放置这个矩形,最终的效果怎样。
第九步:将“鼠标经过”帧和“Down”帧中文字改变颜色,即不要和“Up”帧中的颜色一致即可;
第十步:按下“Ctrl+Enter”键,观看前面制作的效果;
第十一步:用同样的方法再制作“作品2”和“作品3”两个按钮,显示文本分别为“水中倒影”和“个人主页Logo”。在“作品文字动画”影片剪辑编辑状态中显示如图12-49所示;
(图12-49)
第十二步:选中“作品1”按钮(显示文本是“影片场景切换”),打开“动作”面板,给按钮添加动作“Action>Browse/network>getURL”,在右边窗口的“URL:”后面输入要链接到的flash外部动画“影片场景切换.swf”;“窗口:”选项中选择“_blank”,表示在一个空白的浏览器窗口中打开要播放的动画文件。如图12-50所示;
(图12-50)
第十三步:用同样的方法,给“作品2”(显示文本为“水中倒影”)和“作品3”(显示文本为“个人主页Logo”)两个按钮元件分别加上动作,如图12-51和图12-52所示;
(图12-51)
(图12-52)
*注意:
此处链接的三个外部Flash动画文件是我们前面制作好的。图中的URL代表外部动画文件的相对路径,本例中的三个动画文件是在同一个目录下,但如果文件“影片场景切换.swf”是在一个目录名为“soft”的目录下,那么这个路径就要被改为“soft/影片场景切换.swf”了;
Flash可以链接外部动画文件,“影片场景切换.swf”、“水中倒影.swf”和“个人主页Logo制作.swf”三个动画文件我们是用“getURL”动作来设置在浏览器中打开的。“getURL”动作还可以链接到网上的资源,如“getURL(“http://jggj.hkedu.sh.cn”)”可以链接到“继光高级中学”网站首页;
这里还可以用“loadMovie”动作在当前的动画文件中导入一个新的动画,有兴趣的同学可以自行尝试,不清楚的地方可以询问任课老师;
除了外部Flash动画文件以外,大家还可以在“动作”面板中搜索一遍,看如何链接其它外部非Flash动画文件,如可执行文件的链接等。
第十四步:给“场景1”的“我的作品”按钮添加跳转到第4帧的动作。按下“Ctrl+Enter”组合键,观看效果。单击“我的作品”按钮,再分别选择三个作品,可以在浏览器中打开相应的动画文件。“弹出”图层的第4帧制作完毕。
7、制作“弹出”图层的第5帧:
“弹出”图层的第5帧的制作方法与第4帧相同,具体步骤就不赘述了。不同的地方在:“Email”按钮的链接动作是“getURL(“mailto:×××@×××.×××”)”,引号中的叉号为制作者的电子邮箱地址;“主页”按钮的链接动作是“getURL(“http://jggj.hkedu.sh.cn”)”。
最后保存文件:A:Flash个人简历.fla。
8、制作后期说明:
实例中所用到的元件如图12-53所示。现在,这个Flash动画文件已经制作完毕,在这个动画的制作过程中,大家也许会很辛苦,但却可以学到Flash软件中很多的操作方法和技能。
我们最终将本教材中制作的所有作品都基本集合到了最后这个作品中,这也算是有了一个圆满的结束吧!大家在以后制作Flash动画的时候会感觉到,Flash软件的功能虽然很强大,但制作的关键还是制作者的构思,只要具有优秀的创造思维能力,就可以制作出完美的动画作品。
(图12-53)
第四篇:flash个人简历制作流程1
个人制作Flash简历全流程
时间过得真快,眨眼间又到了新年。即将走出校园、步入社会、创造自己美好生活的毕业生是否已涌起一丝丝的别离情绪?有否把一切遗憾的事情都尽量弥补?有否到生活多年的校园各个角落留下自己的足迹?有否为即将离开父母的身边,走进变幻万千的社会,完全自己独立地生活而做好准备?随着新年的到来,各地的人才交流招聘会都将陆续召开。作为毕业生的你,有否已经制作了一份让自己满意、让用人单位满意的个人自荐表呢?还没有,不知道怎么做!或者做了,就那么简简单单的几张白纸!没关系,本专题正是基于这个目的,向为制作自荐表而发愁的毕业生一步步地介绍自荐表的表现形式及实例制作过程,希望可以解除大家的烦恼,让毕业生们圆满完成离开母校的最后一课!我们分别为大家准备了两种制作方法,一种是运用flash,一种是运用Authorware.如果将来你有志于投入多媒体行业,学习用Authorware制作简历将能够向用人单位显示你的制作实力;如果你喜欢用Flash做动画,希望从事网络多媒体行业,则用Flash制作一份精美的简历再合适不过了。
开篇
一、收集整理资料
几年的学生生涯,多多少少为自己添加了人生的经历,请把一切在校期间发生的故事、学习生活点滴、与社会接触和沟通的片段统统收集起来,分门别类,整理归档,作为自荐表基本资料,充实你的自荐表!
二、规划自荐表结构收集好所有的资料并整理归类后,我们需要静下心来思考一下,明确自荐表的诉求对象,通过上网或者去图书馆查阅资料,跟经历丰富的同学、上一届毕业的师兄或者家人交流看法,了解诉求对象--自己希望就业的单位公司对人才的要求,当前的希望从事的职业的热门职位(务必具体),剔除无用的资料,留下一切可能吸引招聘人员注意力、让你能成功地为他们服务的信息。根据保留下来的信息,依照自荐表的格式,参考上一届毕业同学的制作,依照自己的能力规划出自己自荐表的整体框架,筑建好其结构。即将制作的Flash自荐表例子的结构如图1.三、闪动你的智慧--具体制作步骤(1)根据自荐表结构,确定Flash框架自荐表的结构图并不完全等于Flash的框架,我们需要根据结构图,并结合Flash的特点,来为Flash制定整个框架,把自荐表在Flash中的流程确定下来,然后才可进行制作。要是做到一步算一步,当遇到问题时再考虑添加或者减少内容,不仅仅事倍功半,还可能要重新制作,得不偿失。
分析上面的结构图,由表达的内容我们知道,“个人介绍”中的“能力特长”和“实践经验”将是重点;“我的大学”中,“主要课程”和“学习成绩”将作为重点;“相关作品”是自荐表中重点的重点,是为招聘人员展示你的能力的有力证明,是获得理想工作的敲门砖;“求职资料”是实打实的东西,老老实实地输入文字即可。
经过分析之后,Flash的框架也差不多确定了,四个主标题每一个都独立生成一个SWF文件,然后使用一个主文件分别把它们用LoadMoive的技术调进来;“个人介绍”、“我的大学”和“求职资料”中的分支主要以文字表达的方式完成;“相关作品”作为重点,要突出,动态效果也只要在这里表现;所有的分支运用场景(Scene)技术,各处于自己的场景中,互不干扰;其他细微的调整就在制作过程中完成吧。
(2)主体内容的制作由于完整制作Flash自荐表会占用相当多的篇幅,为了节约起见,主要介绍自荐表中技术性问题的制作,相同的技术不做细述。
明确工作之后,我们先来把设计好的界面导入Flash.按Ctrl+R,导入已经在Photoshop中制作好的图片界面。按Ctrl+K,调出对齐窗口,设置图片位置为基于文件居中,如图2所示。
下面的内容将按“主体篇”、“声音篇”、“结尾篇”来完成。
主体篇
开场白当招聘人员打开你的Flash电影时,最好先给他们以亲切的问候,同时表达自己渴望获得职位进入公司的意愿。
不需要震撼的效果,只要一个黑色的背景,加上精心雕琢的词句,并以打字的效果出现,配上打字机打字的声音,简直妙不可言!
制作方法如下新建一个Flash文件,按Ctrl+M调出设置对话框,把背景色设置为黑色。
选择文字工具,在场景中的第一层第一帧上画出一个适当的文字输入区域,并按Ctrl+T调出文字设置面板。在“Character”选项栏选择中文字体“宋体”,字体大小为“13”,字体颜色为“黄色”,因为黄色跟黑色配合显眼而不刺眼,有力而不浮躁!如图3所示。
在“Text Options”选项栏中把“Variable”缺省参数名改为“Startfont”,其他保留为默认状态,如图4所示。接下来的工作是Action的设置。新建一层,并在此层的第一帧中加入以下代码文字内容“;//在此输入要给招聘人员看的内容计算所有文字内容的长度给i初始值第二帧的代码每运行一次i自加,1,把参数text里的内容逐个传送给第三帧的代码是一个if语句,起判断作用判断文字内容是否已经完全输出,如果完成,则停止,否则继续千万不要忘记把第一层的帧数延伸到第三帧,否则文字内容显示不了。完成后的时间轴如图5所示。
按Ctrl+Enter测试一下,调试正常后保存为startfont.swf文件以备为LoadMoive调用。测试的界面如图6.文本滚动窗口在自荐表里有相当多的内容需要用文字表达,比如个人简历、四年课程、成绩表、自我鉴定等等,考虑到版面安排的问题,一页是显示不了完整内容的,怎么办呢?能不能制作类似Dreamweaver中常用的滚动文字?答案是肯定的!下面以”个人简历“为例子,一步步地介绍滚动文字的制作。
之前我们已经制作好了”个人简历“的主界面,那么先在Flash5里把文件打开吧!如图7所示。
根据主界面的设计,确定文字内容摆放位置为中间,同时制作两个上下移动的按钮。
选择文字工具,在场景中的”font“层第一帧上画出一个适当的文字输入区域,并按Ctrl+T调出文字设置面板。在”Character“选项栏选择中文字体”宋体“,字体大小为”12“,并使用工具箱中的吸管吸取比主界面色调稍深的颜色作为字体颜色,相近的颜色既不刺眼,也显出一种和谐美!如图8所示。
在”Text Options“选项栏中把”text type“改为”Dynamic text(动态文字)“,把”Variable“改为”Multiline(多行)“,把”Variable“缺省参数名改为”text“,并选中右栏最下面的两个选项”Wordwrap“和”Selectable“,如图9所示。接下来制作两个控制用的MC(movie clip-电影夹).按Ctrl+F8新建”text up“MC,在电影夹编辑窗口的第一帧上按F6创建一个关键帧,双击此帧,在Action窗口里选择”+“→”basicactions“→”stop“,完成后的Action面板如图10所示。
在第二帧里加入以下代码设置场景中文字内容的向上滚动属性在第三帧加入控制不停地运行第二帧,以实现文字内容滚动复制”text up“MC,改名为”text down“,编辑此MC,修改第二帧的代码为设置场景中文字内容的向上滚动属性在”元素库“里把此两个MC拖动到主场景,再制作两个控制按钮,具体做法就不介绍了,形状在于个人爱好,这里介绍其中Action的设置。在向上按钮中加入以下代码。
鼠标点击告知目标鼠标松开告知目标复制向上按钮里的代码到向下按钮中,把”/down“改为鼠标点击告知目标鼠标松开告知目标由于文字内容比较多,同时为了方便以后的修改,我们使用flash5的loadVariablesNum()函数读取TXT文本内容,代码相当简单,完成了?NO!不要忘记输入文本文件”aboutme.txt“,还要记得在文本文件的第一行开头加入”text=“,对应之前第3步中设置的文本框参数名”text“.其他分支的内容录入都可以采用这种方式完成,读者也可以根据界面来制作带有滚动条的文本内容显示框。详细制作请参看相关的教程。
定制适合自荐表风格的鼠标形状是否对Flash中默认的鼠标形状感到厌烦了呢?如果是,可以利用Flash5提供的Mouse.hide()函数把它更换成自己喜欢的鼠标形状。
制作方法如下首先,在场景中新建一个MC(movieclip-电影夹),在场景中制作一个自己喜欢的形状,比如”十“字,一个三角形或者用Photoshop做出来的位图等等,例子中我们用了十字。如果希望对”十“字作进一步的设置,请全选它,按键盘上的”F8“转换为Graph(组件).按Ctrl+L打开Library(元素库),把做好的MCMouseSign拖到场景中,按Ctrl+I打开Instance面板,把MC命名为MouseSign.在主场景中的第一帧上右击鼠标,选择Action,在Action中加上以下两行隐藏默认的鼠标形状,true);//用MC替换成鼠标形状如图11所示。
如果希望某些场景或者部分帧中恢复鼠标指针,请使用mouse.Show()函数。
声音篇没有动画,没有声音的Flash是一个毫无生气的作品,无论你设计的图案如何如何的精美,那也只能表明你美工不错。既然是这样,直接使用平面软件就可以实现了,何必使用Flash呢?只有将动画与声音完美结合起来,才能真正发挥Flash的功能,这样的作品才有意义!
接下来我们为自荐表加入背景音乐,并为按钮设置触发声音。
加入背景音乐现在大家都提倡以人为本,我们制作背景音乐也一样,要为大众着想,背景音乐必须是可控制的,让喜欢声音的人可打开,不喜欢音乐的人可关闭。
制作一个触发发声的按钮按设计样图中按钮的形状用矩形工具在场景中画一个带边框的矩形,拖动鼠标选择整个矩形,按F8,把它设置为按钮。
双击场景中的按钮,进入按钮编辑界面,在”Hit“帧中按F6.中按钮共有四帧,相信大家都知道了,不过最后的一帧--Hit帧常常让人忽略,尤其是制作文字按钮时。在网络上看到的一些作品,当鼠标移动到文字笔画之间时发现鼠标形状在闪烁,那就是没有设置Hit帧的缘故。Hit帧的作用是控制按钮影响的范围,也就是鼠标移动到什么位置触发按钮,由于文字按钮是由笔画产生,只有笔画的地方才会触发按钮,因此做此类型按钮最好在Hit帧中加入一个文字大小的色块,避免鼠标闪烁,在应聘时制作的文字按钮响应不灵就尴尬了!
新建一层,我们希望当鼠标移动到按钮上面时发声,那么请在”Over“帧中按F6,建立关键帧。
按Ctrl+R,在弹出的对话框中选择准备好的按钮声音,通常是一些清脆短促的声音,容易引起人的注意,也可以是淡出的声音,有一个拖尾效果,给人留下印象。flash支持声音格式有”.wav“和”.mp3“,不要说你不知道Flash支持的声音格式喔!
按Ctrl+L调出元素库面板(Library),用鼠标点击第二层的”Over“帧,把元素库里的声音拖到此帧中。制作好按钮后,时间轴的样子如图12.回到主场景,按Ctrl+Alt+B,激活按钮,鼠标移动到按钮上,调试制作的效果,直到满意为止。
其他的按钮就不作阐述了,读者自行设置。
结尾篇临近结束,要为细节部分作考虑,对局部添加动态效果,作人性化设置等等,比如加入帮助(如图13)、介绍作品的运行环境、硬件要求之类的,大家就发挥自己的聪明和才智吧!
最后的提示长长的Falsh电影右键菜单并不好看,为了不影响招聘人员的视觉,那么我们把它隐藏起来吧。在主场景的第一帧中加入双击鼠标,调出Action面板,点击”+“号按钮,选择弹出菜单中的”Actions“→”FSCommand“,如图14所示。
点击下图箭头所指的栏位,在弹出的下拉菜单中选择”showmenu[true/false]“,在”Arguments“栏把缺省的”true“改为”false“(请参照图15),完成制作。
提醒一下,按Ctrl+Enter进入测试是看不到效果的,必须直接在硬盘上打开Swf电影文件才生效。此时的右键菜单只是一行标示版权的文字,如图16.最后的工作就是要将你的作品刻录到光盘上了。
第五篇:Flash设计报告
商贸系电子商务falsh课程设计报告
设计目的
1.通过课程设计,树立正确的设计思想,培养综合运用Flash动画设计课程和其他先修课程的理论与实践知识来分析和解决平面动画设计问题的能力。
2.学习Flash动画设计的综合方法,掌握Flash动画设计的一般流程。3.进行Flash动画设计基本技能的训练,能将所学知识应用于一般的动画作品创作,提高自己制作面的实际应用能力。
本课程设计要求在课程设计过程中,学生会对设计任务进行全面的策划,根据任务的描述,通过实际查阅资料、分析设计、综合利用Flash动画的基本原理和技术,并通过实践,掌握融汇自己思维及创意创作完整作品的基本方法和过程,达到能够制作运动动画、形变动画和逐帧动画;能够制作基本层动画、具有遮罩特效的动画和具有链接引导特效的动画;能够制作和使用符号;能够制作按钮并能够为按钮设置控制动画播放的动作脚本;能够为Flash作品添加声音;能设计制作出具有完整主题要求的Flash作品,在作品制作中能理性地、有针对性地选择使用flash提供的动画表现技术,还能够撰写基本的动画剧本和制作说明书的目标以达到加深、巩固所学课程的相关知识、培养学生综合设计的能力、参阅和参考各种资料的能力,达到灵活运用各种特效功能与技巧进行设计与创作,全面综合的提高学生利用各种手段进行设计、综合策划设计能力和整体分析及艺术处理的能力。同时,通过实践教学活动,拓宽学生的知识领域,锻炼学生的实践技能,培养科学严谨、求真务实的工作作风。
商贸系电子商务falsh课程设计报告
设计过程 1.茶1如图:
我做的是中国比较有名度一种茶,名为铁观音,在60针加了遮罩层,轮播到下一个图层。
2.茶2如图;
这个图用ps处理了一下,这个图在flash效果是,在119针出到165针处是静止的,一直到215加传统补间动画,215针处的Alon值为0,让图有一个渐渐变没效果。
商贸系电子商务falsh课程设计报告
3.茶3如图:
这张图的效果是,290针到332针是一个从小慢慢变大的效果,到380是静止状态,再是从395针到425针的效果变小再向下移动在是从右上角飞出。
4.茶4如图:
这张图也是用ps先制作出来,再falsh呈现出效果,192针到250针是一个从透明渐渐变亮的过程,然后到290针处是静止状态,再是渐渐变透明。
5.茶5如图:
商贸系电子商务falsh课程设计报告
这个图没有什么效果,只是在390针到470针是静止的,是茶3变小时呈现出来直到结束.6.我运用按钮作图,在图层运动时把指针放到按钮上就有停止到某个图上,当指针移走是,动画又从第一针开始播放,有一个循环效果。
开发环境预计工具
硬件设备:
1.我们是在教室里完成的falsh课程设计,教室里有网线,可以提供我们上网找材料
2.用的是自己的电脑,这样方便储存资料,也不当心不见。软件设备:
1.windows7,用falsh cs5或falsh cs3还有 ps等软件。
遇到的问题
在这次的课程设计中,我遇到最大的困难就是按钮,反复做了很多次就是做不好,也问了很多同学,但是都得不到解决,最后问了老师,在发现我用的是3.0做的,跟之前学的不一样,然后我果断改用2.0的。问题就没那么多了,但是在代码那块还是有问题,最后在老师的帮助下做出来了,顿时觉得这个世界还 商贸系电子商务falsh课程设计报告
是美丽的。
设计过程心得
现在学习Flash通常都是按照书本上和老师的例子来做,要是离开了例 子要自己创作,可能就有些困难。这就说明了自己缺少训练。其中要学好Flash不但要懂技术,更要懂艺术和创意,加上思维要发散,才能做出好的作品。自己就是缺少对艺术和创意的造诣,所以有时拿到一些素材就会有种无从下手的感觉。
经过本次的课程设计,使我对Flash的一些技巧有了一定的了解。实训一是文字特效处理,文字作为人类文化的重要组成部分,无论在何种视觉 商贸系电子商务falsh课程设计报告
媒体中,文字和图片都是其两大构成要素,文字排列组合的好坏,直接影响着版面的视觉传达效果。因此,文字设计是增强视觉传达效果,提高作品的诉求力,赋予版面审美价值的一种重要构成技术。果,针对不同的需要来对其加工,个人感觉要做到一副效果好的图片要不断练习,打好一定的基础才可以。实训三可以说是将前面所学到的知识用来制作,这需要有一定的扎平面动画设计与制作(Flash)课程设计报告实基础。Flash 是自己喜欢的一门课程,本人也很用心来学,不过就是有点懒,缺少训练,虽然平时都有上一些论坛和看一些Flash CS4的教程,但还是不够勤快,所以还不能熟练运用Flash,因此今后要持之以恒,不断练习才可以有所提高。