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

2016-02-16 06:49 11 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop打造矢量风格的箭头点击按钮,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - PS 】

先看效果图。

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

添加图层样式。

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

添加图层样式。

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

添加图层样式。

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

效果如下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

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

Photoshop打造矢量风格的箭头点击按钮,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569367.html

延伸阅读
标签: Web开发
一只需要在你的页面中加入如下的脚本即可.. function window.onbeforeunload() {      event.returnValue = "the page will be closed, comfirm to close?"; } 二目的 通过捕捉点击浏览器的关闭按钮事件,可以在页面关闭前给出提示信息,提示关闭. 三应用的扩展 可以在后面继续添加...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,建新层,填充白色,添加图层样式。 效果如下。 建新层,用钢笔画出下图类似树叶的现状,填充黑色。 添加图层样式。 复制一个到另一侧,整体效果如下。 建新层,用钢笔做下图所示形状,填充黑色。 添加图层样式。 复制一个到另一侧,整体效果如下,这是蝴...
标签: PS PS基础
先看看效果图 第一步 使用钢笔工具画出小货车的大的形状,值得注意的是一些形状中的细节,不要忽略,这是让图标最后看起来生动的基础。 第二步 继续添加例如方向盘、座椅、前后车灯、轮毂等一些形状细节,并开始使用渐变、凹凸线等方法给油箱、轮毂、车身添加质感。 第三步 继续货车的质感刻画,主要集中在车头部分。 第四...
标签: PS PS基础
先看看效果图 1、新建文档800x600像素,背景填充#050043,建新层,用钢笔画出圣诞树的形状,填充白色。 2、添加图层样式。 效果如下。 3、建新层,前景色#4D80E8背景黑色,滤镜渲染云彩,添加蒙版,黑色径向渐变。 4、建新层,用钢笔画出下图所示路径,填充#020353。 5、添加图层样式。 效果如下。 ...

经验教程

744

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部