当前位置:首页>ps实例教程>ps网页设计>淘宝美工>教程内容

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

来源:ps教程网 作者:tataplay尖 学习:25964人次

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

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

  动态效果图

淘宝店铺装修教程-左侧装饰图片【效果图】教程

  静态效果图

淘宝店铺装修教程-左侧装饰图片【原图01】教程

  原图一:支付宝官方图标

淘宝店铺装修教程-左侧装饰图片【原图02】教程

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

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

淘宝店铺装修教程-左侧装饰图片【教学步骤01】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤02】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤03】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤04】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤05】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤06】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤07】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤08】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤09】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤10】教程

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

淘宝店铺装修教程-左侧装饰图片【教学步骤11】教程

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
钱途2018-08-22 03:47
我的作业:
ubhbs2013-01-21 03:41
好!!!!!!!
ubhbs2013-01-21 03:01
好!!!!!!!
duanzhanling2012-11-20 08:48
呵呵 支持哦……
duanzhanling2012-11-20 08:11
呵呵 支持哦……
我是潜水的2012-06-23 12:23
给力
孤傲落寞zyl2012-06-23 12:23
给力
简单心的危害2012-06-23 12:23
给力
放开那女孩2012-06-23 12:23
给力
天使湾的半支烟2012-06-23 12:23
给力
雨夜珊瑚2582012-06-23 12:23
给力
潇湘之君2012-06-23 12:23
给力
巴伦之恋2012-06-23 12:23
给力

关注大神微博加入>>

网友求助,请回答!