PS设计教程网欢迎你!

Photoshop打造矢量风格的箭头点击按钮

文章来源于 一起PS吧,感谢作者 佚名 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2011-03-24
本教程主要教大家使用Photoshop打造矢量风格的网页箭头按钮,基本用到PS的钢笔、圆角矩形和图层样式来完成,喜欢的朋友一起来学习吧。

先看效果图。

Photoshop打造矢量风格的箭头点击按钮

新建文档1280x1024像素,背景白色,建新层,先画一个圆角矩形,再画一个正圆,合并2个图层。

Photoshop打造矢量风格的箭头点击按钮

添加图层样式。

Photoshop打造矢量风格的箭头点击按钮

Photoshop打造矢量风格的箭头点击按钮

效果如下。

Photoshop打造矢量风格的箭头点击按钮

同样方法再制作一个小的白色形状。

Photoshop打造矢量风格的箭头点击按钮

添加蒙版,用黑色柔角笔刷涂抹中间部分,图层不透明度38%。

Photoshop打造矢量风格的箭头点击按钮

复制此层,去除蒙版,ctrl+T缩小一些,高斯模糊15像素,图层不透明度68%。

Photoshop打造矢量风格的箭头点击按钮

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

Photoshop打造矢量风格的箭头点击按钮

添加图层样式。

Photoshop打造矢量风格的箭头点击按钮

Photoshop打造矢量风格的箭头点击按钮

效果如下。

Photoshop打造矢量风格的箭头点击按钮

复制此层,清除图层样式,颜色改为白色,用钢笔做一选区,删除。

Photoshop打造矢量风格的箭头点击按钮

图层模式叠加,不透明度22%。

Photoshop打造矢量风格的箭头点击按钮

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa