第16章 项目指导——网站片头的设计与制作

图16.22 设置文本
图16.23
【对齐】面板
图16.1 网页导航栏
16.1
网页导航栏
(23) 选择【指针经过】帧，并插入关键帧，选择舞台中的文字，单击鼠标右键，在 弹出的快捷菜单中选择【转换为元件】命令，在打开的【转换为元件】对话框中， 将【名称】设置为【g-首页】，将【类型】设置为【图形】，单击【确定】按钮， 如图16.24所示。 (24) 进入【g-首页】元件中，在【首页】下方输入【HOME】，如图16.25所示。
16.1
网页导航栏
(15) 按Ctrl+F8组合键，弹出【创建新元件】对话框，将【名称】设为【星动画】， 将【类型】设为【影片剪辑】，设置完成后单击【确定】按钮，如图16.16所示。 (16) 打开【库】面板中，选择【星】元件拖至舞台中，打开【对齐】面板单击【水 平中齐】和【垂直中齐】按钮，使其与舞台对齐，完成后效果如图16.17所示。
第16章 项目指导——网站 片头的设计与制作
（时间：2次课，4学时）
第16章 项目指导——网站 片头的设计与制作
本章介绍了两个精彩案例的制作方法，将前面所学到 的知识进行综合运用，案例效果可应用于网站、广告等行 业，通过对本章的学习，可以真正的了解到在Flash CC软 件中的应用。
第16章 项目指导——网站 片头的设计与制作
图16.6 设置填充颜色
图16.7 调整渐变色
16.1
网页导航栏
(7) 选择绘制的矩形，进行复制，选择复制的矩形，打开【属性】面板，将【宽】 设为760，将【宽】设为45，并调整位置，如图16.8所示。 (8) 按Ctrl+F8组合键，弹出【创建新元件】对话框，将【名称】设为【文字01】， 将【类型】设为【图形】，如图16.9所示。
图16.8 复制矩形
图16.9 【创建新元件】对话框
16.1
网页导航栏
(9) 在工具箱中选择【椭圆工具】，打开【属性】面板，将【笔触颜色】设为 【无】，将【填充颜色】设为【CC00FF】，在舞台中绘制椭圆，如图16.10所示。 (10) 在工具箱中选择【文本工具】，打开【属性】面板，将文本类型设为【动态文 本】，将【系列】设为【汉仪雪峰体简】，将【大小】设为40磅，将【颜色】设 为【白色】，并输入文本，如图16.11所示。
图16.10 绘制椭圆
图16.11 输入文本
16.1
网页导航栏
(11) 按Ctrl+F8组合键，弹出【创建新元件】对话框，将【名称】设为【星】，将 【类型】设为【图形】，设置完成后单击【确定】按钮，如图16.12所示。 (12) 在工具箱中选择【多角星形工具】，打开【属性】面板，将【笔触颜色】设为 无，将【填充颜色】设为【00FFFF】单击【选项】按钮，弹出【工具设置】对话 框，将【样式】设为【星形】，将【边数】设为5，然后单击【确定】按钮，然 后在舞台中进行绘制图形，如图16.13所示。

16.1 16.2
网页导航栏 网站动画——公益广告
16.1
网页导航栏
下面将介绍如何通过Flash CC制作网页导航栏，完成后效果如图16.1所示。
图16.1 网页导航栏
16.1
网页导航栏
(1) 启动软件后，按Ctrl+N组合键，弹出【新建文档】对话框，选择 【ActionScript 3.0】选项，将【宽】和【高】都设为760像素，将【帧频】设 为16，然后单击【确定】按钮，如图16.2所示。 (2) 新建文档后，打开【时间轴】面板，将【图层1】名称更改为【背景】，完成后 的效果如图16.3所示。
图16.12 创建元件
图16.13 绘制五角星
16.1
网页导航栏
(13) 使用【任意变形工具】选择五角星，并将其中心点调正到舞台的中心点，如图 16.14所示。 (14) 在【变形】面板中将【旋转】设置为40°，然后连续单击 【重制选区和变形】 按钮，如图16.15所示。
图16.14 调整中心点
图16.15 旋转五角星
图16.20 设置帧的属性
图16.21 创建新元件
16.1
网页导航栏
(21) 在时间轴选择【弹起】帧，在工具箱中选择【文本工具】，打开【属性】面板， 将【文本类型】设为【动态文本】，将【系列】设为【文鼎霹雳体】，将【大小】 设为33磅，将【颜色】设为【#999900】，设置完成后在舞台中输入文本【首 页】，如图16.22所示。 (22) 选择输入的文本，打开【对齐】面板，单击【水平中齐】和【垂直中齐】按钮， 使其与舞台对齐，如图16.23所示。
图16.4 创建矩形
图16.5 设置矩形的属性
16.1
网页导航栏
(5) 继续选择矩形，打开【颜色】面板，选择【填充颜色】，将填充类型设为【线 性渐变】将第一个色标颜色设为【#FE0BFF】将第二个色标设为【白色】，如图 16.6所示。 (6) 在工具箱中选择【渐变变形工具】，将图层进行调整，如图16.7所示。
图16.2 新建文档
图16.3 选择背景
16.1
网页导航栏
(3) 在工具箱中选择【矩形工具】，打开【属性】面板，将【笔触颜色】设置为 【#fe5cff】，将填充颜色设为任意一种颜色，在舞台总绘制矩形，完成效果如 图16.4所示。 (4) 选择创建的矩形打开【属性】面板，将X和Y都设置为0，将【宽】设置为760， 将【高】设置为160，如图16.5所示。
图16.24 创建元件
图16.25 输入文本
图16.16 创建新元件
百度文库
图16.17 调整位置
16.1
网页导航栏
(17) 在【时间轴】面板中选择【图层1】的第60帧，并插入关键帧，如图16.18所示。 (18) 选择第1帧，单击鼠标右键，在弹出的快捷菜单中选择【创建传统补间】，如 图16.19所示。
图16.18 插入关键帧
图16.19
创建传统补间
16.1
网页导航栏
(19) 选择【图层1】的第1帧，打开【属性】面板，在【补间】组中将【旋转】设为 【顺时针】，将【旋转次数】设为1，如图16.20所示。 (20) 返回到【场景1】中，新建【按钮】图层，按Ctrl+F8组合键，弹出【新建元件】 对话框，将【名称】设为【首页】，将【类型】设为【按钮】，然后单击【确定】 按钮，如图16.21所示。