图解教程教你淘宝店铺左侧客服模块代码

时间:2012-08-21 21:08 来源:淘宝论坛 作者:gt诚信电器 浏览: 35290

上期讲到促销栏的制作,提到准备把客服区改到左侧。那我们就开始做客服区吧!为了有拓展版的效果,在尺寸上和右侧的促销栏要统一。

打开ps新建图层190*410

调处标尺线,把图层分为上270 下140.

用文字工具写上‘客服中心service’ 和‘请按功能点击以下亮灯客服’。注意这里的字体和促销栏保持一致

写好文字,同样用混合选项做投影。右键点击相应的文字图层,在弹出的选项框了点混合选项

做好投影及其他相关选项后,点击“好”

再用矩形工具选个矩形框,并填上营业时间

下面我们再到网上搜索个关于“热卖”的图片并把他拖拽到我们需要制作的图片里,再写上热卖字样

也按上面的方法做混合选项,同时也给上半部分描边。这样是为了给人感觉这不是在一个图层里,更多的是为了能和右侧的自定义模块融为一体

好了,我们下一步就进入切片。就选定我们需要在里面输入信息的(也就是下面的切片3)其他的就由它自动生成,这里一共有5个切片

储存为web所用格式,

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...