当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop制作漂亮前卫的web按钮

Photoshop制作漂亮前卫的web按钮

先看效果图。

Photoshop制作漂亮前卫的web按钮

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

Photoshop制作漂亮前卫的web按钮

效果如下。

Photoshop制作漂亮前卫的web按钮

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

Photoshop制作漂亮前卫的web按钮

添加图层样式。

Photoshop制作漂亮前卫的web按钮
Photoshop制作漂亮前卫的web按钮
Photoshop制作漂亮前卫的web按钮

效果如下。

Photoshop制作漂亮前卫的web按钮

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

Photoshop制作漂亮前卫的web按钮

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

Photoshop制作漂亮前卫的web按钮

添加图层样式。

Photoshop制作漂亮前卫的web按钮

效果如下。

Photoshop制作漂亮前卫的web按钮

建新层,画一黑色箭头。

Photoshop制作漂亮前卫的web按钮

Photoshop绘制橘色RSS订阅按钮
Photoshop绘制质感的绿色网页按钮