当前位置: 电脑软硬件应用网 > 设计学院 > 图像处理 > 正文
[组图]Photoshop图层样式制作精美的网页按钮
Photoshop图层样式制作精美的网页按钮
2011-1-23 13:42:20  文/河马   出处:IT世界软件   

  这是一篇photoshop按钮制作教程,教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果,大家一起来动手制作吧。

  先看效果图。

Photoshop图层样式制作精美的网页按钮

  1、新建文档,尺寸自定,背景白色,建新层,画一黑色圆角矩形。

Photoshop图层样式制作精美的网页按钮

  2、分别添加投影、描边这两个图层样式。

Photoshop图层样式制作精美的网页按钮

Photoshop图层样式制作精美的网页按钮

  效果如下图所示。

Photoshop图层样式制作精美的网页按钮

  3、创建一个新图层,使用圆角矩形工具制作一个小一点的白色矩形,你可以使用自由变换调整它的大小和位置,如图所示。

Photoshop图层样式制作精美的网页按钮

  4、为白色的圆角矩形添加投影、内阴影、渐变叠加和描边这几种图层样式,如图所示。

Photoshop图层样式制作精美的网页按钮

Photoshop图层样式制作精美的网页按钮

Photoshop图层样式制作精美的网页按钮

  效果如下图所示。

Photoshop图层样式制作精美的网页按钮

  5、新建一个图层,按下Ctrl键单击白色矩形图层的缩略图载入选区,并填充黑色,然后用钢笔工具制作出下图所示的路径,然后按Ctrl+Enter把选区转化为路径,再添加一个图层蒙版,如图所示。

Photoshop图层样式制作精美的网页按钮

  6、设置图层混合模式为“柔光”,不透明度为70%,如图所示。

Photoshop图层样式制作精美的网页按钮

  8、背景填充黑色,然后使用文字工具输入一些文字,并为文字图层添加外发光图层样式,如图所示。

Photoshop图层样式制作精美的网页按钮

  9、多复制几个按钮,并添加不同的文字,最终效果如下图所示。

Photoshop图层样式制作精美的网页按钮
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 最新热点 最新推荐 相关文章
    Photoshop制作海湾绚丽的日落景色
    Photoshop教程快速美白美女的皮肤
    电脑没装Photoshop不要紧 这货在线很…
    Photoshop无法替代的滤镜-几种实用的…
    Photoshop制作一款可爱的奶牛文字
    Photoshop基础教程:快速给雪景图片…
    Photoshop制作漂亮的折纸文字
    Photoshop CS5为照片增添油画效果
    Photoshop打造超酷的光影风格舞者海…
    Photoshop打造梦幻飘逸的古典仿手绘…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号