当前位置:主页 > PS教程 > 设计教程 >

PS设计时尚质感的播放器图标(2)

  • 2021-05-03 22:33
  • 来源/作者:百度贴吧/P大点S
  • 己被围观

8、接下来,我们画出中间的那个播放按纽,同样的,还是使用椭圆工具,画一个180*180像素的正圆,颜色还是无所谓,我们会使用图层样式来得到我们需要

8、接下来,我们画出中间的那个播放按纽,同样的,还是使用椭圆工具,画一个180*180像素的正圆,颜色还是无所谓,我们会使用图层样式来得到我们需要的颜色。图层样式设置如下。

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

9、当然,别忘了,到目前为止,要把所有的圆的形状都需要居中对齐一下,目前我们得到如下效果。

Photoshop设计时尚质感的播放器图标

10、用圆角矩形工具画一个130*75像素的圆角矩形,圆角的角度默认就行,圆角矩形的颜色也无所谓,一会我们用图层样式来更改它的颜色。圆角矩形的位置摆放无所谓,我们等会可以再调整。

Photoshop设计时尚质感的播放器图标

11、选择圆角矩形图层,执行“编辑—变形”,将变形的模式设置为“扇形”,弯曲设置为“45度”,我们将得到如下的效果。

Photoshop设计时尚质感的播放器图标

12、扇形有了,接下来就简单了,首先先微调一下扇形的位置,让其基本上处于我们最中间的播放按纽和内圆组成的圆环的中心位置。 然后选择住扇形图层,CTRL+T,设置中心点为画布的中心,设置旋转角度为90度,应用。 CTRL+ALT+SHIFT+T,得到四个扇形。

Photoshop设计时尚质感的播放器图标

13、下面我们为四个扇形按纽设置图层样式。首先我们为最上面的按纽设置图层样式,我将其命名为“增加音量按纽”,因为等会我想给它分配的功能按键就是增加音量。图层样式设置如下。

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

14、下面,我们来设置右侧按纽的图层样式。

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

15、设置下方按纽的图层样式。

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

16、接下来,我们设置左侧按纽的图层样式。

Photoshop设计时尚质感的播放器图标

Photoshop设计时尚质感的播放器图标

17、四个按纽的图层样式都搞定了,来看看我们现在的效果。

Photoshop设计时尚质感的播放器图标

(责任编辑:xiaochuan)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

标签(TAG) PS教程 UI设计 图标设计 

更多精彩内容

  • <font color='#FF0000'>Ps制作照片逼真投影</font> Ps制作照片逼真投影
  • <strong>如何在ps中创建令人敬畏的</strong> 如何在ps中创建令人敬畏的
  • <strong>ps去除水印</strong> ps去除水印
  • <strong>ps惊人新功能、自动着色、</strong> ps惊人新功能、自动着色、