当前位置: 主页 > 平面设计 > PS教程 > Photoshop绘制灰色风格的播放器按键图标设计教程

Photoshop绘制灰色风格的播放器按键图标设计教程

  • 2021-08-18
  • 来源/作者: 站酷/ 全栈UI笔记
  • 20 次浏览

最终效果:

<a href=http://www.06ps.com/ target=_blank class=infotextkey>photoshop</a>绘制灰色风格的播放器按键<a href=/photoshop/tubiao/ target=_blank class=infotextkey>图标</a>,PS教程,

下面开始教程

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤一:首先新建画布500px*500px画布,命名为按键,填充背景颜#d0d0d0。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤二:使用椭圆工具绘制二个正圆,大小分别为400px*400px、345px*345px将两个形状图层合并形状,使用路径选择工具单击选中内圆,并减去顶层形状,操作完成后命名为外圆,添加图层样式。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤三:复制外圆图层,清除图层样式命名为蓝圆,并添加新的图层样式。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤四:继续复制外圆图层命名为灰圆,将颜色改为#c8c8c8添加新的图层样式

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤五:现在用矩形选框工具绘制到需要遮挡的位置,之后为灰圆添加图层蒙版,为蒙版填充黑色。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤六:现在我们来绘制按键部分,使用椭圆工具绘制二个正圆,大小分别295px*295px、172px*172px将两个形状图层合并形状,使用小黑工具单击选中内圆,并减去顶层形状。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤七:现在继续使用布尔运算按住alt键当箭头出现“-”号绘制矩形,剪切不需要的地方。右侧方法操作一样绘制完成后合并形状组件。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤八:现在继续绘制按键,选择合并形状,绘制两个正圆,选择添加锚点工具,在圆的两侧位置添加俩个锚点,选择直接选择工具,选中锚点,将锚点移动到合适位置,其他三角操作方式相同。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

步骤九:现在给按键图层添加图层样式,并命名为顶部按键。

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

Photoshop绘制灰色风格的播放器按键图标,PS教程,

标签(TAG) 图标设计   图标