软件下载吧文章资讯

分类分类

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

2024-02-15 07:30作者:下载吧

本教程学习如何用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按钮

展开全部

相关文章

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