当前位置: 首页 > 设计教程 > 网页设计教程 > 用PS制作炫目的联系我们按钮(2)

用PS制作炫目的联系我们按钮(2)

4.现在让我们为按钮增加些阴影和高光。在“button bg”上一层新建图层,使用矩形工具绘制矩形选区并填充深灰色。

Photoshop制作炫目的联系我们按钮

把该图层命名为“shadow”,“滤镜-模糊-高斯模糊”,半径设为13px,确保此时图层不存在任何选区。

Photoshop制作炫目的联系我们按钮

Ctrl+T调整投影大小,图层不透明度设为30%,你将获得如下效果:

Photoshop制作炫目的联系我们按钮

新建图层,命名为“Highlight”,置于所有图层的顶端,混合模式设为“叠加”,使用白色柔角画笔绘制按钮的顶部,如下图:

Photoshop制作炫目的联系我们按钮

复制图层,改变混合模式为“正常”,调整大小,位置略高于按钮的上边缘。如图:

Photoshop制作炫目的联系我们按钮

目前的效果如下:

Photoshop制作炫目的联系我们按钮

5.现在我们为按钮绘制信封。做所有图层顶端新建图层,使用矩形工具绘制如图所示白色矩形:

Photoshop制作炫目的联系我们按钮

把该图层命名为“envelope”并应用如下图层样式:

投影

Photoshop制作炫目的联系我们按钮

外发光

Photoshop制作炫目的联系我们按钮

描边

Photoshop制作炫目的联系我们按钮

目前的效果:

Photoshop制作炫目的联系我们按钮

  • 共4页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 下一页
  • 上一篇:网页PNG标签:PS制作质感的网页PNG标签教程
    下一篇:Photoshop设计简洁的iphone网站首页布局

    图集推荐

    • 灵感
    • 美图