淘宝模板在线制作教程

啧啧，逛逛论坛又逛到好帖子了。地瓜再发出来跟大家分享分享——淘宝模板在线制作教程。最重要的还是不花钱哦！

大家怎样在线设计制作淘宝模板呢？今天带来的淘宝模板在线制作教程对扶植版、标准板、拓展版全部都适用哦！总体来说分两部分，第一部分是在ps里面自己设计，第二是在淘宝后台在线编辑。

首先淘宝模板在线制作教程的第一部分是在ps里面自己设计 ，我们要大概的在PS里面做出我们想要的模块效果！比如店招我想做成这样！

然后在保存的时候，我们要将自己想设为动态效果的地方留空！也就是把要做动态的图层隐藏起来（关掉这些图层的小眼睛）！

因为后台在线编辑的时候，素材图片的大小都不能超过30PX，所以为了保持图片的清晰度，我们需要将图片切片！在PS里面将拉出辅助线！

如果你每有看到你PS里面的标尺，那么按CTRL+R,你就可以看到边上有像尺子一样的东东，鼠标左键按住，拖出来！

看上图，在工具栏内选择切片工具，然后点击窗口上面有个“基于参考线切片”，这个时候图片上可以看到蓝色的01，02，03的字样，这个时候图片切片好了，接下来是保存：

选择存储为WEB格式，接着跳到了以下画面！

我这个是英文格式的 ，右上角第二个箭头是现在图片要保存的格式，一般是现在JPG,需要图片背景格式的时候选PNG，我们这里选择JPG，

然后我们看左下角箭头指向一个数字，这个就是图片的容量，就是这个数值不能超过30K,如果有超30K，那么我们再调整右上角有个指向数值的箭头，这个是调节图片的品质，和图片的容量大小成正比，我们向下调就好，最好是然容量数值最接近30K,这样既满足小于30K,有在这个范围内最清晰！

最后是右上角最上面那个键SAVE(保存)，选择你要保存的路径保存就可以了。

素材准备好以后，我们现在正式开始淘宝模板在线制作教程第二是在淘宝后台在线编辑

后台点击店铺装修（这个应该不用截图了吧！）然后编辑店招---再在线编辑

接下来调到后台在线编辑的页面，因为我们教程的前提是免费店招，所以我们现在右上角的免费店招，（大家可能会说不想要免费的店招的那效果）别急...

我们看到这个区域里面有很多店招是免费的！我们随便选择一个，点击 开始制作

因为这个教程的另一个前提是，我们自己制作，所以我们用鼠标点击左边的图层里面的层，分别按Delete逐个删掉，直到里面什么都没有，看下图！

接下来 ，将我们刚刚在PS里面做的素材传上来，如下图选择上排工具栏的图片，我们可以看到右侧有个“我的素材”，点击

在下面有个 浏览 点击找到我们刚刚做的素材的路径，逐个添加，点击上传

当显示上传成功的时候我们可以看到，我们的上传的素材在上面的框框里，鼠标点击，素材就到了窗口中间的工作区，

如上图，然后点击上排工具栏内的文字，在选择第二给箭头指向的动态文字，再在框内输入自己店铺的标题，下面有字体选择和动画效果选择，大家都可以选择尝试一下看！然后确定修改，

然后可以点击文字上面的对角，调节文字的大下，放置到合适的位置，一定要有耐心哦！接着可以用同样的方法添加其他文字

稍微有些特别的是，我店招里面有添加旺旺，大家可以根据我上图的箭头，功能--然后选择好旺旺的样式，点击，

点击工作区得旺旺图标，右侧会出现属性，可以输入旺旺的ID，这样就弄好了，是不是比代码那些方便呢？

有的朋友可能比较喜欢炫一点，加很多动画效果，那么下图指向的图片，然后右侧会出现很多分类，里面有很多的动态动画效果提供给大家选择！

然后是商品和轮播，在我们制作店招的时候用得好是比较少，我们这里只是点一下

其实用法也很简单，在右侧点击添加进来后，我们选中它，就能在右侧看到属性，

然后对应属性进行修改，大家都很聪明，相信大家稍微摸索一下就会明白的，然后我们的店招制作完成，接下来是保存，

最后 应用到店招

这是一个神奇的世界，至于你信不信，反正我信了。淘宝模板在线制作教程，就介绍到这里，相信淘友们也迫不及待跟地瓜一样想马上动手试一试了！