flsh动画个人简历制作--.doc

北京联合大学实训个人简历报告课程项目：二维动画设计姓 名：姚涛 学 号：2011061290111班 级：11计专 专 业：计算机应用技术成绩 指导老师：孙老师Flash制作教程Flash个人简历制作实训目的：1、逐步生成Flash元件的方法；2、Action的合理使用；3、Flash中逐帧运行的制作；4、在浏览器中运行Flash实例。实训过程：1、 观看2、 修改影片属性：新建一个Flash文件，打开“修改”菜单并选择“影片”，在弹出的“影片属性”对话框中将“宽”和“高”设置为：700460，“帧频”为“12fps”，“背景颜色”设为“灰色（#999999）”单击“确定”返回“场景1”；3、 第1帧显示内容制作：（1）先来看一看第一帧我们要显示的内容有哪些。如图12-24所示。我们发现在“时间轴”的第一帧中有3个图层，分别为“背景”、“按钮”和“文字”，其中“文字”层上显示的是四个按钮上的文字；（2）“背景”层的制作：第一步：将“图层”改名为“背景”；第二步：选中“工具”面板上的“矩形工具”，并将“描绘颜色”设置为“无色”、“填充颜色”设置为“蓝色（#0000FF）”后，在场景1上绘制出一个宽和高分别为700和60、坐标位置为0和0的矩形；第三步：选中“工具”面板上的“线条工具”，将“描绘颜色”设置为“淡蓝色（#0099FF）”，在场景1上绘制出一条宽度为700、X轴为0的水平线；第四步：用“箭头工具”选中水平线，然后按住键盘上的“Ctrl”键，用鼠标将水平线向下拖动几个像素，复制一条水平线*注意：此时在鼠标指针的旁边有一个“+”号，这表示是复制，否则是不会有复制效果的！第五步：重复第四步，多复制出几个水平线第六步：技巧：复制多条水平线有一种好方法，可以一次选中多条水平线，然后采用第四步的方法，这样可以一次复制更多的水平线，增加工作的效率；第六步：选中所有的水平线，将水平线移动到第二步绘制的矩形上第七步：用“箭头工具”在场景1上画出一个矩形，选中“背景”图层上所有的对象。通过“编辑”菜单中的“复制”和“粘贴”，在场景1中复制出一个完全一样的背景图案，并将复制出来的背景图案的X轴和Y轴设置为0和400第八步：用鼠标分别点击中间多出的水平线并依次删除第九步：选择“工具”面板上的“文本工具”，在场景上输入“FLASH个人简历”，并设置大小为“84”，其中“FLASH”的字体设置为“Arial Black”，“个人简历”的字体设置为“隶书”，将此文本对象“相对舞台”水平垂直居中第十步：在文本对象选中的状态下，打开“修改”菜单，选择“分解组件”选项将文本打散。然后再执行一次“分解组件”，将文本分解为图像第十一步：选择“工具”面板上的“墨水瓶工具”，并设置“描绘颜色”为“淡灰色（#CCCCCC）”，依次单击每一个字，给文字的每个部分描绘出淡灰色的边框（3）“按钮”层的制作第一步：新建一个图层，并取名为“按钮”。为了使接下来在“按钮”层的操作不致影响到“背景”层，可以将“背景”层锁定；第二步：选中“按钮”层的第一帧，在舞台上画出一个“描绘高度”为2、“描绘颜色”为“白色（#FFFFFF）”、“填充颜色”为“灰色（#999999）”、“圆角矩形半径”为10的圆角矩形第三步：双击圆角矩形，选中圆角矩形的填充部分和边框部分。*注意：如果只是单击圆角矩形，则只能选中圆角矩形的填充部分，而它的边框却没有选中，所以这里要双击圆角矩形，将之全部选中；选好后，打开“插入”菜单，选择“转换为元件”，在弹出的“转换为元件”对话框中，设置“作用”为“按钮”、“名称”为“圆角按钮”单击“确定”返回场景1；第四步：再次双击“圆角按钮”按钮元件，进入按钮的编辑状态。在时间轴的“鼠标经过”帧和“DOWN”帧各添加一个关键帧第五步：单击圆角矩形，选中“圆角按钮”的填充部分，并打开“编辑”菜单选择“复制”，然后锁定“图层1”。再在“圆角按钮”的时间轴上添加一个图层，即“图层2”。在“图层2”的“鼠标经过”帧添加一个关键帧第六步：选择“图层2”的“鼠标经过”帧，在“编辑”菜单中选中“粘贴到当前位置”，即将在第五步中复制的“圆角按钮”填充部分覆盖到了按钮上，再在“属性”上将这个圆角矩形的填充颜色设置为“淡灰色（#CCCCCC）” 第七步：选中“图层2”上“鼠标经过”帧上的圆角矩形，将之转换为名称为“按钮动画”的“影片剪辑”元件。再次双击“按钮动画”元件，进入“按钮动画”元件的编辑状态；第八步：先在“图层1”的第6帧插入一个关键帧，然后选中第一帧，在“属性”面板中将“中间”过渡设置为“形状”，再将第一帧中的圆角矩形缩小到中间位置。最后在第7帧和第8帧插入关键帧后，再把第7帧中的圆角矩形删除，并在第8帧加上“stop()”动作 第九步：点击“位置栏”上的“场景1”回到场景1，此时在舞台上已经有了一个按钮元件。键击“F11”打开“库”面板，再拖动三个“圆角按钮”元件到场景上，然后利用“排列”面板将场景1上的四个按钮进行排列（4）“文字”层的制作新建一个图层，并取名为“文字”，在该层的第一帧，用“文本工具”输入五个文本对象“个人特长”、“个人作品”、“学校经历”、“联系方式”个人资料”，设置文本的字体和大小，并分别放在四个圆角按钮上 （5）至此，第一帧内容全部制作完毕，按下Ctrl+Enter组合键可以调试已经完成的部分。在制作后面的部分之前，先做下面的操作：第一步：新建两个图层，分别取名为“弹出”和“action”；第二步：在“action”图层的第一帧加上“stop()”动作；第三步：分别在“背景”、“按钮”、“文字”和“action”四个图层的第5层插入帧；第四步：锁定“背景”、“按钮”、“文字”和“action”四个图层。此时“时间轴”4、制作“弹出”图层的第2帧：此过程的制作思路是：在“弹出”图层的第2帧放入作品中“关于我”部分的动画，效果是当单击“关于我”按钮时，执行第2帧中的动画。第一步：在“弹出”图层的第2帧插入关键帧，并利用“线条工具”在舞台上作出若干条“描绘高度”为“”的“白色”水平线第二步：选中“矩形工具”，在已有的水平线上绘制出一个矩形，并把矩形的下面一个边拉成弧形，最后删除矩形外面的水平线突出的部分；第三步：选中带有圆弧的矩形及所有在内的水平线，选中“插入”菜单的“转换为元件”，将之转换为名称为“弹出矩形”的“图形”元件（如图12-28）；第四步：再次选中“插入”菜单的“转换为元件”选项，转换为名称为“关于我动画”的“影片剪辑”元件；*注意：第三步将圆弧矩形转换为“图形”，是为了后面制作其余几个关键帧做好准备工作，第四步才是制作“弹出”图层第2帧的步骤。但如果第三步不做的话，将会给后面的制作带来繁琐的操作步骤。第五步：用鼠标双击圆弧矩形，进入“关于我动画”影片剪辑元件的编辑状态。在“图层1”的第6帧和第7帧分别插入关键帧，然后选中第1帧，在“属性”面板中将“中间”过渡设置为“移动”，并将第1帧中的圆角矩形调整缩小到中间的位置，将第7帧中的圆角矩形稍微缩小一点，按下回车键，可以看见圆角矩形由小放大，然后有一个回缩的过程；第六步：新建“图层2”，在“图层2”的第7帧插入关键帧，然后用“文本工具”在舞台上输入“关于我”和自己的一些优点，如“热爱生活”、“勤奋好学”、“脚踏实地”、“乐于助人”之类，并利用“排列”面板，将文字对象排列整齐第七步：用鼠标点击“图层2”的第7帧，选中该帧上的所有对象，打开“插入”菜单选择“转换为元件”，将这些文字对象转换为名称为“MY我的个人简历”的“影片剪辑”元件。单击“确定”返回；第八步：双击文字部分，进入“关于我文字动画”影片剪辑元件的编辑状态。因为我们要制作出文字由透明到不透明的效果，但此时我们发现文字仍然是几个单独的对象，无法设置为透明效果，所以这里我们再次选中所有文字对象，并转换为名称为“我的个人”的“图形”元件。单击“确定返回”；*技巧：为何在添加动作时设置“转到并停止”？这是因为如果设置“转到并播放”，则运行时，单击“关于我”按钮后，会先跳到第2帧，并且立即依次执行第3帧及后面的帧，这样一来，第2帧上的动画就不能播放完毕了，也就不能得到预期的效果了。所以这边选择“转到并停止”，让第2帧上的动画播放完毕。此刻，“场景1”的时间轴显示。5、 制作“弹出”图层的第3帧：“弹出”图层的第3帧和第2帧的制作步骤相似，只不过不同的是，当单击“我的简历”按钮时，跳转到第3帧，显示“我的简历”内容的动画效果，具体步骤就不再赘述了。6、 制作“弹出”图层的第4帧：第4帧要显示的是“我的作品”，可以通过按钮链接到前面所制作的几个实例。第一步：利用前面“弹出”图层第2、3帧的制作方法，在第4帧上先插入关键帧，然后自行制作出第二步：按下“Ctrl+Enter”，测试实例。如果前面一步的操作没有什么错误的话，则当在实例中用鼠标按下“我的作品”按钮时，会先出现一个圆弧矩形由小放大的效果，然后是“我的作品”四个字由透明状态逐渐全部显现出来。现在在“库”面板中可以看到所有用到的元件；*注意：Flash动画文件是我们前面制作好的。图中的URL代表外部动画文件的相对路径，本例中的一个动画文件是在同一个目录下，但如果文件“影片场景切换.swf”是在一个目录名为“soft”的目录下，那么这个路径就要被改为“soft/影片场景切换.swf”了； Flash可以链接外部动画文件，“影片场景切换.swf”、“水中倒影.swf”和“个人主页Logo制作.swf”一个动画文件我们是用“getURL”动作来设置在浏览器中打开的。“getURL”动作还可以链接到网上的资源，如“getURL（）”可以链接到“继光高级中学”网站首页； 除了外部Flash动画文件以外，大家还可以在“动作”面板中搜索一遍，看如何链接其它外部非Flash动画文件，如可执行文件的链接等。 第十四步：给“场景1”的“我的作品”按钮添加跳转到第4帧的动作。按下“Ctrl+Enter”组合键，观看效果。单击“我的大作品”按钮可以在浏览器中打开相应的动画文件。“弹出”图层的第4帧制作完毕。7、 制作“弹出”图层的第5帧：“弹出”图层的第5帧的制作方法与第4帧相同，具体步骤就不赘述了。不同的地方在：“Email”按钮的链接动作是“getURL（mailto:. ）”，引号中的叉号为制作者的电子邮箱地址；“主页”按钮的链接动作是“getURL（）”。最后保存文件：A: