天下网吧 >> 网吧天地 >> 网吧技术 >> 网吧软件 >> 正文

注重细节!PS打造Web2.0风格按钮

2010-4-15PS真功夫佚名

div id="ArticleCnt">

  第四步:

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

注重细节!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

本文来源:PS真功夫 作者:佚名

声明
声明:本站所发表的文章、评论及图片仅代表作者本人观点,与本站立场无关。文章是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 Email:support@txwb.com,系统开号,技术支持,服务联系微信:_WX_1_本站所有有注明来源为天下网吧或天下网吧论坛的原创作品,各位转载时请注明来源链接!
天下网吧·网吧天下
  • 本周热门
  • 本月热门
  • 阅读排行