2.5 时尚播放器
文件路径 第2章\时尚播放器
难易指数 ★★★☆☆
技术掌握
●文本工具
●矩形工具
●椭圆形工具
扫码深度学习
操作思路
本案例讲解如何制作时尚播放器。首先使用矩形工具制作背景图案，再使用钢笔工具绘制出上下两个三角形及彩色多边形的条纹；接着绘制不同大小的带有透明度的正圆形，放置在画面合适的位置上，并导入素材图片；然后使用文本工具输入合适的文字，制作不同的按钮放置在素材的下方，完成效果。
案例效果
案例效果如图2-86所示。
图2-86
实例013 制作背景部分
操作步骤
01 执行菜单“文件＞新建”命令，在弹出的“创建新文档”对话框中设置“宽度”为298.0mm、“高度”为168.0mm，单击“横向”按钮，设置完成后单击“确定”按钮，即可创建一个空白新文档，如图2-87所示。
图2-87
02 选择工具箱中的矩形工具，在画面中绘制一个与画板等大的矩形，如图2-88所示。选中该矩形，展开右侧调色板，然后左键单击紫色为该矩形填充颜色，右键单击
按钮，去掉轮廓色，如图2-89所示。
图2-88
图2-89
03 选择工具箱中的钢笔工具，在画面的左上角绘制一个三角形，如图2-90所示。选中该三角形，展开右侧调色板，然后左键单击浅紫色为该矩形填充颜色，右键单击按钮，去掉轮廓色。效果如图2-91所示。
图2-90
图2-91
04 接着选中三角形，按住Ctrl键的同时按住鼠标右键向下拖动，释放鼠标右键，在弹出的快捷键中选择“复制”命令，复制一份三角形，如图2-92所示。选中复制出来的三角形，单击属性栏中的“垂直镜像”按钮，此时效果如图2-93所示。然后单击属性栏中的“水平镜像”按钮，将该三角形移动至画面的右下方，效果如图2-94所示。
图2-92
图2-93
图2-94
实例014 条形装饰与圆形装饰
操作步骤
01 继续选择工具箱中的钢笔工具，在画面中绘制一个多边形，如图2-95所示。选中该多边形，在调色板中右键单击按钮，去掉轮廓色。左键单击蓝色按钮为多边形填充蓝色，如图2-96所示。
图2-95
图2-96
02 使用同样的方法，制作出其他的多边形，并摆放至合适的位置，效果如图2-97所示。
图2-97
03 选择工具箱中的椭圆形工具，在画面的左侧按住Ctrl键并按住鼠标左键拖动绘制一个正圆形，接着展开右侧调色板，然后左键单击白色按钮为圆形填充颜色，右键单击按钮，去掉轮廓色，如图2-98所示。选中白色正圆形，选择工具箱中的透明度工具，在属性栏中单击“均匀透明度”按钮，设置“透明度”为70，效果如图2-99所示。
图2-98
图2-99
04 使用同样的方法，在画面中绘制其他的正圆形，并调整至合适的位置，如图2-100所示。背景部分制作完成，效果如图2-101所示。
图2-100
图2-101
实例015 制作时尚播放器的主体部分
操作步骤
01 选择工具箱中的矩形工具，在画面中绘制一个矩形，展开右侧调色板，左键单击灰色按钮为矩形填充灰色，右键单击按钮，去掉轮廓色，如图2-102所示。
图2-102
02 执行菜单“文件＞导入”命令，在弹出的“导入”菜单中单击选择要导入的素材“1.jpg”，然后单击“导入”按钮，如图2-103所示。接着在画面中按住鼠标左键向右下角拖动导入对象并控制其大小，如图2-104所示。调整其位置，效果如图2-105所示。
图2-103
图2-104
图2-105
03 接着将导入的素材移动到工作区以外的地方待用。继续使用工具箱中的矩形工具在灰色矩形上方绘制一个稍小的白色矩形，如图2-106所示。
图2-106
04 使用鼠标右键单击刚刚导入的素材图片，在弹出的快捷菜单中选择“PowerClip内部”命令，如图2-107所示。当光标变成黑色粗箭头时，单击刚刚绘制的白色矩形，即可实现位图的剪贴效果，如图2-108所示。
图2-107
图2-108
05 如果需要调整，可以在矩形下方的悬浮栏中单击“编辑PowerClip”按钮，如图2-109所示。调整素材位置完成后，单击“停止编辑内容”按钮，如图2-110所示。此时画面效果如图2-111所示。
图2-109
图2-110
图2-111
实例016 添加文字元素
操作步骤
01 添加文字效果。选择工具箱中的文本工具，在上方三角形中单击鼠标左键，建立文字输入的起始点，在属性栏中设置合适的字体、字体大小，然后在画面中输入相应的文字，并在右侧调色板中左键单击白色按钮，更改文字颜色，如图2-112所示。在使用文本工具的状态下，在第一个字母后方单击插入光标，然后按住鼠标左键向前拖动，使第一个字母被选中，在属性栏中更改“字号”为36pt，如图2-113所示。
图2-112
图2-113
02 双击该文字进入到旋转状态，然后按住鼠标左键拖动控制点将其进行旋转，使之与三角形一边平行，效果如图2-114所示。
图2-114
03 继续使用同样的方法，输入其他文字，调整字体、字体大小，摆放在合适的位置上，如图2-115所示。
图2-115
实例017 制作播放器控件
操作步骤
01 制作素材下方的按钮。继续使用工具箱中的椭圆形工具在素材的左下方绘制一个无轮廓的10%黑色正圆，如图2-116所示。然后选择工具箱中的矩形工具，在浅蓝色正圆的上方绘制一个无轮廓的紫色矩形，如图2-117所示。
图2-116
图2-117
02 选择工具箱中的钢笔工具，在矩形的左侧绘制一个三角形，如图2-118所示。选中该三角形，左键单击右侧调色板中的紫色按钮为其添加颜色，接着在调色板的上方右键单击按钮，去掉轮廓色，如图2-119所示。
图2-118
图2-119
03 继续使用同样的方法，在素材的下方绘制出其他按钮，效果如图2-120所示。
图2-120
04 选择工具箱中的矩形工具，在按钮的右侧绘制一个无轮廓的狭长白色矩形，如图2-121所示。使用同样的方法，在狭长矩形的上方绘制一个小的无轮廓白色矩形，如图2-122所示。最终完成效果如图2-123所示。
图2-121
图2-122
图2-123
技术速查：星形工具
（星形工具）可以绘制不同边数、不同锐度的星形。选择工具箱中的星形工具，在属性栏中设置合适的“点数或边数”以及“锐度”，然后在绘制区按住鼠标左键并拖动，确定星形的大小后释放鼠标左键，如图2-124所示。
图2-124
点数或边数：属性栏中设置星形的“点数或边数”，数值越大星形的角越多。
锐度：设置星形上每个角的“锐度”，数值越大每个角也就越尖，如图2-125所示。
图2-125