下载吧 - 绿色安全的游戏和软件下载中心

软件下载吧

当前位置:软件下载吧 > 图形图象 > PHOTOSHOP > Photoshop制作时尚前卫的网页按钮

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

时间:2024-02-05 14:15作者:下载吧人气:31


作者:佚名 出处: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制作时尚前卫的网页按钮


标签网页,按钮,前卫,时尚,制作,Photoshop

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号