用ps制作矢量箭头点击按钮

本教程学习如何用photoshop的钢笔 圆角矩形和图层样式制作一个网站常见的箭头状点击按钮,先看效果图。 新建文档1280×1024像素,背景白色,建新层,先画一个圆角矩形,再画一个正圆,合并2个图层。 添加图层样式。 副标题 效果如下。 同样方法再制作一个小的白色形状

ps制作漂亮的蓝色透明玻璃按钮

按钮分为两个大的部分来制作:中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同,只需要找出相应的高光部分并渲染出来即可。

本教程学习如何用photoshop的钢笔 圆角矩形和图层样式制作一个网站常见的箭头状点击按钮,先看效果图。

用ps制作矢量箭头点击按钮插图

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

用ps制作矢量箭头点击按钮插图(1)

添加图层样式。

用ps制作矢量箭头点击按钮插图(2)

用ps制作矢量箭头点击按钮插图(3)

效果如下。

用ps制作矢量箭头点击按钮插图(4)

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

用ps制作矢量箭头点击按钮插图(5)

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

用ps制作矢量箭头点击按钮插图(6)

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

用ps制作矢量箭头点击按钮插图(7)

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

用ps制作矢量箭头点击按钮插图(8)

添加图层样式。

用ps制作矢量箭头点击按钮插图(9)

用ps制作矢量箭头点击按钮插图(10)

效果如下。

用ps制作矢量箭头点击按钮插图(11)

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

用ps制作矢量箭头点击按钮插图(12)

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

用ps制作矢量箭头点击按钮插图(13)

建新层,画一个小的黑色正圆。

用ps制作矢量箭头点击按钮插图(14)

添加图层样式。

用ps制作矢量箭头点击按钮插图(15)

用ps制作矢量箭头点击按钮插图(16)

用ps制作矢量箭头点击按钮插图(3)

效果如下。

用ps制作矢量箭头点击按钮插图(18)

复制此层,缩小一些,关闭投影样式,把描边样式尺寸改为8像素。

用ps制作矢量箭头点击按钮插图(19)

建新层,用钢笔画如下图所示黑色箭头。

用ps制作矢量箭头点击按钮插图(20)

添加和黑框内的圆角矩形一样图层样式,复制一个,效果如下。

用ps制作矢量箭头点击按钮插图(21)

建新层,调出形状4副本2的选区,填充白色,去掉选区,用椭圆工具做如下选区,删除,图层不透明度22%。

用ps制作矢量箭头点击按钮插图(22)

输入文字,添加投影和渐变叠加样式,参数不提供了,自己设置即可。

用ps制作矢量箭头点击按钮插图(23)

添加一个投影,最终效果如下。

用ps制作矢量箭头点击按钮插图

本教程学习如何用photoshop的钢笔 圆角矩形和图层样式制作一个网站常见的箭头状点击按钮,先看效果图。

用ps制作矢量箭头点击按钮插图

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

用ps制作矢量箭头点击按钮插图(1)

添加图层样式。

用ps制作矢量箭头点击按钮插图(2)

用ps制作矢量箭头点击按钮插图(3)

效果如下。

用ps制作矢量箭头点击按钮插图(4)

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

用ps制作矢量箭头点击按钮插图(5)

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

用ps制作矢量箭头点击按钮插图(6)

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

用ps制作矢量箭头点击按钮插图(7)

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

用ps制作矢量箭头点击按钮插图(8)

添加图层样式。

用ps制作矢量箭头点击按钮插图(9)

用ps制作矢量箭头点击按钮插图(10)

效果如下。

用ps制作矢量箭头点击按钮插图(11)

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

用ps制作矢量箭头点击按钮插图(12)

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

用ps制作矢量箭头点击按钮插图(13)

建新层,画一个小的黑色正圆。

用ps制作矢量箭头点击按钮插图(14)

添加图层样式。

用ps制作矢量箭头点击按钮插图(15)

用ps制作矢量箭头点击按钮插图(16)

用ps制作矢量箭头点击按钮插图(3)

效果如下。

用ps制作矢量箭头点击按钮插图(18)

复制此层,缩小一些,关闭投影样式,把描边样式尺寸改为8像素。

用ps制作矢量箭头点击按钮插图(19)

建新层,用钢笔画如下图所示黑色箭头。

用ps制作矢量箭头点击按钮插图(20)

添加和黑框内的圆角矩形一样图层样式,复制一个,效果如下。

用ps制作矢量箭头点击按钮插图(21)

建新层,调出形状4副本2的选区,填充白色,去掉选区,用椭圆工具做如下选区,删除,图层不透明度22%。

用ps制作矢量箭头点击按钮插图(22)

输入文字,添加投影和渐变叠加样式,参数不提供了,自己设置即可。

用ps制作矢量箭头点击按钮插图(23)

添加一个投影,最终效果如下。

用ps制作矢量箭头点击按钮插图

作者: 791650988

为您推荐