Photoshop设计漂亮前卫的web按钮

时间:2012-07-26 10:26 来源:未知 作者:admin 点击:
:Photoshop设计漂亮前卫的web按钮 本教程介绍如何使用Photoshop绘制时尚质感的的网页按钮,主要通过软件的自定义形状工具和图层样式来完成,下面让我们一起来学习吧。 先看效果图。 新建文档1280x1024像素,背景白色,建新层,填充黑色,添加图层样式。 效果
:Photoshop设计漂亮前卫的web按钮
本教程介绍如何使用Photoshop绘制时尚质感的的网页按钮,主要通过软件的自定义形状工具和图层样式来完成,下面让我们一起来学习吧。

先看效果图。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

新建文档1280x1024像素,背景白色,建新层,填充黑色,添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

建新层,画一个黑色圆角矩形。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

建新层,用钢笔画出下图所示路径,转为选区填充白色,图层模式叠加,不透明度20%,填充75%。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

建新层,用矩形工具做如下选区,填充0082f0,去掉选区用柔角橡皮涂抹两端,产生渐隐的效果。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

建新层,画一黑色箭头。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网
:Photoshop设计漂亮前卫的web按钮

添加图层样式。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

效果如下。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

复制一层缩小,改变渐变叠加的颜色。

Photoshop制作漂亮前卫的web按钮,PS教程,思缘教程网

分享到:
云南新华电脑学校专业职业规划师为你提供更多帮助

相关文章

发表评论
评价:
验证码: 点击我更换图片
咨询中心
咨询电话:0871-68211888,QQ:800068988

在线咨询 预约报名
新华云课堂
电话咨询 顶部