您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps入门教程 >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  开淘宝店最重要的就是店铺装修,再好的产品没有好的店面也是没用,纵观所有皇冠级别的淘宝店铺,其店面装饰都非常的漂亮,开淘宝店做店铺装修就两种方案,一种花钱请人,一种自己做,本系列教程是专门针对想自己进行淘宝店铺装修而制作的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】三联教程

  12、选择渐变工具,设置如下渐变色,间的色标颜色偏浅,两头偏暗:

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

  13、设置渐变类型为“线性渐变”,用设置好的渐变对矩形选框进行填充,从上往下拉出一条直线即可,效果如下图所示:

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

  14、接下来制作内嵌形状,这里先采用“矩形工具”,如下图所示:

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

  15、在之前矩形选区的靠右内部的位置拉出一个矩形路径,如下图所示:

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

  16、单击选择“添加锚点工具”,如下图所示:

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

  17、在矩形路径的左边中心位置单击一下添加一个点,按住Ctrl键,鼠标左键拖动添加的点向右适当移动,如下图所示:

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

  18、在矩形路径上单击右键选择“建立选区”,设置羽化半径为0,得到如下选区:

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

  19、新建一个图层2,设置前景色为灰色,然后用油漆桶进行填充,如下图所示:

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

  20、将图层2的眼睛暂时点掉,保留选区,单击选中图层1,然后按Del键将图层1中选区的内容删除,如下图所示:

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

  21、选择菜单“图层->图层样式->投影”设置图层1的阴影效果,设置如下图所示:

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

  22、将图层2的眼睛点上并单击选中图层2,选择菜单“图层->图层样式->斜面和浮雕”,具体设置及效果如下图所示:

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

  23、接下来输入相应的文字,本例输入“皇冠”和“信誉”,分为两个图层,对信誉适当设置一下投影效果,如下图所示:

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

  24、接下来制作皇冠,这里我们采用简