软件下载吧文章资讯

分类分类

Photoshop制作时尚前卫的网页按钮

2024-02-05 14:15作者:下载吧


作者:佚名 出处:Photoshop制作时尚前卫的网页按钮本教程介绍如何使用Photoshop绘制时尚质感的的网页按钮,主要通过软件的自定义形状工具和图层样式来完成,下面让我们一起来学习吧。

先看效果图。

Photoshop制作时尚前卫的网页按钮

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

Photoshop制作时尚前卫的网页按钮

效果如下。

Photoshop制作时尚前卫的网页按钮

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

Photoshop制作时尚前卫的网页按钮

添加图层样式。

Photoshop制作时尚前卫的网页按钮

Photoshop制作时尚前卫的网页按钮

Photoshop制作时尚前卫的网页按钮

效果如下。

Photoshop制作时尚前卫的网页按钮

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

Photoshop制作时尚前卫的网页按钮

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

Photoshop制作时尚前卫的网页按钮

添加图层样式。

Photoshop制作时尚前卫的网页按钮

效果如下。

Photoshop制作时尚前卫的网页按钮

建新层,画一黑色箭头。

Photoshop制作时尚前卫的网页按钮

添加图层样式。

Photoshop制作时尚前卫的网页按钮

Photoshop制作时尚前卫的网页按钮

Photoshop制作时尚前卫的网页按钮

效果如下。

Photoshop制作时尚前卫的网页按钮

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

Photoshop制作时尚前卫的网页按钮

建新层,用钢笔画出下图所示路径,转为选区填充黑色。

Photoshop制作时尚前卫的网页按钮

添加图层样式。

Photoshop制作时尚前卫的网页按钮

Photoshop制作时尚前卫的网页按钮

Photoshop制作时尚前卫的网页按钮

效果如下。

Photoshop制作时尚前卫的网页按钮

然后底部建新层做一个阴影,类似下图效果。

Photoshop制作时尚前卫的网页按钮

用上述方法作出其它按钮,最终效果如下。

Photoshop制作时尚前卫的网页按钮


展开全部

相关文章

说两句网友评论
    我要跟贴
    取消