优艾设计网

Photoshop淘宝店铺左侧装饰图片装修教程

  开淘宝店最重要的就是店铺装修,再好的产品没有好的店面也是没用,纵观所有皇冠级别的淘宝店铺,其店面装饰都非常的漂亮,开淘宝店做店铺装修就两种方案,一种花钱请人,一种自己做,本系列教程是专门针对想自己进行淘宝店铺装修而制作的PS教程,本例以常见的淘宝店铺左侧装饰图片的制作进行演示,有兴趣的朋友可以一试!

Photoshop淘宝店铺左侧装饰图片装修教程

  动态效果图

Photoshop淘宝店铺左侧装饰图片装修教程

  静态效果图

Photoshop淘宝店铺左侧装饰图片装修教程

  原图一:支付宝官方图标

Photoshop淘宝店铺左侧装饰图片装修教程

  原图二:支付宝消保官方图标

  1、淘宝左侧装饰图片一般都是宽度为160像素大小,我们新建一个160*320的空白文档(本例采用photoshop CS5制作,其它版本通用),如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  2、首先我们来制作一下背景,从审美角度来讲,背景尽量不要采用单击的颜色填充,那样即单调又不好看,一般都采用浅色渐变,单击选择“渐变工具”,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  3、选择渐变工具后,单击菜单栏下方的“渐变编辑器”进行渐变色编辑,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  4、弹出渐变编辑器后,可以通过双击各个“色标”进行颜色设置,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  5、在弹出的“选择色标颜色”框中可以选择你想要的颜色,一般背景都以浅色系为主,本例选择如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  6、选择颜色后效果如下图所示,如果要添加色标可以用鼠标在要添加色标的位置单击即可。

Photoshop淘宝店铺左侧装饰图片装修教程

  7、设定好渐变色之后,单击选择“径向渐变”类型,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  8、用设定好的渐变色在空白文档中从中心点向左下角拖出一条直线进行渐变填充,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  9、接下来进行文字输入,单击选择“横排文字工具”,设置你想要的字体及大小,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  10、设定好字体后,在文档中单击即可进入文字编辑状态,输入相应的文字,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

  11、接建一个图层1,用矩形选框拖出一个选区,如下图所示:

Photoshop淘宝店铺左侧装饰图片装修教程

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜