公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝模板制作教程

使用 PS标尺制作整齐的格子促销模板

2015-03-26 04:08:01

如下图,是许多淘宝卖家的促销模板。在淘宝店铺装修中,促销模板是吸引买家眼球的一个重要模板。所以它的设计需要卖家认真思考制作。


对于新手卖家来说怎样制作整齐的格子促销模板还是一个迷。很多商家的格子促销模板是加了链接的图片。在获取不到促销模板的代码时,我们该如何制作格子促销模板呢?这种基础版的规整格子促销模板,只需要photoshop CS2 版就可以轻松实现。下面就来学习一下该如何使用PS的标尺功能制作促销模板吧。


一、新建文件

打开PS后,点击文件,新建白色背景的页面。
 
 

    
二、调出标尺

同时按住Ctrl+R就可以调出标尺。
 



三、调出参考线

点击顶部菜单栏“视图” – “新建参考线”。弹出一个框框,选择所需要的取向,在“位置”处设置距离。

  



四、用标尺画出3栏效果

比如我们制作的促销模板为750像素的三栏效果,先把参考线做出三栏的效果。

  



五、选择其中一栏

点击PS左边的工具条中的“矩形工具”,把鼠标移动到参考线对角处。

 


 
六、插入促销宝贝图片、文字

打开宝贝图片,使用“矩形工具”选择宝贝图片,然后使用拖动工具把图片拖到栏目中。

调整大小时,同时按下ctrl+t 就会出现矩形方框,供调整大小。
 
 



七、输入文字

点击 ,输入文字。
 



八、模板切片

右键 选择“切片工具”。在做好的三栏里右键,选择“划分切片”。之后在弹出的对话框中的“垂直划分为”填写3。
 


点击“确定”后把文件 “存储为web所用格式”,保存格式为“HTML和图像(*html)”。



九、上传图片到图片空间

所保存的图片都在桌面的 images文件夹里。将它们一一上传到淘宝后台的图片空间即可。



十、复制促销模板代码

这里就要用到Dreamweaver了。打开其中一个促销宝贝图片,在淘宝图片空间里找到该图片的地址。同时在Dreamweaver属性栏中找到其“源文件”。删除里面所有内容,然后粘贴该图片在淘宝图片空间里的地址。在点击保存之前,把该促销宝贝的产品链接填写在“链接”处。

使用“记事本”打开保存好的文件。复制里面所有代码。接着请卖家进入自己的淘宝卖家中心,在店铺新建一个自定义内容区,把代码复制进去,就OK啦。

乍一看上去,利用PS标尺制作整齐的淘宝促销模板很复杂。只要你一步一步跟着提供的步骤来做就能够实现。哪怕你原本不会PS,也不知道什么是Dreamweaver。这些详细地步骤足以称得上是傻瓜步骤。别再浪费时间了,赶集地做好促销模板,好生等着顾客得光临吧。


  本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

    人气:33016
  • 春天衣橱 精品酷黑 潮流男装淘宝模板

    春天衣橱 精品酷黑 潮流男装淘宝模板

    人气:59832
  • 活力欧美 帅气男装 服装配件淘宝模板

    活力欧美 帅气男装 服装配件淘宝模板

    人气:40233
  • 复古欧美 胶片暗青 创意灯饰淘宝模板

    复古欧美 胶片暗青 创意灯饰淘宝模板

    人气:1
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597