正文内容 评论(0

注重细节!Photoshop打造Web2.0风格按钮
2010-04-12 10:22:09  作者:PS真功夫 编辑:Byrne     评论(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人打分
  • 分享好友:
  • |
本文收录在
#双飞燕

  • 热门文章
  • 换一波

  • 好物推荐
  • 换一波

  • 关注我们

  • 微博

    微博:快科技官方

    快科技官方微博
  • 今日头条

    今日头条:快科技

    带来硬件软件、手机数码最快资讯!
  • 抖音

    抖音:kkjcn

    科技快讯、手机开箱、产品体验、应用推荐...