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

psschool · 发表于 2015-5-12 00:00:00

您需要登录才可以下载或查看，没有账号？立即注册

×

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

登录/注册后可看大图

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

登录/注册后可看大图

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

登录/注册后可看大图

接上边的数值。

登录/注册后可看大图

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

登录/注册后可看大图

接上数值：

登录/注册后可看大图

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

登录/注册后可看大图

图层样式数值。

登录/注册后可看大图

第五步：再画一个圆形，加渐变效果。

登录/注册后可看大图

渐变数值：

登录/注册后可看大图

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

登录/注册后可看大图

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

登录/注册后可看大图

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

登录/注册后可看大图

数值：

登录/注册后可看大图

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

登录/注册后可看大图

第十步：再画一个放在左边。

登录/注册后可看大图

第十一步：在两个圆之间添加一个圆环，颜色自己调整，一些细节上自己再调整一下。

登录/注册后可看大图

第十二步：在黄色圆环上添加文字，在文字上添加图层样式，打造一种立体的感觉。

登录/注册后可看大图

最终效果：

登录/注册后可看大图

账号		自动登录	找回密码
密码			立即注册

账号		自动登录	找回密码
密码			立即注册

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