优艾设计网

Photoshop制作3D立体质感网页按钮

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:admin
本文的质感3D按钮效果十分出色,作为设计UI或质感界面的学习教程再好不过了,设计与制作过程如下:

本文的质感3D按钮效果十分出色,作为设计UI或质感界面的学习教程再好不过了,设计与制作过程如下:

开始前老样子先在PS里新建一个文件,设置如下图

Photoshop制作3D立体质感网页按钮

  

使用圆角矩形工具,这里颜色你可以随意,因为你可以在顶部设置圆角矩形的颜色

Photoshop制作3D立体质感网页按钮

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

Photoshop制作3D立体质感网页按钮

如下图颜色为#D32424 的圆角矩形制作完成

Photoshop制作3D立体质感网页按钮

将前面的圆角矩形图层复制一次,在复制出的图层上按鼠标右键,选择栅格化图层,这样将形状图形转化为像素图形。同样将另一个图层进行栅格化处理(栅格化后的图层就是我们常说的像素图)

Photoshop制作3D立体质感网页按钮

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消