注重细节!Photoshop打造Web2.0风格按钮
  • PS真功夫
  • 2010年04月12日 10:22
  • 0

复制一层,Ctrl+T自由变换,选择垂直翻转。并调节大小如下图:

注重细节!Photoshop打造Web2.0风格按钮 图32

注重细节!Photoshop打造Web2.0风格按钮 图33

记得把这复制的小三角形的图层选项:描边去掉!在大三角和小三角形中间新建一层,做一个小圆选区。我们使用笔刷画一下大三角形投影到小三角形上的阴影。

注重细节!Photoshop打造Web2.0风格按钮 图34

记得使用模糊和调整图层透明度来使阴影柔和。效果:

注重细节!Photoshop打造Web2.0风格按钮 图35

第七步:

添加文字:“Contact Me”(联系我)。最上面提供了字体下载。小注意下颜色。深红色看上去会有点“下陷”的感觉,也方便我们加上图层样式后看上去更真实。

注重细节!Photoshop打造Web2.0风格按钮 图36

内阴影:

注重细节!Photoshop打造Web2.0风格按钮 图37

渐变叠加:

注重细节!Photoshop打造Web2.0风格按钮 图38

描边:

注重细节!Photoshop打造Web2.0风格按钮 图39

等等,最后一个小技巧,看到描边的颜色选择吗?

注重细节!Photoshop打造Web2.0风格按钮 图40

对,选择的颜色比按钮背景色浅一些,为什么?看上去更有“浮雕”效果了!

OK,最终效果图:

注重细节!Photoshop打造Web2.0风格按钮 图41

总结:这是篇简单的教程,对于新手,多练习图层样式就能搞定。还是要说的:细节的处理!颜色的搭配!好了,有哪一步不懂的记得留言!


文章纠错

  • 好文点赞
  • 水文反对
观点发布 网站评论、账号管理说明
热门评论
查看全部评论
相关报道

最热文章排行查看排行详情

邮件订阅

评论0 | 点赞0| 分享0 | 收藏0