Photoshop打造绿色购物车按钮

爷爷的宝贝蛋

爷爷的宝贝蛋

2016-02-16 06:49

下面是个Photoshop打造绿色购物车按钮教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

先看效果图。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

新建文档930x580像素,背景白色,建新层,用自定义形状工具画一个圆角矩形和一个正圆,颜色黑色。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

添加图层样式。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

效果如下。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

建新层,再画出下图所示图形,颜色白色,添加蒙版,黑白直线渐变。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

效果如下。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

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

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

添加图层样式。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

建新层,调出这个圆角矩形的选区,填充白色,用钢笔做如下选区,反选删除,添加蒙版,黑白直线渐变,图层模式叠加,不透明度70%,

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

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

输入白色文字shopping cart,英文购物车的意思,添加投影和渐变叠加样式,这里不截图了,大家自己设置,相信大家的智慧。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

建新层,画一个小些的正圆,添加的样式同第一步。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

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

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

添加图层样式。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

效果如下。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

建新层,用椭圆工具画一个正圆,然后把选区右上方向挪几像素,删除,图层模式叠加。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

建新层,画一白色椭圆,添加蒙版黑白直线渐变,不透明度77%。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

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

建新层,用白色柔角笔刷点一下,图层模式叠加。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

建新层,画一个白色长方形,复制4个,ctrl+T变形。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

高斯模糊0.6像素。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

建新层,加入购物车图标,添加投影(设置不截图了)

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

添加一些阴影,最终效果如下。

Photoshop打造绿色购物车按钮,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Photoshop打造绿色购物车按钮

PS PS基础
Photoshop打造绿色购物车按钮

购物车范例(购物车页面 )

ASP
购物车范例(购物车页面 )

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

简单购物车教程

ASP
简单购物车教程

PHP/MySQL 购物车

PHP
PHP/MySQL 购物车

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

口袋购物如何加入购物车?

手机软件 应用软件
口袋购物如何加入购物车?

购物车范例(处理页面)

ASP
购物车范例(处理页面)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop绘制冒着热气的咖啡杯教程

Photoshop绘制冒着热气的咖啡杯教程

Photoshop使用直方图分析图像色彩

Photoshop使用直方图分析图像色彩
下拉加载更多内容 ↓