flsh动画个人简历制作--

北京联合大学 实训个人简历报告 课程项目：二维动画设计 姓 名：姚涛 学 号：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 （““） ”。 最