flash个人简历制作流程
篇一:
时间过得真快,眨眼间又到了新年。即将走出校园、步入社会、创造自己美好生活的毕业生是否已涌起一丝丝的别离情绪?有否把一切遗憾的事情都尽量弥补?有否到生活多年的校园各个角落留下自己的足迹?有否为即将离开父母的身边,走进变幻万千的社会,完全自己独立地生活而做好准备?随着新年的到来,各地的人才交流招聘会都将陆续召开。作为毕业生的你,有否已经制作了一份让自己满意、让用人单位满意的个人自荐表呢?还没有,不知道怎么做!或者做了,就那么简简单单的几张白纸!没关系,本专题正是基于这个目的,向为制作自荐表而发愁的毕业生一步步地介绍自荐表的表现形式及实例制作过程,希望可以解除大家的烦恼,让毕业生们圆满完成离开母校的最后一课!我们分别为大家准备了两种制作方法,一种是运用flash,一种是运用Authorware.如果将来你有志于投入多媒体行业,学习用Authorware制作简历将能够向用人单位显示你的制作实力;如果你喜欢用Flash做动画,希望从事网络多媒体行业,则用Flash制作一份精美的简历再合适不过了。
一、收集整理资料
几年的学生生涯,多多少少为自己添加了人生的经历,请把一切在校期间发生的故事、学习生活点滴、与社会接触和沟通的片段统统收集起来,分门别类,整理归档,作为自荐表基本资料,充实你的自荐表!
二、规划自荐表结构
收集好所有的资料并整理归类后,我们需要静下心来思考一下,明确自荐表的诉求对象,通过上网或者去图书馆查阅资料,跟经历丰富的同学、上一届毕业的师兄或者家人交流看法,了解诉求对象--自己希望就业的单位公司对人才的要求,当前的希望从事的职业的热门职位(务必具体),剔除无用的资料,留下一切可能吸引招聘人员注意力、让你能成功地为他们服务的信息。根据保留下来的信息,依照自荐表的格式,参考上一届毕业同学的制作,依照自己的能力规划出自己自荐表的整体框架,筑建好其结构。即将制作的Flash自荐表例子的结构。
三、闪动你的智慧--具体制作步骤
(1)根据自荐表结构,确定Flash框架自荐表的结构图并不完全等于Flash的框架,我们需要根据结构图,并结合Flash的特点,来为Flash制定整个框架,把自荐表在Flash中的流程确定下来,然后才可进行制作。要是做到一步算一步,当遇到问题时再考虑添加或者减少内容,不仅仅事倍功半,还可能要重新制作,得不偿失。
分析上面的结构图,由表达的内容我们知道,“个人介绍”中的“能力特长”和“实践经验”将是重点;“我的大学”中,“主要课程”和“学习成绩”将作为重点;“相关作品”是自荐表中重点的重点,是为招聘人员展示你的能力的有力证明,是获得理想工作的敲门砖;“求职资料”是实打实的东西,老老实实地输入文字即可。
经过分析之后,Flash的框架也差不多确定了,四个主标题每一个都独立生成一个SWF文件,然后使用一个主文件分别把它们用LoadMoive的技术调进来;“个人介绍”、“我的大学”和“求职资料”中的分支主要以文字表达的方式完成;“相关作品”作为重点,要突出,动态效果也只要在这里表现;所有的分支运用场景(Scene)技术,各处于自己的场景中,互不干扰;其他细微的调整就在制作过程中完成吧。
(2)主体内容的制作由于完整制作Flash自荐表会占用相当多的篇幅,为了节约起见,主要介绍自荐表中技术性问题的制作,相同的技术不做细述。
明确工作之后,我们先来把设计好的界面导入Flash.按Ctrl+R,导入已经在Photoshop中制作好的图片界面。按Ctrl+K,调出对齐窗口,设置图片位置为基于文件居中。
下面的内容将按“主体篇”、“声音篇”、“结尾篇”来完成。
主体篇
开场白当招聘人员打开你的Flash电影时,最好先给他们以亲切的问候,同时表达自己渴望获得职位进入公司的意愿。
不需要震撼的效果,只要一个黑色的背景,加上精心雕琢的词句,并以打字的效果出现,配上打字机打字的声音,简直妙不可言!
制作方法如下新建一个Flash文件,按Ctrl+M调出设置对话框,把背景色设置为黑色。
选择文字工具,在场景中的第一层第一帧上画出一个适当的文字输入区域,并按Ctrl+T调出文字设置面板。在“Character”选项栏选择中文字体“宋体”,字体大小为“13”,字体颜色为“黄色”,因为黄色跟黑色配合显眼而不刺眼,有力而不浮躁!
在“Text Options”选项栏中把“Variable”缺省参数名改为“Startfont”,其他保留为默认状态,如图4所示。 接下来的工作是Action的设置。新建一层,并在此层的第一帧中加入以下代码文字内容“; //在此输入要给招聘人员看的内容计算所有文字内容的长度给i初始值第二帧的代码每运行一次i自加,1,把参数text里的内容逐个传送给第三帧的代码是一个if语句,起判断作用判断文字内容是否已经完全输出,如果完成,则停止,否则继续千万不要忘记把第一层的帧数延伸到第三帧,否则文字内容显示不了。完成后的时间轴如图5所示。
按Ctrl+Enter测试一下,调试正常后保存为startfont.swf文件以备为LoadMoive调用。测试的界面文本滚动窗口在自荐表里有相当多的内容需要用文字表达,比如个人简历、四年课程、成绩表、自我鉴定等等,考虑到版面安排的问题,一页是显示不了完整内容的,怎么办呢?能不能制作类似Dreamweaver中常用的滚动文字?答案是肯定的!下面以”个人简历“为例子,一步步地介绍滚动文字的制作。
之前我们已经制作好了”个人简历“的主界面,那么先在Flash5里把文件打开吧!如图7所示。
根据主界面的设计,确定文字内容摆放位置为中间,同时制作两个上下移动的按钮。
选择文字工具,在场景中的”font“层第一帧上画出一个适当的文字输入区域,并按Ctrl+T调出文字设置面板。在”Character“选项栏选择中文字体”宋体“,字体大小为”12“,并使用工具箱中的吸管吸取比主界面色调稍深的颜色作为字体颜色,相近的颜色既不刺眼,也显出一种和谐美!
在”Text Options“选项栏中把”text type“改为”Dynamic text(动态文字)“,把”Variable“改为”Multiline(多行)“,把”Variable“缺省参数名改为”text“,并选中右栏最下面的两个选项”Wordwrap“和”Selectable“。 接下来制作两个控制用的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“帧,把元素库里的声音拖到此帧中。制作好按钮后,时间轴的样子。
回到主场景,按Ctrl+Alt+B,激活按钮,鼠标移动到按钮上,调试制作的效果,直到满意为止。
其他的按钮就不作阐述了,读者自行设置。
结尾篇临近结束,要为细节部分作考虑,对局部添加动态效果,作人性化设置等等,比如加入帮助、介绍作品的运行环境、硬件要求之类的,大家就发挥自己的聪明和才智吧!
最后的提示长长的Falsh电影右键菜单并不好看,为了不影响招聘人员的视觉,那么我们把它隐藏起来吧。 在主场景的第一帧中加入双击鼠标,调出Action面板,点击”+“号按钮,选择弹出菜单中
的”Actions“→”FSCommand“。
点击下图箭头所指的栏位,在弹出的下拉菜单中选择”showmenu[true/false]“,在”Arguments“栏把缺省的”true“改为”false“,完成制作。
提醒一下,按Ctrl+Enter进入测试是看不到效果的,必须直接在硬盘上打开Swf电影文件才生效。此时的右键菜单只是一行标示版权的文字。
最后的工作就是要将你的作品刻录到光盘上了。
篇二:
摘 要
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教学课件03-28
flash教学课件制作03-29
小学flash课件制作03-24
如何制作flash游戏论文06-12
如何用flash制作课件片头05-10
flash动画制作初步的教学反思09-11
我学会了制作flash作文09-29
贺卡制作流程02-23
Flash课件制作基本原则03-19