正文内容 评论(0

注重细节!Photoshop打造Web2.0风格按钮
2010-04-12 10:22:09  作者:PS真功夫 编辑:Byrne     评论(0)点击可以复制本篇文章的标题和链接

第四步:

关键是高光和阴影的制作。在按钮下面添加一层,使用矩形选取工具画个阴影:

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

重命名为:“shadow”。影子太生硬了,必须模糊一下。滤镜—高斯模糊—13。

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

按快捷键Ctrl+T调整阴影大小,位置,不透明度30%

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

在按钮图层上面,新添加一层并命名“Highlight”(高光)。设置图层混合模式为:叠加。选择白色笔刷,在按钮上部单击一下。如下图。

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

效果还不是很满意,复制一层,混合模式改回 “正常”,按Ctrl+T改变大小和位置。如下图:

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

效果:

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

第五步:

新建图层,画“信封”图标了。选择矩形选取工具,画出如下图矩形。

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

重命名为“envelope”(信封)。注意步骤:图层样式的设置

投影:

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

外发光: 

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

描边:注意颜色的选择。

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

最终效果:

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

责任编辑:

  • 支持打赏
  • 支持0

  • 反对

  • 打赏

文章价值打分

当前文章打分0 分,共有0人打分
  • 分享好友:
  • |
本文收录在
#双飞燕

  • 热门文章
  • 换一波

  • 好物推荐
  • 换一波

  • 关注我们

  • 微博

    微博:快科技官方

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

    今日头条:快科技

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

    抖音:kkjcn

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