PS制作质感Web2.0样式网页按钮的教程插图

PS制作质感Web2.0样式网页按钮的教程

作者:佚名 出处: 新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。 此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标变换选区 选择渐变工具,样式为线

Photoshop教程:制作白边水晶按钮(5)插图

Photoshop教程:制作白边水晶按钮(5)

Photoshop教程:制作白边水晶按钮(1) 作者:Sener来源 :PS联盟 来源:PS联盟 作者:Sener 本教程介绍网页常用水晶按钮的制作方法,思路:制作方法跟平时做的水晶按钮一样,需要注意光感及细节的调节,颜色及背景可以

广告位
Photoshop教程:制作白边水晶按钮(2)插图

Photoshop教程:制作白边水晶按钮(2)

3.把圆角矩形复制一份,回到原圆角矩形这层,双击图层调出图层样式,选择描边数值为6,颜色为白色如图2,确定后新建一个空白图层,把描边后的图层与空白图层合并,再双击图层调出图层样式,参数设置如图3,效果如图

Photoshop教程:制作白边水晶按钮(4)插图

Photoshop教程:制作白边水晶按钮(4)

7.选择渐变工具颜色设置如图11,然后在绘制图12所示的线性渐变。总体效果如图13。 图11 图12 图13 8.调出圆角矩形的选区,新建一个图层填充颜色:#C5B564,选择橡皮工具,只保留由边一小部分,其它的地方都擦锄,效

Photoshop教程:制作白边水晶按钮(3)插图

Photoshop教程:制作白边水晶按钮(3)

4.回到圆角矩形副本层,双击图层调出图层样式,参数设置如图5,6。确定后选择椭圆选框工具在圆角矩形的左边绘制一个正圆,然后按Delete删除,效果如图7。 图5 图6 图7 5.如图8所示锁定图层。 图8 6.选择矩形选框工

photoshop绘制碳纤维风格的网页导航按钮(3)插图

photoshop绘制碳纤维风格的网页导航按钮(3)

制作背景 新建1200 x 600px,透明背景的文档。设置前景色为#bebebf,背景色为#d2d2d2。 选取渐变工具从画布头部到底部进行线性渐变。 使用如下设置添加杂色滤镜(滤镜- 杂色- 添加杂色) 接着添加模糊滤镜(滤镜-

photoshop绘制碳纤维风格的网页导航按钮(2)插图

photoshop绘制碳纤维风格的网页导航按钮(2)

创建导航球 选取椭圆选框工具,新建图层,在第一个链接上方拖出一小型椭圆。如下所示: 选取渐变工具,在上述的椭圆选区中拖出一个从黑(#000000)到灰(#828282)的线性渐变。如下所示: 再一次使用椭圆选框工具,

网页按钮,设计常见网页按钮实例(2)插图

网页按钮,设计常见网页按钮实例(2)

现在让按钮从背景中突显出来,添加1 px描边,颜色为深蓝色(#0b2258)。 为了增加按钮立体感,添加一个1像素内发光。颜色为白色(#FFFFFF),减少不透明度到30%。 现在给按键添加杂色,新建图层,按ctrl+图层蒙版缩略图

网页按钮,设计常见网页按钮实例(3)插图

网页按钮,设计常见网页按钮实例(3)

新建图层,按ctrl+图层蒙版缩略图,选择油漆桶工具,填充颜色为白色(#FFFFFF)。按ctrl+d取消选区。 现在开始创建漂亮的灯光效果,选择矩形工具,选中按钮的一半。按delete键删除选区,设置图层的不透明度不10%。 添

Photoshop制作非常有质感的彩色金属按钮(10)插图

Photoshop制作非常有质感的彩色金属按钮(10)

本教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造,由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。 最终效果 1、新

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部