《Flash网页设计教程 习题答案 作者 王爱红 石琳 02》由会员分享，可在线阅读，更多相关《Flash网页设计教程 习题答案 作者 王爱红 石琳 02（19页珍藏版）》请在金锄头文库上搜索。
1、第2章 使用Flash CS3绘制图形使用Flash CS3绘制图形 课堂练习绘制口红招贴【练习知识要点】使用渐变变形工具编辑渐变图形。使用矩形工具绘制圆角矩形。使用颜色面板为图形添加渐变效果。使用钢笔工具绘制口红图形。使用柔化填充边缘命令制作柔化效果。如图2.5-1所示。【效果所在位置】光盘/Ch02/效果/绘制口红招贴.fla。图2.5-11制作背景效果（1）选择【文件/新建】菜单命令，在弹出的【新建文档】对话框中选择【Flash文档】选项，单击【确定】按钮，进入新建文档舞台窗口。按【Ctrl+F3】键，弹出文档【属性】面板，单击【大小】选项后面的按钮，在弹出的对话框中将舞台窗口的宽度设为
2、300，高度设为450。（2）将“图层1”重新命名为“背景”，如图2.5-2所示。选择【矩形】工具，在工具箱的中将笔触颜色设为无，填充色设为灰色，在舞台窗口中绘制一个与窗口大小相等的矩形，效果如图2.5-3所示。 图2.5-2 图2.5-3（3）选择【窗口/颜色】菜单命令，弹出【颜色】面板，在【类型】选项的下拉列表中选择【放射状】，选中色带上左侧的控制点，将其设为深红色（#501B0E），选中色带上右侧的控制点，将其设为黑色，如图2.5-4所示。（4）选择【颜料桶】工具，在图形的中间部分单击鼠标填充渐变，效果如图2.5-5所示。 图2.5-4 图2.5-5（5）选择【渐变变形】工具，单击渐变色
3、图形，出现4个控制点和1个圆形外框，如图2.5-6所示。向图形外侧水平拖动方形控制点，水平拉伸渐变区域，效果如图2.5-7所示。（6）将鼠标放置在圆形边框外侧的圆形控制点上，鼠标光标变为，向上旋转拖动控制点，改变渐变区域的角度，效果如图2.5-8所示。 图2.5-6 图2.5-7 图2.5-8（7）将鼠标放置在圆形边框中间的圆形控制点上，鼠标光标变为，向图形内部拖动鼠标，缩小渐变区域，效果如图2.5-9所示。在场景中的任意地方单击，控制点消失，效果如图2.5-10所示。 图2.5-9 图2.5-102绘制口红（1）选择【窗口/库】菜单命令，弹出【库】面板，在【库】面板下方单击【新建元件】按钮，
4、弹出【创建新元件】对话框，在对话框中进行设置，如图2.5-11所示，单击【确定】按钮，新建一个图形元件“口红”，舞台窗口也随之转换为图形元件的舞台窗口。图2.5-11（2）选择【矩形】工具，选择矩形【属性】面板，将填充色设为灰色，其他选项的设置如图2.5-12所示。在舞台窗口中绘制图形，效果如图2.5-13所示。（3）选择【选择】工具，将鼠标放置在图形的下方，鼠标下方出现圆弧，这表明可以将该直线转换为弧线，在直线的中心部位按住鼠标并向下拖曳，直线变形弧线，如图2.5-14所示，松开鼠标，效果如图2.5-15所示。 图2.5-12 图2.5-13 图2.5-14 图2.5-15（4）选择【窗口/
5、颜色】面板，弹出【颜色】面板，在【类型】选项的下拉列表中选择【线性】，在色带上再增加7个控制点。将第1个控制设为褐色（#5A5142），第2个控制点设为深褐色（#211C18），第3个控制点设为深红色（#291C18），第4个控制点设为灰色（#947D73），第5个控制点设为灰白色（#EFEBE7），第6个控制点设为灰色（#A59284），第7个控制点设为褐色（#392818），第8个控制点设为褐色（#4F3F30），第9个控制点设为灰色（#BDB2A5），每个控制点之间的距离如图2.5-16所示。（5）选择【颜料桶】工具，按住【Shift】键，在图形上从左向右拖曳渐变色，如图2.5-17所示
6、，松开鼠标，效果如图2.5-18所示。 图2.5-16 图2.5-17 图2.5-18（6）单击【时间轴】面板下方的【插入图层】按钮，新建“图层2”，如图2.5-19所示。（7）选择【矩形】工具，单击【属性】面板中的【重置】按钮，将填充色设为灰色，在舞台窗中口中绘制出一个矩形，如图2.5-20所示。（8）选择【选择】工具，将鼠标放置在图形的下方，鼠标下方出现圆弧，这表明可以将该直线转换为弧线，在直线的中心部位按住鼠标并向下拖曳，直线变形弧线，如图2.5-21所示，松开鼠标，相同的方法制作出如图2.5-22所示效果。 图2.5-19 图2.5-20 图2.5-21 图2.5-22（9）选择【颜色
7、】面板，在【类型】选项的下拉列表中选择【线性】，在色带上再增加4个控制点。将第1个控制点设为深灰色（#181818），第2个控制点设为深灰色（#292C29），第3个控制点设为白色（#E5E6E5），第4个控制点设为白色（#FFFFFF），第5个控制点设为灰色（#292829），第6个控制点设为深红色（#100C08），每个控制点之间的距离如图2.5-23所示。（10）选择【颜料桶】工具，按住【Shift】键，在图形上从左向右拖曳渐变色，如图2.5-24所示，松开鼠标，效果如图2.5-25所示。选中图形，按【Ctrl+G】键组合图形。图2.5-23 图2.5-24 图2.5-25（11）单击【
8、时间轴】面板下方的【插入图层】按钮，建新“图层3”，如图2.5-26所示。（12）选择【矩形】工具，在矩形【属性】面板中进行设置，如图2.5-27所示，在舞台窗口中绘制出图形，并将其组合，效果如图2.5-28所示。 图2.5-26 图2.5-27 图2.5-28（13）选择【矩形】工具，在矩形【属性】面板中进行设置，如图2.5-29所示，在舞台窗口中绘制图形，效果如图2.5-30所示。 图2.5-29 图2.5-30（14）选择【颜色】面板，在【类型】选项的下拉列表中选择【线性】，在色带上再增加5个控制点。将第1个控制点设为深灰色（#181818），第2个控制点设为灰色（#ADAAAD），第3
9、个控制点设为深灰色（#292C29），第4个控制点设为白色（#E5E6E5），第5个控制点设为白色（#FFFFFF），第6个控制点设为深灰色（#292829），第7个控制点设为深红（#100C08），每个控制点之间的距离如图2.5-31所示。（15）根据上面的制作方法为图形添加渐变色，效果如图2.5-32所示。在【时间轴】面板中，拖曳“图层3”到“图层1”的下方，如图2.5-33所示，舞台窗口中效果如图2.5-34所示。 图2.5-31 图2.5-32 图2.5-33 图2.5-34（16）选中“图层2”，单击【时间轴】面板下方的【插入图层】按钮，新建“图层4”，如图2.5-35所示。（17）
10、选择【钢笔】工具，选择钢笔【属性】面板，将笔触颜色设为黑色，在【笔触高度】选项的数值框中输入0.25，用鼠标在渐变图形的上单击，创建第1个锚点，在上方再次单击鼠标，创建第2个锚点，将鼠标按住不放并向右拖曳，将直线转换为曲线，效果如图2.5-36所示。用相同方法，应用【钢笔】工具绘制出边线效果，如图2.5-37所示。 图2.5-35 图2.5-36 图2.5-37（18）选择【颜色】面板，在【类型】选项的下拉列表中选择【线性】，在色带上增加1个控制点，将第1个控制设为深红色（#9C3021），第2个控制点设为红色（#EF3800），第3个控制点设为深红色（#843021），如图2.5-38所示。
11、（19）选择【颜料桶】工具，按住【Shift】键，在图形上从左向右拖曳渐变色，如图2.5-39所示，松开鼠标后，选择【选择】工具，双击边线，按【Delete】键，将其删除，在【时间轴】面板中，将“图层4”拖曳到“图层3”的下方，图形效果如图2.5-40所示。 图2.5-38 图2.5-39 图2.5-403绘制高光部分（1）选中“图层1”， 选择【钢笔】工具，将笔触颜色设为黑色，绘制出如图2.5-41所示的边线效果。（2）选择【颜色】面板，在【类型】选项的下拉列表中选择【线性】，选中色带上左侧的控制点，将其设为浅红色（#A53821），在【Alpha】选项中将其不透明度设为80%，选中右侧的控
12、制点，将其设为红色（#D64100），在【Alpha】选项中将其不透明度设为0%，如图2.5-42所示。 图2.5-41 图2.5-42（3）选择【颜料桶】工具，按住【Shift】键，在图形上从上向下拖曳渐变色，如图2.5-43所示，松开鼠标后，将边线删除，效果如图2.5-44所示。 图2.5-43 图2.5-44（4）选中“图层2”，选择【椭圆】工具，在工具箱的中将笔触色设为无，填充色设为白色，按【Shift】键，在舞台窗口中绘制出一个圆形，如图2.5-45所示。（5）选中白色的圆形，选择【修改/形状/柔化填充边缘】菜单命令，在弹出的菜单中进行设置，如图2.5-46所示，单击【确定】按钮，按
13、【Ctrl+G】键组合图形，效果如图2.5-47所示。 图2.5-45 图2.5-46 图2.5-47（6）按【Ctrl+T】键，弹出【变形】面板，在对话框中进行设置，如图2.5-48所示，按【Enter】键确认，效果如图2.5-49所示。 图2.5-48 图2.5-494绘制口红盖（1）选中“图层1”，图层中的图形被选中，按【Ctrl+C】键，复制图形。在【库】面板下方单击【新建元件】按钮，弹出【创建新元件】对话框，在对话框中进行设置，如图2.5-50所示，单击【确定】按钮，新建一个图形元件“盖”，舞台窗口也随之转换为图形元件的舞台窗口。图2.5-50（2）按【Ctrl+Shift+V】键，将复制过来的图形原位粘贴到舞台窗口中，效果如图2.5-51所示。在【变形】面板中进行设置，如图2.5-52所示，按【Enter】键确认，效果如图2.5-53所示。 图2.5-51 图2.5-52 图2.5-53（3）单击【时间轴】面板下方的【插入图层】按钮，创建新图层，如图2.5-54所示。（4）选择【椭圆】工具，在椭圆【属性】面板中进行设置，如图2.5-55所示，在舞台窗口中绘制一个椭圆形，效果如图2.5-56所示。 图
