WEB开发网
开发学院图形图像PhotoShop Photoshop制作质感3D网页按钮 阅读

Photoshop制作质感3D网页按钮

 2009-03-09 19:32:27 来源:WEB开发网   
核心提示:本文的质感3D按钮效果十分出色,作为设计UI或质感界面的学习教程再好不过了,Photoshop制作质感3D网页按钮,先看看效果:设计与制作过程如下:开始前老样子先在PS里新建一个文件,设置如下图使用圆角矩形工具,在复制出的图层上按鼠标右键,选择栅格化图层,这里颜色你可以随意,因为你可以在顶部设置圆角矩形的颜色在顶部设置

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

Photoshop制作质感3D网页按钮

设计与制作过程如下:

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

Photoshop制作质感3D网页按钮

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

Photoshop制作质感3D网页按钮

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

Photoshop制作质感3D网页按钮

图片看不清楚?请点击这里查看原图(大图)。

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

Photoshop制作质感3D网页按钮

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

1 2 3 4  下一页

Tags:Photoshop 制作 质感

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接