
上QQ阅读APP看书,第一时间看更新
2.4 课堂练习:绘制圆形水晶按钮
按钮的水晶效果是通过渐变颜色的错位,以及半透明颜色的组合形成的。所以在绘制过程中,渐变颜色的建立以及渐变颜色填充后的方向与范围调整尤为重要。

操作步骤:
1 按Ctrl+N快捷键打开【新建文档】对话框,创建空白文档后,按Ctrl+S快捷键打开【另存为】对话框,保存该文档为“圆形水晶按钮.fla”,发现【属性】面板中的文档名称随之发生变化。

2 选择【椭圆工具】,按住左键,在舞台中绘制无笔触的单色正圆图形。然后在【属性】面板中,成比例设置正圆图形的尺寸为260×260。

3 执行【窗口】|【颜色】命令,打开【颜色】对话框。当选中【填充颜色】选项后,选择【类型】下拉列表中的【线性渐变】。选中左侧色标后,在颜色值文本框中输入#09DEFF,设置右侧色标颜色值为#0BD8BB。然后在渐变条下方单击添加两个色标,分别设置颜色值为#09DDE0和#FF9900。

4 选择【工具】面板中的【渐变变形工具】,渐变正圆图形显示编辑手柄的边框。将光标指向旋转手柄,顺时针单击并拖动鼠标后,改变渐变颜色的显示方向。

5 选择【椭圆工具】,按住左键在舞台中绘制正圆渐变图形。然后使用【选择工具】
移动该图形至第一个正圆图形中心位置。选择【渐变变形工具】
,逆时针旋转渐变边框,改变渐变显示方向。

6 选择【椭圆工具】,设置【填充颜色】为白色到黑色的默认渐变,绘制圆形后,设置该图形的尺寸为220×220。然后使用【选择工具】
移动该图形,至第二个渐变圆形的顶部区域。

7 在【颜色】面板中设置黑色色标为白色,并且设置该色标的Alpha值为0%。使用【颜料桶工具】单击黑白渐变圆形后,使用【渐变变形工具】
顺时针旋转改变渐变颜色显示方向。
