优界网

首页 > 教程经验 > PS教程!手把手教你绘制一枚锤子浏览器图标

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

3234

11

66

2015-04-23 13:26:10

〆色計ㄕ╄

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

photoshop-smartisan-browser-icon-1

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

最终效果:

tb2015042015

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

tb201504202

 

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

tb201504204

添加图层样式。

tb201504206

tb201504208

tb2015042010

再画一个较小的圆形。

tb2015042012

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

tb2015042014

tb2015042016

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

tb2015042017

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

tb201504203

添加渐变后的样子。

tb2015042018

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

tb2015042019

添加图层样式。

tb2015042020

tb2015042021

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

tb201504205

再来添加图层样式。

tb2015042022

tb2015042023

 

tb2015042024

再画一个同等大小的。

tb2015042025

 

羽化一下调整下透明度。

tb201504207

放在这个位置做为投影。

tb2015042026

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

tb2015042027

tb2015042028

ctrl+t,输入20°

tb2015042029

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

tb201504209

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

tb2015042011

效果如下:

tb2015042030

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

tb2015042031

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

tb2015042013

教程结束,最终效果:

tb2015042015

已有66人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

全部评论(11)

  • 细数繁华落尽 2015-08-05 22:00:46
    尼玛太好看了,ui菜鸟福音
    11F
  • Απ 2015-07-19 16:37:35
    8楼BB什么?它开头都说了是转载的,抄袭什么?
    10F
  • 无尤 2015-07-04 20:13:24
    真的是太麻烦了。这么做会不会做重复劳动
    9F
  • (*^__^*) 熙 2015-06-10 09:27:28
    这不是优设网的文章吗?你们这样抄袭也是醉了!千图就是靠盗图起家果然没错?! 连banner图都抄!原文地址却删除的一干二净
    8F
  • 似是而非 2015-05-20 16:39:06
    果然是干货,回去试试
    7F
  • 守护者 2015-05-09 14:16:38
    干货 是什么意思啊?
    6F
  • 淩汌·滄 -Chill 2015-05-06 22:26:39
    很痛快 已做了一个 有点像的~
    5F
  • 盛世网络技术 2015-05-06 14:16:02
    圆心没对齐 纠结. ...
    4F
  • darkmam 2015-05-05 14:56:37
    牛逼,很详细,果然是干货。
    3F
  • 天下知传媒 2015-05-04 10:55:51
    牛逼,很详细,果然是干货。
    2F
  • 刚刚
  • 登录优界网 ×