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