PS教程!手把手教你绘制写实的音乐播放器图标

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

最终效果图:

PS教程!手把手教你绘制写实的音乐播放器图标

新建一个600*600画布。

PS教程!手把手教你绘制写实的音乐播放器图标

来个白到灰的径向渐变。

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

再画一个圆。

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

调整后的效果:

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

滤镜添加杂色。

PS教程!手把手教你绘制写实的音乐播放器图标

滤镜径向模糊。

PS教程!手把手教你绘制写实的音乐播放器图标

剪辑蒙版。

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

PS教程!手把手教你绘制写实的音乐播放器图标

 

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

再画一个圆形填充红色。

PS教程!手把手教你绘制写实的音乐播放器图标

添加图层样式,投影,内阴影(参数可自己调整)。

PS教程!手把手教你绘制写实的音乐播放器图标

拷贝拉丝图层剪辑进去。

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

再画个小圆形填充白色。

PS教程!手把手教你绘制写实的音乐播放器图标

添加投影,内阴影。

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

PS教程!手把手教你绘制写实的音乐播放器图标

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

PS教程!手把手教你绘制写实的音乐播放器图标

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

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

PS教程!手把手教你绘制写实的音乐播放器图标

搞定后最终效果:

PS教程!手把手教你绘制写实的音乐播放器图标

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

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

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

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

作者:看不见的敌人28

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

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

PS教程!手把手教你绘制写实的音乐播放器图标

点赞
收藏 2
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏