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  绘制图形