2. 结合光影制作播放器按钮
(1)使用 “椭圆”工具绘制椭圆,填充为黑色,轮廓色为无,并调整其旋转角度,将其再制,接着调整副本图形大小。然后使用 “交互式填充”工具,为副本图形添加射线渐变填充效果,完成后参照图1-21所示调整副本图形的位置。
提示:接下来为播放器制作按钮,为了便于读者观察,下面将按钮拖到空白处制作。
图1-21 绘制椭圆并填充渐变
(2)参照1-22所示在按钮顶部绘制白色椭圆,然后使用 “交互式透明”工具,为其添加透明效果,制作出按钮的高光效果。
图1-22 制作按钮顶部高光效果
(3)使用 “椭圆”工具参照图1-23所示绘制两个椭圆,然后使用 “挑选”工具,框选两个椭圆,单击属性栏中的 “后减前”按钮,将椭圆修剪。
技巧:无论当前使用的是工具箱中的哪一种工具,通过按下键盘上的“空格”键,都可以切换至“挑选”工具。再次按下“空格”键,会切换回原使用工具。
图1-23 制作亮部图形
(4)保持修剪后图形的选择状态,将填充为白色,轮廓色为无并移动到按钮图形的底部,接着为其添加透明效果,制作出按钮底部的反光效果。
(5)使用 “贝塞尔”工具,参照图1-24所示在按钮图形上面绘制一个三角形,填充为白色,轮廓色为无。
图1-24 添加透明效果并绘制三角形
(6)使用工具箱中的 “交互式阴影”工具,参照图1-25所示分别为上面的白色三角形和下面的黑色椭圆添加阴影效果,完成一个按钮的制作。
提示:为了表现玻璃按钮的厚度,在设置箭头标签的阴影时,将其阴影距离定义的较远,这样可以制作出标签由玻璃的上表面投射阴影到下表面的效果。使按钮图形的立体化效果更为凸显和真实。
图1-25 制作按钮完成效果
(7)下面将制作的按钮群组,参照图1-26所示调整其位置。然后使用上面制作按钮方法,再制作如图1-26所示灰色和圆形按钮。
图1-26 制作按钮
(8)读者也可以通过执行“文件”→“导入”命令,导入本书附带光盘\Chapter-01\“按钮图形.cdr”文件。接着按下键盘上的<Ctrl+U>键,取消图形群组并将其放置到绘图页面中相应的位置。
(8)使用工具箱中的 “3点椭圆”工具,参照图1-27所示分别绘制填充为黑色和橘红色、轮廓色均为无的椭圆。然后使用 “交互式调和”工具,将两个椭圆调和。
图1-27 调和图形
(9)接下来再绘制如图1-28所示填充为黑色、轮廓色为无的椭圆。接着使用“交互式轮廓图”工具,为其添加轮廓图效果。
图1-28 添加轮廓图效果
(10)使用 “3点椭圆”工具,绘制一个填充为黑色的椭圆图形,按下<Ctrl+Q>键将其转换为曲线,并使用 “形状”工具,参照图1-29所示对椭圆形状进行调整,然后使用 “交互式透明”工具,为其添加透明效果。
图1-29 绘制图形并添加透明效果
(11)参照图1-30所示,再制作出按钮的高光和反光效果。
提示:在绘制高光和反光图形时,我们可以根据形体距光源的远近距离,调整发光和反光图形的亮度,使画面更为整体统一,效果更为生动逼真。
图1-30 制作按钮反光效果
(12)参照图1-31所示在按钮上面绘制三角形并调整,完成一个按钮的制作,然后将制作的按钮图形群组。
图1-31 制作按钮完成效果
(13)使用工具箱中的 “交互式阴影”工具,为按钮添加阴影效果,如图1-32所示。
图1-32 添加阴影效果
(14)将按钮图形再制,参照图1-33所示分别调整按钮的位置与大小。
图1-33 再制按钮并调整按钮位置
(15)使用 “矩形”工具,参照图1-34所示绘制圆角矩形,并分别设置其边角圆滑度和轮廓色。
图1-34 绘制圆角矩形
(16)继续使用 “矩形”工具,在播放器底部绘制一个边角圆滑度为100的矩形,按下<F11>键打开“渐变填充方式”对话框,参照图1-35所示设置对话框,为矩形添加渐变填充效果,完成后取消对矩形的轮廓填充。
提示:准确合理的使用填充渐变效果,同样可以使用图形产生细腻、光滑的金属质感。
图1-35 绘制圆角矩形并填充渐变
(17)将填充渐变的矩形原位置再制,填充为白色。接着使用 “交互式透明”工具为它添加透明效果,制作按钮的反光效果。然后将制作的按钮群组,并为其添加阴影效果,如图1-36所示。
图1-36 添加透明效果和阴影效果
(18)将按钮再制,参照图1-37所示调整按钮的位置。
图1-37 再制按钮并调整位置
(19)接下来在播放器顶部绘制一个填充颜色为白色的圆角矩形,接着将其再制填充为黑色,并与白色图形错位摆放,制作出音量调节杆图形,如图1-38所示。
图1-38 绘制圆角矩形
(20)参照图1-39所示在音量调节杆上面制作一个按钮图形。
图1-39 制作按钮
(21)参照图1-40所示在播放器左下角制作出录音孔图形。完成之后使用相同操作方法,在播放器右下角制作装饰图形。
图1-40 绘制图形