PS图象处理软件制作的3D质感的网页按钮
最终按钮效果如下:特定按钮颜色可以在生产时调整。
首先,打开PS图象处理软件后,建立一个新的文件。
使用圆角矩形工具,您可以随意选择颜色,因为您可以在顶部设置圆角矩形颜色。
设置其参数上红色,如对# d32424下角矩形图。
一旦圆角矩形图层复制,点击鼠标右键复制图层,选择栅格化图层,使形状和轮廓可以转化为像素图。同一层也是光栅(光栅层的像素图我们常说的)。
上面的圆角矩形命名为按钮顶部
两层的位置被调整,底层移动到10个像素(在Shift +下),结果如下:
现在我们对3D按钮的顶层进行可视化修改。我们先按住CTRL点选上面的层,使它处于选定状态的选择,然后按选择>修改>收缩,并设置1px下来。然后我们使用工具栏的加深工具,设置参数如下:
按下选定图层上的Shift,然后从左向右使用它。
然后我们为上层添加图层样式,如下图
在图层下面向图层添加图层样式
完成效果如下,初步实现了三维立体效果。
现在我们开始制作三维立体效果的普通光效应。首先,使用画笔设置如下
确保ps中的前景和背景颜色是白色和黑色,然后使用钢笔工具确保选择路径,如下所示。
创建一个新层并用钢笔工具在下图中画两个点。
钢笔路径右击选择笔画路径,然后选择画笔并检查模拟压力。
然后,单击路径上的鼠标右键,选择删除路径
然后为按钮设置一些灯光效果,选择点亮工具再指向按钮的顶层大约两次,记住不要点太多,太多的点会显得很难看。
最后一步,我们使用深化工具,设置如下:
在较低按钮层两侧加深一行。
整体看按钮效果,不是立体感。
最后,只要添加光线和文字,一个漂亮的按钮就可以了。