优设网-UISDC.COM

编者按：今天的教程是绘制一枚质感逼真的的播放器图标。教程难度中下，适合有基础的同学进阶学习，重点依然是图层样式的运用，练手戳 >>>

最终效果图：

新建一个600*600画布。

来个白到灰的径向渐变。

椭圆工具画个300*300的圆。

直接选择工具选中这两个点。

右键，自由变换点，在箭头标注的W位置输入80。

重复上一步骤，选中上面两个点，在H位置输入80。

居中下，调整下大小自己感觉合适即可。

给调整好的圆角矩形添加图层样式，投影，渐变叠加。内阴影，斜面浮雕。

调整图层样式后的圆角矩形变的更有立体感。

画一个圆大小自定，用渐变叠加调处金属质感。

接着添加斜面浮雕和投影。

再画一个圆。

添加图层样式，先来个渐变叠加。

投影，内阴影，斜面浮雕。

调整后的效果：

ok，这一步来教同学做光碟上的拉丝效果，使它更为逼真，新建图层，拉个圆形套索，填充白色。

滤镜添加杂色。

滤镜径向模糊。

剪辑蒙版。

（有同学反映插入后就不见了，方法是：调出圆形的图层样式，混合选项里，勾上“将内部效果混合成组”勾选掉，把剪贴图层混合成组。就ok了）

模式改为叠加，调整不透明度。

这样拉丝效果就出现了，也更加逼真点。

再画个圆形添加渐变叠加。

把拉丝图层拷贝出来，剪进去，透明度调低点，给它也添加拉丝效果。

再画一个圆形填充红色。

添加图层样式，投影，内阴影（参数可自己调整）。

拷贝拉丝图层剪辑进去。

再画一个圆形，填充淡红色，也添加拉丝效果，即有俩红色圆形。

再画个小圆形填充白色。

添加投影，内阴影。

画个白色小圆放在这个位置，来做支架。

添加渐变叠加和斜面浮雕。

画个白色小圆，添加一像素描边，

支架部分很简单，同学们试着去做下，全都是用形状工具做的。

形状工具入门教程：《超实用！Photoshop基础形状新手入门指南全科普》

搞定后最终效果：

 【2015年最新图标教程合集】

 风格素净非常讨人喜欢的播放器图标：
《PS教程！手把手教你快速打造简约的播放器图标》

两个科幻感风格的扁平化太空图标！
《PS进阶教程！手把手教你绘制扁平风行星与雷达图标》

喂！别忘了给他一个天空（来自有爱的评论串）
《PS初级教程！手把手教你绘制酷炫有型的火箭图标》

作者：看不见的敌人28

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量92万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：