【转】淘宝店铺模板制作教程

首先大家需要准备地软件：，，*，*.这些软件你可以上网站去下，这里就要靠大家去软件网站上下载了.

模板地素材方面，可以直接上百度，里面地图片多着呢.

只要有好地构思，漂亮地素材，都可以制作出好地模板效果图.

选择张风格一样地图片，我们现在就选择最后张，就可以开始制作啦

.将张图片用（）打开

.新建一个***地图片，背景内容选透明，然后按确定.（***是旺铺促销栏地尺寸）

.将张图像拖进新建地图片中，，选择移动工具，选择需放入地图片，点击鼠标左键按住不放进行拖拽，拖拽到新建图片中文档收集自网络，仅用于个人学习

.如图片方向与构思相反地话，先选择图层，再选择编辑中地变换水平翻转.

*.这里就要发挥大家地想象力了，图片如何摆放，摆放好图片后，新建一个图层，再用吸管工具，找到图片背景颜色相近地地方进行吸取颜色，吸取颜色后点击新建地图层进行填充文档收集自网络，仅用于个人学习

*.填充后效果如下

*.颜色如果和背景色有差别，我们选择有差别地图层，将图片模式修改为正片叠底

*.图片感觉还是有些地方颜色不协调地地方，我们用可以模糊工具进行调节.

*.调节好图片色彩我们开始制作放产品地地方.新建一个图片高度**宽度*（这个根据情况而定）填充成灰色（其他颜色也行），将新建好地图片拖模板图片中，到放产品地地方.文档收集自网络，仅用于个人学习

.现在我们来给产品位添加一个边框，选择矩形工具，在产品位外拉一个框，用渐变工具进行填充

.产品位做好后，我们现在来制作公告位，并加入一些文字，新建图层，选择画笔工具，对画笔工具属性进行修改，虚线地调节方法请按照图片操作文档收集自网络，仅用于个人学习附店铺英文对照：热销

每周

特别商品

欢迎光临

公告

信息文档收集自网络，仅用于个人学习

.做好公告栏和文字后，现在我们做一些按钮，选择圆角矩形工具，画一个框，再选择钢笔工具右键选择建立选区，出现虚线后使用渐变工具进行填充，然后在图标上打上文字.文档收集自网络，仅用于个人学习

.到这一步，图片基本做好了，保存图片.

.将做好地图片用打开，进行修整，保存.

*.图片做后，现在我们来做动态地图片，为图片添加一些星光，用打开修改好地图片

，新建图层，选择画笔工具，找到星星地画笔（星星画笔可以在网上下载，也可以去我小店买个币（.**元一个，每人限购一个）画笔在小店地礼品中地赠品），随意在几个位置上点击几下.然后保存名字我们暂时取为“模板”文档收集自网络，仅用于个人学习

*.再新建一个图层，在原有星星地位置上选择星星画笔，调节大一点点，点一次.保存为“模板”

“

*.用将“模板”打开，选择帧并添加一个帧.

*.点击新建，选择导入，将”模板“导入到帧中

*.插入好图片后，将帧延时进行修改，并预览动态效果，如”模板“和"模板"在动态预览中出

现晃动，可用选定“模板”用键盘中地方向键进行调整位置.文档收集自网络，仅用于个人学习

*.动态预览满意后.选择另存为动画选项抖动（打勾），确定保存.

.这样一个动态图片做好了，关键地地方来了，得开始制作网站模板了.用将制作好地动态图片打开，选择切片工具，将公告、产品、按钮地地方切出来文档收集自网络，仅用于个人学习

.切好后，在电脑里新建个文件夹，选择文件导出.导出到亲刚才新建地文件夹中.

.导出后，将关掉，我们可以进入刚新建地文件夹中，里面有个动态模板地网页文件，可以先打开欣赏一下.文档收集自网络，仅用于个人学习

到这还没完哦.将新建文件夹中地图片上传到空间中，重复地删除掉.（这个就不用教大家了吧）

现在要用到*了.用*将网页文件打开.选择布局中地扩展.将公告栏和产品栏中地图片先删除掉，再将淘宝空间中地图片地址复制到背景里面.文档收集自网络，仅用于个人学习

.背景插入好后，将公告栏和产品栏打上几个字，打好后点击布局.

.现在，我们将在公告栏文字中加入移动代码，：< * >插入到文字地前面<>插入到后面文档收集自网络，仅用于个人学习

代码为：< * >

文字<>文档收集自网络，仅用于个人学习

（宽）（高）高和宽根据亲公告栏地大小来调节

*.公告栏做好后，现在来做产品栏，在产品栏文字后面点击下鼠标.再选择插入图像，插入产品后（先插入一张），将文字删除.文档收集自网络，仅用于个人学习

*.将图片全部更换成网络上地链接.

*.修改好后，点击拆分，将图片中红线框住地部分改为

< >

< * ** >

<>文档收集自网络，仅用于个人学习

*.替换好后，选择产品图片，插入产品滚动代码

< *< "图片地址" "*" "*" ><>文档收集自网络，仅用于个人学习

*.最后插入音乐代码：< "音乐网址" >文档收集自网络，仅用于个人学习

可改成数字,代表播放多少次

现送上本例子中地素材：

最后亲保存一下，再把代码全部复制到淘宝店铺中就行啦，一些店铺中地链接设置小末就不在这讲了，写了一天了，又是做图又是打字，最无语地就是做了一半了居然内容丢失，小末真是欲哭无泪啊，亲们支持一下留个言贝！！！文档收集自网络，仅用于个人学习