Photoshop打造绿色购物车按钮

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

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

【 tulaoshi.com - PS 】

先看效果图。

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

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

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

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

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

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

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

高斯模糊0.6像素。

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160216/1569362.html

延伸阅读
手机淘宝购物车宝贝分享方法   手机淘宝购物车宝贝分享教程。想要让男神买单?想要于姐妹一起分享购物车的宝贝?那么要怎么办?先来分享宝贝吧!接下来小编就教大家手机淘宝购物车宝贝分享教程。 1)打开手机淘宝进入应用后点击下方导航栏,接着点击上方,在你要分享的宝贝右边选。然后点击下方。 2)选择你要分享的地...
穿衣助手商品怎么添加购物车?   1)首先打开穿衣助手,在首页选择要查看的商品,进入界面点击。   2)弹出窗口选择款式颜色和尺码,点击,返回界面点击,在右上方点击。   3)进入界面便能看到加入购物车的商品。
标签: Web开发
购物车是电子商务网站中不可缺少的组成部分,但目前大多数购物车只能作为一个顾客选中商品的展示,客户端无法将购物车里的内容提取出来满足自己事务处理的需要,而这一点在有些电子商务活动中很有必要。XML的出现使得网络上传输的数据变得有意义起来,我们可以根据不同的要求以不同的样式将一个购物车的内容显示出来。 本文将详细分...
辣妈汇商品怎么加入购物车?   1)首先打开辣妈汇,在界面选择要查看的商品点击进入,进入界面点击。   2)在界面选择衣服颜色和尺码,然后点击,弹出窗口可以选择继续购物或者去结算。  
辣妈商城商品如何加入购物车   1)首先先打开,进去之后点击商品类型,然后选择要购买的商品。   2)最后在下方点击就可以了。

经验教程

580

收藏

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