养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何使用Photoshop制作3D立体质感网页按钮

时间:2024-09-22 11:32:33

本经验我们将学习使用Photoshop制作3D立体质感网页按钮

工具/原料

联想小新Pro13

win10

PS2020

方法/步骤

1、PS里新建一个文件

如何使用Photoshop制作3D立体质感网页按钮

2、使用圆角矩形工具,在顶部设置圆角矩形颜色

如何使用Photoshop制作3D立体质感网页按钮

3、在顶部设置它的参数颜色为红色

如何使用Photoshop制作3D立体质感网页按钮

4、颜色为#D32424的圆角矩形制作完成

如何使用Photoshop制作3D立体质感网页按钮

5、将前面的圆角矩形图层复制一次,在复制出的图层上按鼠标右键,选择栅格化图层,同样訇咀喃谆将另一个图层进行栅格化处理

如何使用Photoshop制作3D立体质感网页按钮

6、将上面的圆角矩形命名为ButtonTop,下面的图层命名为ButtonBa衡痕贤伎se,选中底部图层,按ctrl+u设置色相/饱和度参数

如何使用Photoshop制作3D立体质感网页按钮

7、将两个图层的位置进行调整,下面的图层向下移动10像素(按shift+下键)

如何使用Photoshop制作3D立体质感网页按钮

8、先按住ctrl点选上面的图层,使其整个处于选中状态,随后按选择、修改、收缩,设置缩小1px

如何使用Photoshop制作3D立体质感网页按钮

9、用工具栏的加深工具,设置参数

如何使用Photoshop制作3D立体质感网页按钮

10、在选中的图层上按住shift从左向右进行涂抹

如何使用Photoshop制作3D立体质感网页按钮

11、为上面的图层添加设置图层样式

如何使用Photoshop制作3D立体质感网页按钮

12、再为下面的图层添加设置的图层样式

如何使用Photoshop制作3D立体质感网页按钮

13、首先使用设置的笔刷

如何使用Photoshop制作3D立体质感网页按钮

14、前景色与背景色分别为白色与黑色,然后路径下载使用钢笔工具

如何使用Photoshop制作3D立体质感网页按钮

15、新建立图层,用钢笔工具绘制两个点

如何使用Photoshop制作3D立体质感网页按钮

16、再在钢笔路径上按鼠标右键选择描边路径,随后选择画笔并勾选模拟压力

如何使用Photoshop制作3D立体质感网页按钮

17、在路径上按鼠标右键,选择删除路径

如何使用Photoshop制作3D立体质感网页按钮

18、选中减淡工具,使用高光参数

19、随后按钮的上部图层上点大约两次

如何使用Photoshop制作3D立体质感网页按钮

20、使用加深工具进行设置

21、在下部按钮图层的两边制作量条加深的线条

如何使用Photoshop制作3D立体质感网页按钮

22、最后再添加上光感与文字

如何使用Photoshop制作3D立体质感网页按钮

© 一点知识