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

使用 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
  •  型男健美 素雅青灰 型男健美淘宝模板

    型男健美 素雅青灰 型男健美淘宝模板

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

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

    人气:56789
  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

    人气:0
  • 至简大牌 全屏轮播 女装服饰淘宝模板

    至简大牌 全屏轮播 女装服饰淘宝模板

    人气:40580
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 清新优雅 简约背景 内衣服饰淘宝模版

    清新优雅 简约背景 内衣服饰淘宝模版

    人气:1