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

软件下载吧

当前位置:软件下载吧 > 图形图象 > PHOTOSHOP > 用ps制作漂亮前卫的web按钮

用ps制作漂亮前卫的web按钮

时间:2024-02-15 07:30作者:下载吧人气:24

本教程学习如何用photoshop的自定义形状工具和图层样式制作一组漂亮时尚的网站按钮,先看效果图。

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

效果如下。

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

添加图层样式。

用ps制作漂亮前卫的web按钮

用ps制作漂亮前卫的web按钮

用ps制作漂亮前卫的web按钮

效果如下。

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

添加图层样式。

用ps制作漂亮前卫的web按钮

效果如下。

用ps制作漂亮前卫的web按钮

建新层,画一黑色箭头。

用ps制作漂亮前卫的web按钮

添加图层样式。

用ps制作漂亮前卫的web按钮

用ps制作漂亮前卫的web按钮

用ps制作漂亮前卫的web按钮

效果如下。

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

添加图层样式。

用ps制作漂亮前卫的web按钮

用ps制作漂亮前卫的web按钮

用ps制作漂亮前卫的web按钮

效果如下。

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

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

用ps制作漂亮前卫的web按钮

标签web,按钮,前卫,漂亮,photoshop,制作,用

相关下载

查看所有评论+

网友评论

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

公众号