当前位置: 主页 > 平面设计 > PS教程 > 入门基础 > 新手入门 > 应用PS样式制作的彩色质感网页按钮的教程

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

  • 2022-06-08
  • 来源/作者: Ps123.Net    / 腾龙视觉    
  • 10 次浏览

按此在新窗口浏览图片

1)运行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)使用相同方法可以绘制出多个不同按钮。