播放图标设计虽然看似简单,但要做出独特和出色的效果还是需要一番功夫的。我们需要注重造型设计的独特性,为此可以寻找各种实物图作为参考灵感。接下来,绘制出线稿图并分层处理,这样能够更好地掌控图标结构。为图标上色时,运用图层样式可以增添质感,让图标更加生动。
一、设计前,我首先找来了一个古董级MP3作为参考,观察其播放图标的布局和结构。
二、经过考虑,我决定将一体式按键改造为五个独立按键,以营造更强的科技感。我为此绘制了一个简单的草图。
三、新建文档尺寸为1000600像素,设置前景色为白色ffffff,背景色为cfcfcf。使用渐变工具创建白色至浅灰色的渐变效果。
四、接下来,为增强背景的质感,添加一些杂色。通过“滤镜-杂色-添加杂色”功能,设置杂色数量为1%,选择高斯分布,并勾选单色。
五、开始构建图标的基本轮廓,使用椭圆工具绘制一个450450像素的正圆,命名为“外圆”。
六、为“外圆”添加图层样式,使其更具质感。
七、再绘制一个400400像素的圆,命名为“内圆”。稍后我们会通过图层样式调整其颜色。
八、紧接着,绘制中间的播放按钮,使用椭圆工具绘制一个180180像素的正圆。同样,颜色暂时不重要,我们将通过图层样式来设置。
九、确保所有圆形元素居中对齐,至此我们得到了初步的效果。
十、使用圆角矩形工具绘制一个13075像素的圆角矩形,调整圆角角度并稍后通过图层样式更改颜色。
十一、对圆角矩形进行变形处理,调整其形状为扇形,并微调位置,使其位于播放按钮和“内圆”组成的圆环中心。接着,复制扇形并旋转90度,得到四个扇形按钮。
十二至二十步描述了为每个按钮和图标设置图层样式的详细过程。
二十一、为增加图标的丰富性,我们在最外层的圆环部分添加颜色,如进度条等。使用钢笔画出形状,并将其置于“外圆”与“内圆”之间,创建剪贴蒙版,选择喜欢的颜色填充。