《《教你用flash制作个人简历475.docx》由会员分享，可在线阅读，更多相关《《教你用flash制作个人简历475.docx（47页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Flassh制作作教程（112）Fllashh个人简简历制作作教学目的的：1、逐步生生成Fllashh元件的的方法；2、Acttionn的合理理使用；3、Flaash中中逐帧运运行的制制作；4、在浏览览器中运运行Fllashh实例。教学重点点：1、stoop与ggotoo动作的的安排和和设置；2、gettURLL动作及及在浏览览器中打打开Fllashh实例。教学过程程：1、 观观看范例例：打开开教师指指定位置置中的“eex233.exxe”文文件观看看。2、 修修改影片片属性：新建建一个FFlassh文件件，打开开“修改改”菜单单并选择择“影片片”，在在弹出的的“影片片属性”对对话框中中将“宽
2、宽”和“高高”设置置为：77004600，“帧帧频”为为“122fpss”，“背背景颜色色”设为为“灰色色（#99999999）”（如如图122-1）。单击“确确定”返返回“场场景1”；（图122-1）3、 第第1帧显显示内容容制作：（11）先来来看一看看第一帧帧我们要要显示的的内容有有哪些。如图112-224所示示。我们们发现在在“时间间轴”的的第一帧帧中有33个图层层，分别别为“背背景”、“按钮钮”和“文文字”，其其中“文文字”层层上显示示的是四四个按钮钮上的文文字；（22）“背背景”层层的制作作：第一一步：将将“图层层1”改改名为“背背景”；第二二步：选选中“工工具”面面板上的的“矩形形
3、工具”，并并将“描描绘颜色色”设置置为“无无色”、“填充充颜色”设设置为“蓝蓝色（#00000FFF）”后后，在场场景1上上绘制出出一个宽宽和高分分别为7700和和60、坐标位位置为00和0（如如图122-2）的的矩形（如如图122-3）；（图122-2）（图122-3）第三三步：选选中“工工具”面面板上的的“线条条工具”，将将“描绘绘颜色”设设置为“淡淡蓝色（#00999FFF）”，在在场景11上绘制制出一条条宽度为为7000、X轴轴为0的的水平线线；第四四步：用用“箭头头工具”选选中水平平线，然然后按住住键盘上上的“CCtrll”键，用用鼠标将将水平线线向下拖拖动几个个像素，复复制一条条水
4、平线线（如图图12-4）；*注意：此时在在鼠标指指针的旁旁边有一一个“+”号，这这表示是是复制，否否则是不不会有复复制效果果的！（图122-4）第五五步：重重复第四四步，多多复制出出几个水水平线，使使效果如如图122-5所所示。（图122-5）*技技巧：复复制多条条水平线线有一种种好方法法，可以以一次选选中多条条水平线线，然后后采用第第四步的的方法，这这样可以以一次复复制更多多的水平平线，增增加工作作的效率率；第六六步：选选中所有有的水平平线，将将水平线线移动到到第二步步绘制的的矩形上上（如图图12-6）；（图122-6）第七七步：用用“箭头头工具”在在场景11上画出出一个矩矩形，选选中“背背
5、景”图图层上所所有的对对象。通通过“编编辑”菜菜单中的的“复制制”和“粘粘贴”，在在场景11中复制制出一个个完全一一样的背背景图案案，并将将复制出出来的背背景图案案的X轴轴和Y轴轴设置为为0和4400（如如图122-7和和图122-8）；（图122-7）（图122-8）第八八步：在在不选中中任何对对象的状状态下，将将鼠标移移动到场场景1下下面一个个矩形图图案的最最上端的的中间位位置，当当鼠标指指针为“”时，按住鼠标左键并向下拉，使图形出现一个弧边（如图12-9）；（图122-9）第九九步：用用鼠标分分别点击击中间多多出的水水平线并并依次删删除，效效果如图图12-10所所示；（图122-100）
6、第十十步：选选择“工工具”面面板上的的“文本本工具”，在在场景上输入入“FLLASHH个人简简历”，并并设置大大小为“884”，其其中“FFLASSH”的的字体设设置为“AAriaal BBlacck”，“个个人简历历”的字字体设置置为“隶隶书”，将将此文本本对象“相相对舞台台”水平平垂直居居中（如如图122-111）；（图122-111）第十十一步：在文本本对象选选中的状状态下，打打开“修修改”菜菜单，选选择“分分解组件件”选项项将文本本打散。然后再再执行一一次“分分解组件件”，将将文本分分解为图图像（如如图122-122）；（图122-122）第十十二步：选择“工工具”面面板上的的“墨水水
7、瓶工具具”，并并设置“描描绘颜色色”为“淡淡灰色（#CCCCCCCC）”，依依次单击击每一个个字，给给文字的的每个部部分描绘绘出淡灰灰色的边边框（如如图122-133）；（图122-133）第十十三步：选择“箭箭头工具具”，依依次选中中每个文文字的颜颜色填充充部分，并并删除掉掉文字的的填充颜颜色，如如果不能能选中颜颜色填充充部分，则则将舞台台放大到到4000%后，就就可以很很容易地地选定了了。效果果如图112-114所示示。（图122-144）至此此，“背背景”图图层制作作完毕。（33）“按按钮”层层的制作作第一一步：新新建一个个图层，并并取名为为“按钮钮”。为为了使接接下来在在“按钮钮”层的
8、的操作不不致影响响到“背背景”层层，可以以将“背背景”层层锁定（如如图122-155）；（图122-155）第二二步：选选中“按按钮”层层的第一一帧，在在舞台上上画出一一个“描描绘高度度”为22、“描描绘颜色色”为“白白色（#FFFFFFFF）”、“填充充颜色”为为“灰色色（#99999999）”、“圆角角矩形半半径”为为10的的圆角矩矩形（如如图122-166）；（图122-166）第三三步：双双击圆角角矩形，选选中圆角角矩形的的填充部部分和边边框部分分。*注注意：如如果只是是单击圆圆角矩形形，则只只能选中中圆角矩矩形的填填充部分分，而它它的边框框却没有有选中，所所以这里里要双击击圆角矩矩形
9、，将将之全部部选中；选好好后，打打开“插插入”菜菜单，选选择“转转换为元元件”，在在弹出的的“转换换为元件件”对话话框中，设设置“作作用”为为“按钮钮”、“名名称”为为“圆角角按钮”（如如图122-177）。单单击“确确定”返返回场景景1；（图122-177）第四四步：再再次双击击“圆角角按钮”按按钮元件件，进入入按钮的的编辑状状态。在在时间轴轴的“鼠鼠标经过过”帧和和“DOOWN”帧帧各添加加一个关关键帧（如如图122-188）；（图122-188）第五五步：单单击圆角角矩形，选选中“圆圆角按钮钮”的填填充部分分，并打打开“编编辑”菜菜单选择择“复制制”，然然后锁定定“图层层1”。再在“圆圆
10、角按钮钮”的时时间轴上上添加一一个图层层，即“图图层2”。在“图图层2”的的“鼠标标经过”帧帧添加一一个关键键帧（如如图122-199）；（图122-199）第六六步：选选择“图图层2”的的“鼠标标经过”帧帧，在“编编辑”菜菜单中选选中“粘粘贴到当当前位置置”，即即将在第第五步中中复制的的“圆角角按钮”填填充部分分覆盖到到了按钮钮上，再再在“属属性”上上将这个个圆角矩矩形的填填充颜色色设置为为“淡灰灰色（#CCCCCCCC）”（如如图122-200）；（图122-200）；第七七步：选选中“图图层2”上上“鼠标标经过”帧帧上的圆圆角矩形形，将之之转换为为名称为为“按钮钮动画”的的“影片片剪辑”
11、元元件（如如图122-211）。再再次双击击“按钮钮动画”元元件，进进入“按按钮动画画”元件件的编辑辑状态；（图122-211）第八八步：先先在“图图层1”的的第6帧帧插入一一个关键键帧，然然后选中中第一帧帧，在“属属性”面面板中将将“中间间”过渡渡设置为为“形状状”，再再将第一一帧中的的圆角矩矩形缩小小到中间间位置。最后在在第7帧帧和第88帧插入入关键帧帧后，再再把第77帧中的的圆角矩矩形删除除，并在在第8帧帧加上“sstopp()”动动作，如如图122-222所示；（图122-222）第九九步：点点击“位位置栏”上上的“场场景1”回回到场景景1，此此时在舞舞台上已已经有了了一个按按钮元件件
12、。键击击“F111”打打开“库库”面板板，再拖拖动三个个“圆角角按钮”元元件到场场景上上，然后后利用“排排列”面面板将场场景1上上的四个个按钮进进行排列列，效果果如图112-223所示示。（图122-233）（44）“文文字”层层的制作作新建建一个图图层，并并取名为为“文字字”，在在该层的的第一帧帧，用“文文本工具具”输入入四个文文本对象象“关于于我”、“我的的简历”、“我的的作品”、“与我我联系”，设设置文本本的字体体和大小小，并分分别放在在四个圆圆角按钮钮上，如如图122-244所示。（图122-244）（55）至此此，第一一帧内容容全部制制作完毕毕，按下下Ctrrl+EEnteer组合合
13、键可以以调试已已经完成成的部分分。在制制作后面面的部分分之前，先先做下面面的操作作：第一一步：新新建两个个图层，分分别取名名为“弹弹出”和和“acctioon”；第二二步：在在“acctioon”图图层的第第一帧加加上“sstopp()”动动作；第三三步：分分别在“背背景”、“按钮钮”、“文文字”和和“acctioon”四四个图层层的第55层插入入帧；第四四步：锁锁定“背背景”、“按钮钮”、“文文字”和和“acctioon”四四个图层层。此时时“时间间轴”如如图122-255所示。（图122-255）4、制作“弹弹出”图图层的第第2帧：此过过程的制制作思路路是：在在“弹出出”图层层的第22帧放
14、入入作品中中“关于于我”部部分的动动画，效效果是当当单击“关关于我”按按钮时，执执行第22帧中的的动画。第一一步：在在“弹出出”图层层的第22帧插入入关键帧帧，并利利用“线线条工具具”在舞舞台上作作出若干干条“描描绘高度度”为“”的“白白色”水水平线（如如图122-266）；（图122-266）第二二步：选选中“矩矩形工具具”，在在已有的的水平线线上绘制制出一个个矩形，并并把矩形形的下面面一个边边拉成弧弧形，最最后删除除矩形外外面的水水平线突突出的部部分，形形成如图图12-27所所示的效效果；（图122-277）第三三步：选选中带有有圆弧的的矩形及及所有在在内的水水平线，选选中“插插入”菜菜单
15、的“转转换为元元件”，将将之转换换为名称称为“弹弹出矩形形”的“图图形”元元件（如如图122-288）；（图122-288）第四四步：再再次选中中“插入入”菜单单的“转转换为元元件”选选项，转转换为名名称为“关关于我动动画”的的“影片片剪辑”元元件；（图122-299）*注注意：第第三步将将圆弧矩矩形转换换为“图图形”，是是为了后后面制作作其余几几个关键键帧做好好准备工工作，第第四步才才是制作作“弹出出”图层层第2帧帧的步骤骤。但如如果第三三步不做做的话，将将会给后后面的制制作带来来繁琐的的操作步步骤。第五五步：用用鼠标双双击圆弧弧矩形，进进入“关关于我动动画”影影片剪辑辑元件的的编辑状状态。
16、在在“图层层1”的的第6帧帧和第77帧分别别插入关关键帧，然然后选中中第1帧帧，在“属属性”面面板中将将“中间间”过渡渡设置为为“移动动”，并并将第11帧中的的圆角矩矩形调整整缩小到到中间的的位置，将将第7帧帧中的圆圆角矩形形稍微缩缩小一点点，如图图12-30所所示。按按下回车车键，可可以看见见圆角矩矩形由小小放大，然然后有一一个回缩缩的过程程；（如图112-330）第六六步：新新建“图图层2”，在在“图层层2”的的第7帧帧插入关关键帧，然然后用“文文本工具具”在舞舞台上输输入“关关于我”和和自己的的一些优优点，如如“热爱爱生活”、“勤奋奋好学”、“脚踏踏实地”、“乐于于助人”之之类，并并利用
17、“排排列”面面板，将将文字对对象排列列整齐（如如图122-311）；（图122-311）第七七步：用用鼠标点点击“图图层2”的的第7帧帧，选中中该帧上上的所有有对象，打打开“插插入”菜菜单选择择“转换换为元件件”，将将这些文文字对象象转换为为名称为为“关于于我文字字动画”的的“影片片剪辑”元元件。单单击“确确定”返返回；（图122-322）第八八步：双双击文字字部分，进进入“关关于我文文字动画画”影片片剪辑元元件的编编辑状态态。因为为我们要要制作出出文字由由透明到到不透明明的效果果，但此此时我们们发现文文字仍然然是几个个单独的的对象，无无法设置置为透明明效果，所所以这里里我们再再次选中中所有文
18、文字对象象，并转转换为名名称为“关关于我文文字”的的“图形形”元件件（如图图12-33）。单击“确确定返回回”（如如图122-344）；（图122-333）（图122-344）第九九步：在在第5帧帧插入关关键帧；第十十步：选选择第11帧，在在“属性性”面板板中将“中中间”过过渡设置置为“移移动”，再再选中“关关于我文文字”图图形元件件，将“属属性”面面板的“颜颜色”选选项设置置为“AAlphha”，值值为“00%”；第十十一步：选中第第5帧，给给该帧加加上“sstopp()”动动作，使使动画运运行到此此停止（如如图122-355）；（图122-355）第十十二步：返回“关关于我动动画”编编辑状
19、态态，在“图图层1”的的第6帧帧也加上上“sttop()”动动作（如如图122-366）；（图122-366）；回到到“场景景”。至此，“弹弹出”图图层的第第2帧就就已经完完成，但但要得到到点击舞舞台上的的“关于于我”按按钮即可可观看动动画的效效果还没没有完成成。最后后一步：释放“按按钮”图图层，选选中“关关于我”按按钮，打打开“动动作”面面板，添添加“ggotoo”语句句，如图图12-37进进行设置置。按下下“Cttrl+Entter”组组合键，在在运行界界面点击击“关于于我”按按钮观看看动画效效果。（图122-377）*技技巧：为为何在添添加动作作时设置置“转到到并停止止”？这这是因为为如
20、果设设置“转转到并播播放”，则则运行时时，单击击“关于于我”按按钮后，会会先跳到到第2帧帧，并且且立即依依次执行行第3帧帧及后面面的帧，这这样一来来，第22帧上的的动画就就不能播播放完毕毕了，也也就不能能得到预预期的效效果了。所以这这边选择择“转到到并停止止”，让让第2帧帧上的动动画播放放完毕。此刻，“场场景1”的的时间轴轴显示如如图122-388所示。（图122-388）5、 制制作“弹弹出”图图层的第第3帧：“弹弹出”图图层的第第3帧和和第2帧帧的制作作步骤相相似，只只不过不不同的是是，当单单击“我我的简历历”按钮钮时，跳跳转到第第3帧，显显示“我我的简历历”内容容的动画画效果，具具体步骤
21、骤就不再再赘述了了。文本本内容可可以参考考如下图图12-39所所示。（图122-399）6、 制制作“弹弹出”图图层的第第4帧：第44帧要显显示的是是“我的的作品”，可可以通过过按钮链链接到前前面所制制作的几几个实例例。第一一步：利利用前面面“弹出出”图层层第2、3帧的的制作方方法，在在第4帧帧上先插插入关键键帧，然然后自行行制作出出下图112-440所示示效果；（图122-400）第二二步：按按下“CCtrll+Ennterr”，测测试实例例。如果果前面一一步的操操作没有有什么错错误的话话，则当当在实例例中用鼠鼠标按下下“我的的作品”按按钮时，会会先出现现一个圆圆弧矩形形由小放放大的效效果，
22、然然后是“我我的作品品”四个个字由透透明状态态逐渐全全部显现现出来。现在在在“库”面面板中可可以看到到（如图图12-41）所所有用到到的元件件；（图122-411）第三三步：进进入“作作品文字字动画”影影片剪辑辑元件的的的编辑辑状态，即即“我的的作品”四四个字由由透明状状态到全全部显现现的动画画编辑状状态，如如图122-422所示；（图122-422）第四四步：新新建“图图层2”。在“图图层2”的的第5帧帧插入关关键帧，用用“文本本工具”在在“图层层2”的的第5帧帧输入“影影片场景景切换”（如如图122-433）；（图122-433）第五五步：选选中“影影片场景景切换”文文本对象象，在“插插入
23、”菜菜单中转转换为名名称为“作作品1”的的按钮元元件（如如图122-444）；（图122-444）第六六步：双双击“影影片场景景切换”文文字进入入按钮元元件的编编辑状态态（如图图12-45）；（图122-455）第七七步：在在“作品品1”按按钮元件件的“鼠鼠标经过过”帧、“doown”帧帧和“反反映区”帧帧都分别别插入关关键帧，全全部继承承“Upp”帧的的对象和和状态（如如图122-466）；（图122-466）第八八步：选选中“反反应区”帧帧，在文文字“影影片场景景切换”上上覆盖一一个没有有边框的的矩形后后（如图图12-47），再再删除“反反应区”帧帧中的“影影片场景景切换”文文字，即即在“
24、反反应区”帧帧中只保保留一个个大小和和原来的的文本一一致的矩矩形（如如图122-488）；（图122-477）（图122-488）*技技巧：按按钮元件件“反应应区”帧帧中的对对象在FFlassh实例例播放状状态时是是不会显显示出来来的，这这边加一一个矩形形的目的的是为了了使按钮钮的接触触面积增增大而已已。大家家可以试试试看，如如果在“反反应区”帧帧中不放放置这个个矩形，最最终的效效果怎样样。第九九步：将将“鼠标标经过”帧帧和“DDownn”帧中中文字改改变颜色色，即不不要和“UUp”帧帧中的颜颜色一致致即可；第十十步：按按下“CCtrll+Ennterr”键，观观看前面面制作的的效果；第十十一
25、步：用同样样的方法法再制作作“作品品2”和和“作品品3”两两个按钮钮，显示示文本分分别为“水水中倒影影”和“个个人主页页Loggo”。在“作作品文字字动画”影影片剪辑辑编辑状状态中显显示如图图12-49所所示；（图122-499）第十十二步：选中“作作品1”按按钮（显显示文本本是“影影片场景景切换”），打打开“动动作”面面板，给给按钮添添加动作作“AcctioonBBrowwse/nettworrkggetUURL”，在在右边窗窗口的“UURL：”后面面输入要要链接到到的fllashh外部动动画“影影片场景景切换.swff”；“窗窗口：”选选项中选选择“_blaank”，表表示在一一个空白白的
26、浏览览器窗口口中打开开要播放放的动画画文件。如图112-550所示示；（图122-500）第十十三步：用同样样的方法法，给“作作品2”（显显示文本本为“水水中倒影影”）和和“作品品”（显显示文本本为“个个人主页页Loggo”）两两个按钮钮元件分分别加上上动作，如如图122-511和图112-552所示示；（图122-511）（图122-522）*注注意： 此处链接接的三个个外部FFlassh动画画文件是是我们前前面制作作好的。图中的的URLL代表外外部动画画文件的的相对路路径，本本例中的的三个动动画文件件是在同同一个目目录下，但但如果文文件“影影片场景景切换.swff”是在在一个目目录名为为“
27、sooft”的的目录下下，那么么这个路路径就要要被改为为“sooft/影片场场景切换换.swwf”了了； Flassh可以以链接外外部动画画文件，“影影片场景景切换.swff”、“水水中倒影影.swwf”和和“个人人主页LLogoo制作.swff”三个个动画文文件我们们是用“ggetUURL”动动作来设设置在浏浏览器中中打开的的。“ggetUURL”动动作还可可以链接接到网上上的资源源，如“ggetUURL（htttp:/）”可可以链接接到“继继光高级级中学”网网站首页页； 这里还可可以用“lloaddMovvie”动动作在当当前的动动画文件件中导入入一个新新的动画画，有兴兴趣的同同学可以以自
28、行尝尝试，不不清楚的的地方可可以询问问任课老师师； 除了外部部Flaash动动画文件件以外，大大家还可可以在“动动作”面面板中搜搜索一遍遍，看如如何链接接其它外外部非FFlassh动画画文件，如如可执行行文件的的链接等等。 第十十四步：给“场场景1”的的“我的的作品”按按钮添加加跳转到到第4帧帧的动作作。按下下“Cttrl+Entter”组组合键，观观看效果果。单击击“我的的作品”按按钮，再再分别选选择三个个作品，可可以在浏浏览器中中打开相相应的动动画文件件。“弹弹出”图图层的第第4帧制制作完毕毕。7、 制制作“弹弹出”图图层的第第5帧：“弹弹出”图图层的第第5帧的的制作方方法与第第4帧相相同
29、，具具体步骤骤就不赘赘述了。不同的的地方在在：“EEmaiil”按按钮的链链接动作作是“ggetUURL（maiiltoo:. ）”，引引号中的的叉号为为制作者者的电子子邮箱地地址；“主主页”按按钮的链链接动作作是“ggetUURL（htttp:/）”。最后后保存文文件：AA:FFlassh个人人简历.flaa。8、 制制作后期期说明：实例例中所用用到的元元件如图图12-53所所示。现现在，这这个Fllashh动画文文件已经经制作完完毕，在在这个动动画的制制作过程程中，大大家也许许会很辛辛苦，但但却可以以学到FFlassh软件件中很多多的操作作方法和和技能。我们们最终将将本教材材中制作作的所有有作品都都基本集集合到了了最后这这个作品品中，这这也算是是有了一一个圆满满的结束束吧！大大家在以以后制作作Flaash动动画的时时候会感感觉到，FFlassh软件件的功能能虽然很很强大，但但制作的的关键还还是制作作者的构构思，只只要具有有优秀的的创造思思维能力力，就可可以制作作出完美美的动画画作品。（图122-533）