FLASH个人简历制作

课题：

Flash制作教程（12）——Flash个人简历制作

教学目的：

1、逐步生成Flash元件的方法；

2、Action的合理使用；

3、Flash中逐帧运行的制作；

4、在浏览器中运行Flash实例。

教学重点：

1、stop与goto动作的安排和设置；

2、getURL动作及在浏览器中打开Flash实例。

教学过程：

1、观看范例：

打开教师指定位置中的“ex23.exe”文件观看。

2、修改影片属性：

新建一个Flash文件，打开“修改”菜单并选择“影片”，在弹出的“影片属性”对话框中将“宽”和“高”设置为：700×460，“帧频”为“12fps”，“背景颜色”设为“灰色（#999999）”（如图12-1）。单击“确定”返回“场景1”；

（图12-1）

3、第1帧显示内容制作：

（1）先来看一看第一帧我们要显示的内容有哪些。如图12-24所示。

我们发现在“时间轴”的第一帧中有3个图层，分别为“背景”、“按钮”和“文字”，其中“文字”层上显示的是四个按钮上的文字；

（2）“背景”层的制作：

第一步：将“图层1”改名为“背景”；

第二步：选中“工具”面板上的“矩形工具”，并将“描绘颜色”设置为“无色”、“填充颜色”

设置为“蓝色（#0000FF）”后，在场景1上绘制出一个宽和高分别为700和60、坐标位置为0和0（如图12-2）的矩形（如图12-3）；

（图12-2）

（图12-3）

第三步：选中“工具”面板上的“线条工具”，将“描绘颜色”设置为“淡蓝色（#0099FF）”，在场景1上绘制出一条宽度为700、X轴为0的水平线；

第四步：用“箭头工具”选中水平线，然后按住键盘上的“Ctrl”键，用鼠标将水平线向下拖动几个像素，复制一条水平线（如图12-4）；

*注意：此时在鼠标指针的旁边有一个“+”号，这表示是复制，否则是不会有复制效果的！

（图12-4）

第五步：重复第四步，多复制出几个水平线，使效果如图12-5所示。

（图12-5）

*技巧：复制多条水平线有一种好方法，可以一次选中多条水平线，然后采用第四步的方法，这样可以一次复制更多的水平线，增加工作的效率；

第六步：选中所有的水平线，将水平线移动到第二步绘制的矩形上（如图12-6）；

（图12-6）

第七步：用“箭头工具”在场景1上画出一个矩形，选中“背景”图层上所有的对象。通过“编辑”菜单中的“复制”和“粘贴”，在场景1中复制出一个完全一样的背景图案，并将复制出来的背景图案的X轴和Y轴设置为0和400（如图12-7和图12-8）；

（图12-7）

（图12-8）

第八步：在不选中任何对象的状态下，将鼠标移动到场景1下面一个矩形图案的最上端

的中间位置，当鼠标指针为“”时，按住鼠标左键并向下拉，使图形出现一个弧边（如图12-9）；

（图12-9）

第九步：用鼠标分别点击中间多出的水平线并依次删除，效果如图12-10所示；

（图12-10）

第十步：选择“工具”面板上的“文本工具”，在场景１上输入“FLASH个人简历”，并设置大小为“84”，其中“FLASH”的字体设置为“Arial Black”，“个人简历”的字体设置为“隶书”，将此文本对象“相对舞台”水平垂直居中（如图12-11）；

（图12-11）

第十一步：在文本对象选中的状态下，打开“修改”菜单，选择“分解组件”选项将文本打散。然后再执行一次“分解组件”，将文本分解为图像（如图12-12）；

（图12-12）

第十二步：选择“工具”面板上的“墨水瓶工具”，并设置“描绘颜色”为“淡灰色（#CCCCCC）”，依次单击每一个字，给文字的每个部分描绘出淡灰色的边框（如图12-13）；

（图12-13）

第十三步：选择“箭头工具”，依次选中每个文字的颜色填充部分，并删除掉文字的填充颜色，如果不能选中颜色填充部分，则将舞台放大到400%后，就可以很容易地选定了。效果如图12-14所示。

（图12-14）

至此，“背景”图层制作完毕。

（3）“按钮”层的制作

第一步：新建一个图层，并取名为“按钮”。为了使接下来在“按钮”层的操作不致影响到“背景”层，可以将“背景”层锁定（如图12-15）；

（图12-15）

第二步：选中“按钮”层的第一帧，在舞台上画出一个“描绘高度”为2、“描绘颜色”为“白色（#FFFFFF）”、“填充颜色”为“灰色（#999999）”、“圆角矩形半径”为10的圆角矩形（如图12-16）；

（图12-16）

第三步：双击圆角矩形，选中圆角矩形的填充部分和边框部分。

*注意：如果只是单击圆角矩形，则只能选中圆角矩形的填充部分，而它的边框却没有选中，所以这里要双击圆角矩形，将之全部选中；

选好后，打开“插入”菜单，选择“转换为元件”，在弹出的“转换为元件”对话框中，设置“作用”为“按钮”、“名称”为“圆角按钮”（如图12-17）。单击“确定”返回场景1；

（图12-17）

第四步：再次双击“圆角按钮”按钮元件，进入按钮的编辑状态。在时间轴的“鼠标经过”帧和“DOWN”帧各添加一个关键帧（如图12-18）；

（图12-18）

第五步：单击圆角矩形，选中“圆角按钮”的填充部分，并打开“编辑”菜单选择“复制”，然后锁定“图层1”。再在“圆角按钮”的时间轴上添加一个图层，即“图层2”。在“图层2”的“鼠标经过”帧添加一个关键帧（如图12-19）；

（图12-19）

第六步：选择“图层2”的“鼠标经过”帧，在“编辑”菜单中选中“粘贴到当前位置”，即将在第五步中复制的“圆角按钮”填充部分覆盖到了按钮上，再在“属性”上将这个圆角矩形的填充颜色设置为“淡灰色（#CCCCCC）”（如图12-20）；