Photoshop绘制圆形质感的播放器界面教程
本教程主要使用photoshop绘制时尚的圆形播放器UI图标，今天这篇教程适合新手练习，重点是帮同学们深入理解图层样式的运用，喜欢的朋友跟着教程一起来学习吧。先看看效果图
http://www.06ps.com/d/file/2015/0512/20150512082219623.jpg
第一步：新建画布，大小自定，填充一个淡色。
http://www.06ps.com/d/file/2015/0512/20150512082220127.jpg
第二步：画一个圆形，大小自定，填充如下。
http://www.06ps.com/d/file/2015/0512/20150512082220650.jpg
接上边的数值。
http://www.06ps.com/d/file/2015/0512/20150512082221126.jpg
http://www.06ps.com/d/file/2015/0512/20150512082222308.jpg
http://www.06ps.com/d/file/2015/0512/20150512082223167.jpg
第三步：复制底圆，然后Ctrl+T，调整他的大小，添加图层样式。
http://www.06ps.com/d/file/2015/0512/20150512082224918.jpg
接上数值：
http://www.06ps.com/d/file/2015/0512/20150512082225625.jpg
http://www.06ps.com/d/file/2015/0512/20150512082226395.jpg
http://www.06ps.com/d/file/2015/0512/20150512082227818.jpg
第四步：再画一个圆形，调整大小位置。
http://www.06ps.com/d/file/2015/0512/20150512082228146.jpg
图层样式数值。
http://www.06ps.com/d/file/2015/0512/20150512082229907.jpg
http://www.06ps.com/d/file/2015/0512/20150512082230765.jpg
http://www.06ps.com/d/file/2015/0512/20150512082231612.jpg
第五步：再画一个圆形，加渐变效果。
http://www.06ps.com/d/file/2015/0512/20150512082232556.jpg
渐变数值：
http://www.06ps.com/d/file/2015/0512/20150512082233449.jpg
第六步：画一个三角形，填充自己喜爱的颜色，添加样式。
http://www.06ps.com/d/file/2015/0512/20150512082234395.jpg
http://www.06ps.com/d/file/2015/0512/20150512082234604.jpg
第七步：画一个这样的圆环。
http://www.06ps.com/d/file/2015/0512/20150512082235129.jpg
第八步：处理一下 加上图层样式，让他有点立体的感觉，尾部擦一下。
http://www.06ps.com/d/file/2015/0512/20150512082236167.jpg
数值：
http://www.06ps.com/d/file/2015/0512/20150512082237313.jpg
第九步：右下角画一个这样的，方法参照上面的。
http://www.06ps.com/d/file/2015/0512/20150512082238112.jpg
第十步：再画一个放在左边。
http://www.06ps.com/d/file/2015/0512/20150512082239713.jpg
第十一步：在两个圆之间添加一个圆环，颜色自己调整，一些细节上自己再调整一下。
http://www.06ps.com/d/file/2015/0512/20150512082240775.jpg
第十二步：在黄色圆环上添加文字，在文字上添加图层样式，打造一种立体的感觉。
http://www.06ps.com/d/file/2015/0512/20150512082241786.jpg
最终效果：
http://www.06ps.com/d/file/2015/0512/20150512082219623.jpg
页:
[1]