本教程主要使用Photoshop绘制时尚质感的圆形播放器UI图标方法,今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,喜欢的朋友跟着教程一起来学习吧。
先看看效果图
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054711.jpg)
第一步:新建画布,大小自定,填充一个淡色。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054201.jpg)
第二步:画一个圆形,大小自定,填充如下。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054681.jpg)
接上边的数值。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054691.jpg)
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054971.jpg)
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054151.jpg)
第三步:复制底圆,然后Ctrl+T,调整他的大小,添加图层样式。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054211.jpg)
接上数值:
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054351.jpg)
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054551.jpg)
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054801.jpg)
第四步:再画一个圆形,调整大小位置。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054511.jpg)
图层样式数值。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054841.jpg)
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054951.jpg)
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054401.jpg)
第五步:再画一个圆形,加渐变效果。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054351.jpg)
渐变数值:
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054961.jpg)
第六步:画一个三角形,填充自己喜爱的颜色,添加样式。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054131.jpg)
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054671.jpg)
第七步:画一个这样的圆环。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054101.jpg)
第八步:处理一下 加上图层样式,让他有点立体的感觉,尾部擦一下。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054221.jpg)
数值:
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054691.jpg)
第九步:右下角画一个这样的,方法参照上面的。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054141.jpg)
第十步:再画一个放在左边。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054361.jpg)
第十一步:在两个圆之间添加一个圆环,颜色自己调整,一些细节上自己再调整一下。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054821.jpg)
第十二步:在黄色圆环上添加文字,在文字上添加图层样式,打造一种立体的感觉。
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054161.jpg)
最终效果:
![Photoshop绘制时尚质感的圆形播放器UI图标教程](http://img2.shancun.net/201903/28/125054711.jpg)
以上就是Photoshop绘制时尚质感的圆形播放器UI图标教程,希望大家喜欢!