PS教程!手把手教你绘制一枚锤子浏览器图标

编者按:今天的图标教程适合新手临摹,效果是美到爆的Smartisan 浏览器图标。教程过程细致,参数明了,涉及多个快捷键技巧,非常值得练习 >>>

最终效果:

PS教程!手把手教你绘制一枚锤子浏览器图标

教程开始,第一步新建,500*500画布 拉个白到灰的径向渐变。

PS教程!手把手教你绘制一枚锤子浏览器图标

 

椭圆工具拉个300*300的圆居中对齐填充灰色。

PS教程!手把手教你绘制一枚锤子浏览器图标

添加图层样式。

PS教程!手把手教你绘制一枚锤子浏览器图标

PS教程!手把手教你绘制一枚锤子浏览器图标

PS教程!手把手教你绘制一枚锤子浏览器图标

再画一个较小的圆形。

PS教程!手把手教你绘制一枚锤子浏览器图标

添加图层样式:内阴影和投影。

PS教程!手把手教你绘制一枚锤子浏览器图标

PS教程!手把手教你绘制一枚锤子浏览器图标

复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl+t按住alt+shift同比缩小2到4px左右。

PS教程!手把手教你绘制一枚锤子浏览器图标

给黑圆添加渐变,注意是角度渐变。

PS教程!手把手教你绘制一枚锤子浏览器图标

添加渐变后的样子。

PS教程!手把手教你绘制一枚锤子浏览器图标

椭圆工具再画一个圆,放在上面。

PS教程!手把手教你绘制一枚锤子浏览器图标

添加图层样式。

PS教程!手把手教你绘制一枚锤子浏览器图标

PS教程!手把手教你绘制一枚锤子浏览器图标

复制刚刚添加图层样式的圆形,清除图层样式,稍微放大2个像素左右。

PS教程!手把手教你绘制一枚锤子浏览器图标

再来添加图层样式。

PS教程!手把手教你绘制一枚锤子浏览器图标

PS教程!手把手教你绘制一枚锤子浏览器图标

 

PS教程!手把手教你绘制一枚锤子浏览器图标

再画一个同等大小的。

PS教程!手把手教你绘制一枚锤子浏览器图标

 

羽化一下调整下透明度。

PS教程!手把手教你绘制一枚锤子浏览器图标

放在这个位置做为投影。

PS教程!手把手教你绘制一枚锤子浏览器图标

找到只添加蓝色渐变的那个图层,右键转为智能对象。

PS教程!手把手教你绘制一枚锤子浏览器图标

PS教程!手把手教你绘制一枚锤子浏览器图标

ctrl+t,输入20°

PS教程!手把手教你绘制一枚锤子浏览器图标

画一个圆,大小自己感觉,能对上最好,填充相同的颜色。

PS教程!手把手教你绘制一枚锤子浏览器图标

放在接口处慢慢调整对齐。

PS教程!手把手教你绘制一枚锤子浏览器图标

效果如下:

PS教程!手把手教你绘制一枚锤子浏览器图标

找到接口的圆图层和渐变的圆形图层,Ctrl+E合并。

PS教程!手把手教你绘制一枚锤子浏览器图标

最后一步给合并的图层添加内阴影。

PS教程!手把手教你绘制一枚锤子浏览器图标

教程结束,最终效果:

PS教程!手把手教你绘制一枚锤子浏览器图标

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

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

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

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

作者:看不见的敌人28

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

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

PS教程!手把手教你绘制一枚锤子浏览器图标

收藏 5
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。