Photoshop打造绿色网站购物车按钮

ps基础教程
内容摘要:
速读文章内容
本文收集了一些ps教程,ps图片处理与ps照片处理实例教程,ps教程大全,手把手教你学ps处理图片,photoshop图片处理教程,怎样用ps做照片的教程,是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教程,思缘教程网
  共2页: 1 [2] 下一页   

添加图层样式。

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

效果如下。

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

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

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

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

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

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

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

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

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

高斯模糊0.6像素。

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

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

Photoshop打造绿色购物车按钮,PS教程,思缘教程网

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

Photoshop打造绿色购物车按钮,PS教程,思缘教程网


  共2页: 上一页 [1] 2   

首页

相关内容

最新发布

专题合集

艺考培训-设计-Photoshop教程-ps基础教程-Photoshop打造绿色网站购物车按钮