PS样式制作的彩色质感网页按钮教程

10/11/2015来源:Photoshop教程人气:2154

PS样式制作的彩色质感网页按钮教程 三联教程

  1)photoshop教程 运行Photoshop CS5,执行“文件”→“新建”命令,新建“按钮”文档。

按此在新窗口浏览图片

  2)选择“圆角矩形”工具进行绘制。

按此在新窗口浏览图片

  3)选择“多边形”工具绘制出三角形,并与之前的圆角矩形组合。

按此在新窗口浏览图片

按此在新窗口浏览图片

  4)切换到“路径”调板将路径作为选区载入。

按此在新窗口浏览图片

  5)切换回“图层”调板,新建“图层 1”并填充蓝色。

按此在新窗口浏览图片

  6)为“图层 1”添加图层样式“投影”效果。

按此在新窗口浏览图片

  7)新建“图层 2”为其填充深蓝色并取消选区选择状态。

按此在新窗口浏览图片

  8)选择“橡皮擦”工具在视图中进行擦除。

按此在新窗口浏览图片

  9)复制“图层 2”,更改填充为“0%”,并为其添加图层样式。

按此在新窗口浏览图片
按此在新窗口浏览图片

  10)选择“椭圆选框”工具,绘制出选区。

按此在新窗口浏览图片

  11)新建“图层 3”,执行“选择”→“反向”命令,填充白色。

按此在新窗口浏览图片

  12)将之前的路径载入选区,反选并删除。

按此在新窗口浏览图片

  13)执行“滤镜”→“模糊”→“高斯模糊”命令。

按此在新窗口浏览图片

  14)为“图层 3”添加图层样式。

按此在新窗口浏览图片

  15)更改背景图层颜色。

按此在新窗口浏览图片
按此在新窗口浏览图片

  16)对“图层 2”、“图层 2 副本”和“图层 3”进行移动。

按此在新窗口浏览图片

  17)添加文字和阴影,完成按钮的制作。

按此在新窗口浏览图片

  18)使用相同方法可以绘制出多个不同按钮。

按此在新窗口浏览图片