Flash CS4案例教程

思考：一、用FLASH你能干些什么？二、你了解关键帧的作用吗？关键帧可分成哪两类？三、一个用FLASH所创建的文件采用什么作为其扩展名？如何把一个用FLASH文档所表现出来的动画效果导出成一个.swf影片？四、帧频的概念？如何在FLASH中制作出能播放一首音乐歌曲的效果？你要考虑哪些因素？五、你为何要插入帧？按什么键可插入帧？六、如何插入关键帧或空白关键帧？分别按什么键实现之？插入关键帧和插入空白关键帧在效果上有什么区别？七、删除帧和清除帧有什么区别？操作：一、创建逐帧动画——文字的显示1、新建一个FLASH CS4文档，在工具箱中选取“文本工具”，在属性面板设置其大小为40，颜色为红色。

在第1帧中输入文本“不要在我寂寞的时候说爱我”，并调整到舞台的中间位置（也可在属性面板中设置X：35，Y：180）。

2、在时间轴的第11、21、31、41、51、61、71、81、91、101、111帧分别按F6键插入关键帧，在第121帧按F5键插入帧。

3、减除帧中的文本，使得第1帧只显示“不”、第11帧只显示“不要”、第21帧只显示“不要在”、第31帧只显示“不要在我”、第41帧只显示“不要在我寂”、第51帧只显示“不要在我寂寞”、第61帧只显示“不要在我寂寞的”、第71帧只显示“不要在我寂寞的时”、第81帧只显示“不要在我寂寞的时候”、第91帧只显示“不要在我寂寞的时候说”、第101帧只显示“不要在我寂寞的时候说爱”。

4、保存文档到：操作1.fla，再按Ctrl+Enter键导出影片成操作1.swf。

二、创建传统补间——转动的球体1、新建一个FLASH CS4文档，在工具箱中选取“椭圆工具”，设置无笔触、填充颜色为，在舞台中央画出一个圆，再用“颜料桶工具”单击圆的非圆心处，以移动圆的发光点。

2、按F6键在第40帧处插入关键帧。

这时，第1帧和第40帧的圆是相同的。

3、右击第1和40帧之间的任一过渡帧，选择“创建传统补间”项。

3.3.3 快速上手f步骤1 新建文档。

选择【文件】→【新建】→【Flash文件】，单击。

f步骤2 选择工具，设置笔触属性。

选择【线条工具】，在【属性】面板中拖动“笔触”滑杆，设置笔触大小为3，如图3-10所示。

f步骤3 设置笔触样式。

在【样式】下拉列表中预置了一些笔触样式，我们选择默认的“实线”，如图3-11所示。

图3-10 【线条工具】属性面板图3-11 【样式】下拉列表f步骤4 单击右侧的【编辑笔触样式】按钮，会打开【笔触样式】对话框，在该对话框中可以对所设置的线型进行相应的属性设置，如图3-12所示。

f步骤5 设置笔触颜色。

单击【笔触颜色】可在弹出的【调色板】面板中选择颜色为黑色，如图3-13所示。

如果设置的颜色不能满足用户需要，还可以通过单击调色板右上角的【拾色器】按钮，打开【颜色】面板自定义颜色。

图3-12 【笔触样式】对话框图3-13 【调色板】面板f步骤6 绘制图形。

选择【线条工具】，在工作区按住鼠标拖动，绘制出直线部分。

再选择【椭圆工具】，在【属性】面板中设置与【线条工具】相同的“笔触颜色”和“笔触大小”，颜色填充设置为“无”，如图3-14所示。

f步骤7还可以按下Alt键，单击工作区，显示【椭圆设置】对话框，可为椭圆指定特定大小，如图3-15所示。

绘制的图形如图3-16所示。

图3-15 【椭圆设置】对话框图3-14 椭圆工具【属性】面板 图3-16 绘制的图形 f 步骤8 选择【基本椭圆工具】，【椭圆图元】属性面板如图3-17所示。

f 步骤9 按住Shift 键拖动，绘制出两个独立的圆形。

将绘制的圆形分别移动到下方和左侧。

选择【任意变形工具】，调整圆形的大小和位置，效果如图3-18所示。

f 步骤10 选择【选择工具】，单击选中3个圆形，然后选择【修改】→【分离】（Ctrl+B ）命令，将绘制的椭圆图元对象分离为图形对象，效果如图3-19所示。

f 步骤11 用【选择工具】点选中间部分图形线条并删除，效果如图3-20所示。

第7章 Flash CS4框架的主体设计 155 （6）将“库”中的“tubiao1.png”拖动到“图标”所在的图层，按下快捷键Ctrl+T，在弹出的“变形”面板中设置参数，如图7.6所示。

图7.6 “变形”面板（7）选择“tubiao1.png”，按下F8键将其转换为名称为“图标1”的图形元件，如图7.7所示。

图7.7 “转换为元件”对话框（8）在“图标”图层的第1帧、第10帧和第20帧插入关键帧，如图7.8所示。

图7.8 插入关键帧（9）在“图标”图层中选择第10帧，按下快捷键Ctrl+T，在弹出的“变形”面板中设置相应参数，将其放大到原来的110%，如图7.9所示。

（10）选择菜单栏中的“窗口”→“属性”命令，在“属性”面板中选择色彩效果样式Flash CS4课件制作案例教程156图7.9 “变形”面板为高级，参数如图7.10所示。

（11）在“图标”所在图层创建“传统补间”动画。

选定第1帧，在“属性”面板中设置缓动为−100，选定第10帧，设置缓动为100。

（12）在“图标”层的上方新建图层，并将其命名为“圆角矩形”，选择“基本矩形”工具，在按钮的上方位置绘制白色无边框圆角矩形，在“属性”面板中设置圆角矩形的参数，如图7.11所示。

图7.10 设置色彩效果图7.11 设置圆角矩形参数（13）选择第1帧，按下F8键，将其转换为名称为“圆角矩形”的图形元件，在此层的第10帧和第20帧插入关键帧，选择第1帧的图形元件，在“变形”面板中设置相关参数，将其缩放到1%，如图7.12所示。

（14）选择第1帧，右击，在出现的快捷菜单中选择“复制帧”命令，再选定20帧，用右击的方法，在快捷菜单中选择“粘贴帧”命令，将第1帧的状态复制到第20帧。

第7章 Flash CS4框架的主体设计157图7.12 设置圆角矩形参数（15）在图层“圆角矩形”的第1帧和第10帧创建“传统补间”动画，并设置第1帧和第20帧的缓动分别为−100和100。

第6章 ActionScript应用 127 （2）选择工具栏上的“矩形”工具，在舞台中央绘制一个无填充的白色矩形，选择矩形，按下F8键转换成名称为“按钮1”的按钮元件，如图6.2所示。

图6.2 “转换为元件”对话框（3）双击“按钮1”的元件，进入“按钮1”的编辑状态，在“图层1”的“指针经过”状态、“按下”状态、“点击”状态，分别插入关键帧，如图6.3所示。

图6.3 插入“关键帧”（4）新建“图层2”，在“图层2”中添加文本“1”，如图6.4所示。

图6.4 添加文本128Flash CS4课件制作案例教程（5）用鼠标选择“指针经过”状态、“按下”状态和“点击”状态，为矩形填充蓝色，如图6.5所示。

图6.5 填充蓝色（6）单击“场景1”，返回主场景，结合Alt键用鼠标拖动的方法快速复制出5个按钮，如图6.6所示。

图6.6 快速复制元件（7）选择从左起第1个元件，右击，在快捷菜单中选择“直接复制元件”命令，生成如图6.7所示名称为“按钮1副本”的元件。

（8）双击进入“按钮1副本”的编辑状态，双击白色外边框线条，并使用“任意变形”工具对外边框进行横向缩放，并将“图层2”中的文本改为“上一页”，如图6.8所示。

图6.7 “直接复制元件”对话框图6.8 改变文本和矩形框样式（9）选择“指针经过”状态的关键帧，按下Delete键删除此帧。

选定“弹起”状态矩形的白色边框，使用Ctrl+C和Ctrl+Shift+V组合键，将其粘贴到“指针经过”状态，并对矩形进行蓝色填充，如图6.9所示。

第6章 ActionScript应用 129图6.9 编辑“指针经过”状态（10）选择“指针经过”状态，使用Ctrl+C和Ctrl+Shift+V组合键将其粘贴到“按下”状态和“点击”状态。

返回主场景，重复第（7）～（9）步为其他几个元件设置同样的按钮效果，如图6.10所示。

图6.10 设置按钮效果（11）框选修改完毕的所有元件，选择“窗口”→“对齐面板”命令对选定的元件进行底边对齐操作，如图6.11所示。

Flash CS4课件制作案例教程
64
图4.1 “导入”对话框
图4.2 “转换为元件”对话框
图4.3 按钮样式展示
第4章 Flash CS4中的三大元件 65 （3）元件转换成功之后，双击元件，进入“Button1”的编辑状态对图形元件进行进一
步编辑，选择“新建图层”命令新建“图层2”，使用“矩形”工具在“图层2”中绘制无
边框的黑色正方形，如图4.4所示。

图4.4 绘制无边框黑色正方形
（4）选择菜单栏中的“窗口”→“颜色”命令，在弹出的颜色面板中，选择类型为线
性，设置深蓝到浅蓝的渐变。

注意，填充过程中，选择“油漆桶”工具，按下Shift键，
对正方形进行从上到下的线性填充，如图4.5和图4.6所示。

图4.5 设置线性渐变颜色图4.6 线性填充（5）选择工具栏上的“墨水瓶”工具，单击正方形边框处，给正方形添加边框色，用“选择”工具双击边框，使边框呈选定状态，并在“属性”面板中设置笔触大小为4.00
，如
66
Flash CS4课件制作案例教程
图 4.7所示。

图4.7 添加边框
（6）在“颜色”面板设置边框属性，使边框呈现深灰到灰色的线性渐变模式，如图4.8所示。

图4.8 “颜色”面板参数设置
（7）选择工具栏上的“渐变变形”工具，用鼠标单击边框，边框的周围会出现如图4.9所示的控制点。