当前位置: 主页 > 平面设计 > PS教程 > Photoshop绘制圆形质感的播放器界面教程

Photoshop绘制圆形质感的播放器界面教程

  • 2021-08-18
  • 来源/作者: 优设/ 凉星在
  • 3 次浏览

本教程主要使用photoshop绘制时尚的圆形播放器UI图标,今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,喜欢的朋友跟着教程一起来学习吧。

先看看效果图

Photoshop绘制圆形质感的播放器界面教程,PS教程

第一步:新建画布,大小自定,填充一个淡色。

Photoshop绘制圆形质感的播放器界面教程,PS教程

第二步:画一个圆形,大小自定,填充如下。

Photoshop绘制圆形质感的播放器界面教程,PS教程

接上边的数值。

Photoshop绘制圆形质感的播放器界面教程,PS教程

Photoshop绘制圆形质感的播放器界面教程,PS教程

Photoshop绘制圆形质感的播放器界面教程,PS教程

第三步:复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。

Photoshop绘制圆形质感的播放器界面教程,PS教程

接上数值:

Photoshop绘制圆形质感的播放器界面教程,PS教程

Photoshop绘制圆形质感的播放器界面教程,PS教程

Photoshop绘制圆形质感的播放器界面教程,PS教程

第四步:再画一个圆形,调整大小位置。

Photoshop绘制圆形质感的播放器界面教程,PS教程

图层样式数值。

Photoshop绘制圆形质感的播放器界面教程,PS教程

Photoshop绘制圆形质感的播放器界面教程,PS教程

Photoshop绘制圆形质感的播放器界面教程,PS教程

第五步:再画一个圆形,加渐变效果。

Photoshop绘制圆形质感的播放器界面教程,PS教程

渐变数值:

Photoshop绘制圆形质感的播放器界面教程,PS教程

第六步:画一个三角形,填充自己喜爱的颜色,添加样式。

Photoshop绘制圆形质感的播放器界面教程,PS教程

Photoshop绘制圆形质感的播放器界面教程,PS教程

第七步:画一个这样的圆环。

Photoshop绘制圆形质感的播放器界面教程,PS教程

第八步:处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。

Photoshop绘制圆形质感的播放器界面教程,PS教程

数值:

Photoshop绘制圆形质感的播放器界面教程,PS教程

第九步:右下角画一个这样的,方法参照上面的。

Photoshop绘制圆形质感的播放器界面教程,PS教程

第十步:在左边再画一个。

Photoshop绘制圆形质感的播放器界面教程,PS教程