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

 时间:2024-09-22 09:42:50

本经验我们将学习使用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立体质感网页按钮

PS中如何制作内斜面和浮雕效果(82) PS旋转扭曲滤镜的简单使用 PS教程:后期修图对乱头发抠出来 PS建立选区的方法总结 ps制作双色文字教程
热门搜索
宝骏730图片 消防安全漫画 头癣图片 会长是女仆大人动漫 冬之蝉漫画