快捷搜索:

您的位置:金莎娱乐 > 关于金莎 > 0花青按键,Photoshop构建矢量风格的箭头点击开关

0花青按键,Photoshop构建矢量风格的箭头点击开关

发布时间:2019-09-22 21:49编辑:关于金莎浏览(193)

    本教程介绍如何用photoshop制作一个web2.0质感黑色按钮,主要用到了自定义形状工具的圆角矩形和图层样式,先看效果图。

    作者:佚名 出处:起PS吧

    图片 1

    本教程主要教大家使用Photoshop打造矢量风格的网页箭头按钮,基本用到PS的钢笔、圆角矩形和图层样式来完成,喜欢的朋友一起来学习吧

    新建文档250x150像素,背景白色,建新层,画一个黑色圆角矩形。

    先看效果图。

    图片 2

    图片 3

    添加描边样式。

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

    图片 4

    图片 5

    建新层,做一矩形选区,填充白色,图层不透明度25%,与形状1层形成剪贴蒙版。

    添加图层样式。

    图片 6

    图片 7

    教程未完,请看下一页!

    图片 8

    效果如下。

    图片 9

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

    图片 10

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

    图片 11

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

    图片 12

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

    图片 13

    添加图层样式。

    图片 14

    图片 15

    效果如下。

    图片 16

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

    图片 17

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

    图片 18

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

    图片 19

    添加图层样式。

    图片 20

    图片 21

    图片 22

    效果如下。

    图片 23

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

    图片 24

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

    图片 25

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

    图片 26

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

    图片 27

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

    图片 28

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

    图片 29

    教程未完,请看下一页!

    本文由金莎娱乐发布于关于金莎,转载请注明出处:0花青按键,Photoshop构建矢量风格的箭头点击开关

    关键词: