注重细节!Photoshop打造Web2.0风格按钮
  • PS真功夫
  • 2010年04月12日 10:22
  • 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 | 收藏0