Photoshop打造矢量风格的箭头点击按钮
来源:未知 作者:bbs.16xx8.com
作者:佚名 出处:起PS吧
本教程主要教大家使用Photoshop打造矢量风格的网页箭头按钮,基本用到PS的钢笔、圆角矩形和图层样式来完成,喜欢的朋友一起来学习吧
先看效果图。
新建文档1280x1024像素,背景白色,建新层,先画一个圆角矩形,再画一个正圆,合并2个图层。
添加图层样式。
效果如下。
同样方法再制作一个小的白色形状。
添加蒙版,用黑色柔角笔刷涂抹中间部分,图层不透明度38%。
复制此层,去除蒙版,ctrl+T缩小一些,高斯模糊15像素,图层不透明度68%。
建新层,画一个黑色圆角矩形。
添加图层样式。
效果如下。
复制此层,清除图层样式,颜色改为白色,用钢笔做一选区,删除。
图层模式叠加,不透明度22%。
建新层,画一个小的黑色正圆。
添加图层样式。
效果如下。
复制此层,缩小一些,关闭投影样式,把描边样式尺寸改为8像素。
建新层,用钢笔画如下图所示黑色箭头。
添加和黑框内的圆角矩形一样图层样式,复制一个,效果如下。
建新层,调出形状4副本2的选区,填充白色,去掉选区,用椭圆工具做如下选区,删除,图层不透明度22%。
输入文字,添加投影和渐变叠加样式,参数不提供了,自己设置即可。
添加一个投影,最终效果如下。
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
旧一篇: Photoshop打造高光质感网站按钮
推荐教程
-
图标制作,在PS中制作开关按钮
SoulEC -
图标设计,用PS制作一款简单的按钮图标
PS设计师西瓜 -
按钮教程,6步制作按钮视频教程
马尐跳 -
图标制作,用PS打造轻拟物相机图标
阿门教你PS -
图标制作,用PS绘制一枚清新淡雅的音乐图标
谭学健 -
四分环,如何用PS设计曲线四分环视频教程详解
www.16xx8.com -
下载图标,制作简单的加载条图标
鱼菲菲 -
ps快速设计短信图标教程
XU小欧 -
图标制作,制作一个微信朋友圈图标
职场殿堂 -
风扇图标,在PS中制作一个清凉小风扇
公众号 -
玉石效果,制作逼真玉石效果图标
广东理工鼎湖设计协 -
图标制作,用PS打造轻拟物相机图标
阿门教你PS -
图标制作,制作立体质感玻璃图标
阿门教你PS