图解教程教你淘宝店铺左侧客服模块代码
时间:2012-08-21 21:08 | 来源:淘宝论坛 | 作者:gt诚信电器 | 浏览: 35290 |
上期讲到促销栏的制作,提到准备把客服区改到左侧。那我们就开始做客服区吧!为了有拓展版的效果,在尺寸上和右侧的促销栏要统一。
打开ps新建图层190*410
调处标尺线,把图层分为上270 下140.
用文字工具写上‘客服中心service’ 和‘请按功能点击以下亮灯客服’。注意这里的字体和促销栏保持一致
写好文字,同样用混合选项做投影。右键点击相应的文字图层,在弹出的选项框了点混合选项
做好投影及其他相关选项后,点击“好”
再用矩形工具选个矩形框,并填上营业时间
下面我们再到网上搜索个关于“热卖”的图片并把他拖拽到我们需要制作的图片里,再写上热卖字样
也按上面的方法做混合选项,同时也给上半部分描边。这样是为了给人感觉这不是在一个图层里,更多的是为了能和右侧的自定义模块融为一体
好了,我们下一步就进入切片。就选定我们需要在里面输入信息的(也就是下面的切片3)其他的就由它自动生成,这里一共有5个切片
储存为web所用格式,
觉得本文有用? |