如何模仿别人的网店制作淘宝装修模板

今天我要教大家的是如何盗取动态的模板，而且还是像秒杀、聚划算等有倒计时的模板，这可是我花了一个通宵时间琢磨出来的哦， 希望大家能够支持我哦，如果感觉不错的话，请多多的顶帖哦。

那具体该如何“盗取”呢， 前面我给大家介绍的是利用截图工具把他人的模板截图下来，然后通过自己的修改使之成为自己的模板，但是今天的模板不像上次那样，是静态的，截图就可以取下来，今天的是动态模板，用截图的话是截不出动态的图片的啊，那该如何是好呢，还是用其他的什么方式？

呵呵，其实方法还是一样，还是用截图工具，大家可能会怀疑，截图怎么截出动态的图片呢，这根本不现实啊，没错，截图是不能截出动态的图片，更截不出有倒计时的图片，但是，我们只需要截一个静态的图片就可以了，只要把模板的形状给截图下来就OK了，不需要能够倒计时的图片。

大家可能会说，我要的是能够倒计时的，这个不能倒计时的有什么用呢，讲了这么多，这不是浪费感情吗？ 呵呵，别这么急着下结论哦，这就是我今天要讲的内容，模板有了，不就是个倒计时吗，我们自己可以做啊，下面我就来教大家如何制作。

今天的内容 不难，但是比较复杂，比较繁琐，是个笨办法， 哎，没办法，谁让自己技术还不到家呢，本想在淘大论坛里找一些相关的教程，可是找遍了整个论坛，也找不到一篇有关制作秒杀倒计时模板的教程，也曾在各大搜索引擎寻找过，也未曾找到类似的教程， 没办法，只能将就了，自己硬着头皮做呗，虽然办法比较笨，但是效果一样啊，哈哈。有兴趣的朋友可要细心了哦。

三、PS切片

好了，接下来我就教大家具体如何制作秒杀模板，首先我们要找一张秒杀团购的模板，然后利用截图工具把模板截图下来保存。当然，你也可以自己制作一个模板，

然后我们就要利用PS对模板进行编辑了，我们现在PS中打开图片。

接下来我们就要对模板进行编辑了这里只要做很简单的编辑就可以了，只要结合自己的宝贝对价格稍作修改即可，其他的都可以原封不动，当然，如果你想做的更好看，也可以进行适当的修改，我比较喜欢偷懒，所以就只改下价格就OK了。 具体如何修改我这里不作详细解答，如有不懂的朋友可以去看我前面的帖子，下面是修改好的图片

修改好之后我们就要对模板进行切片，在这里，切片的时候要稍微注意一下，在切时分秒这几个数字的时候我们稍微对切片的大小进行适当的调整，使三个能调整成相同的大小，以便于后面我们只做倒计时。我们在样式处选择固定大小，具体参数视具体模板而定，我这里调整参数如下图

其他地方切片可仍旧选择正常模式进行切片，下面是完整切片后的模板

完成切片之后我们就对模板进行保存，这里保存需要注意一点，有一定基础的朋友应该都知道如何保存，但是一些对PS不熟悉的朋友可能会弄错，所以我还是在这里写明一下， 那就是这里的保存不是简单的文件→存储或者文件→存储为，而是要用文件→存储为Web和设备所用格式 或者按快捷键（ctrl+alt+shift+S）

点击存储为Web和设备所用格式后，会弹出如下对话框，我们可以对图片格式，品质等进行调整

调整好之后我们就可以保存了，在保存的时候我们要注意下，因为我们要的不仅仅是图片，而是图片和html文件两者都要，所以在保存的时候我们要在格式处选择HTML和图像，然后点击保存

保存好之后切片的工序就算完成了，我们先把保存好的文件放一边，接下来我们要做的就是倒计时，这可是一个麻烦的工序了，虽然就那么几个步骤，但是那几个步骤都要重复N遍，累啊。

四、倒计时的制作

下面我就给大家详细讲解如何制作倒计时，其实很简单，就是制作一个动画图片，好了，下面我们就先来制作秒钟倒计时，地球人都知道，一分钟有60秒，所以我们加上背景图层需要61个图层，还需要60个帧，哇塞，这么多，那不累死了。呵呵，没办法，笨办法就这样啦，这个也可以用flash制作，不过用flash应该也需要这么多图层和帧，flash我是不懂，所以我这里用PS制作。

好了，下面我们就来看下具体的步骤吧，这里我们要用到imageready，一般新版的PS都是自带这个功能的，不需要另外下载这个软件了。我们先在PS中调出imageready这个功能，这个功能在哪里呢？我们只要点击菜单栏中的窗口→动画即可，使动画在勾选状态。

勾选之后我们会发现在PS窗口下面会多出一个新的窗口，那就是imageready功能窗口，见下图

OK，打开窗口之后，我们就要开始制作秒钟倒计时了，我们先要新建一个背景图层，具体要建多大呢，刚刚我们上面讲了，在切片的时候当切时分秒这几个数字的时候我们用了固定的大小进行切片，是30*36的大小，所以我们现在只要新建这么大小的背景层就可以了，至于背景图层的颜色，我们直接选择白色就可以了，因为我们的模板背景是白色的，当然也可以选择其他颜色，视具体情况而定。

背景图层新建好之后，动画（帧）窗口也同时新建了一个帧，但是我们需要60秒，所以需要60个帧，所以我们要新建60个帧，那帧又该怎么新建呢，大家可以看到在动画帧的窗口下面可以看到一排按钮，从右边往左数，第二个就是复制所选帧，我们可以对第一镇进行复制从而获得更多的帧，大家会问，难道要60个帧就要点60下吗？当然不是，这里我们有一个更简单的方法，那就是利用过渡动画帧按钮，大家会发现，当点击复制所选帧按钮之新建一个新的帧之后，原本不能使用的按钮都可以使用了，在复制所选帧按钮左边就是有一个像一串珠子的按钮，那就是过渡动画帧按钮，我们只要点击这个按钮就可以同时新建很多的帧，因为我们已经有两个帧了，所以接下来我们只要新建58个帧就可以了，对了，差点忘了，我们在新建过渡帧之前还有一个很重要的步骤哦，那就是调整帧的延长时间和帧的循环选项，如果在新建好所以帧之后再来做这步的话，那就要一个帧一个帧的调整过去了，那就麻烦了，还有要调整好帧的循环选项，我们要调整到永远，不然的话就会在一定次数之后停止，而不会一直循环下去了哦，所以这点很重要哦。

好了，60个帧都建好了，接下来就是最麻烦的事情了，我们要在每一个帧上输入一个数字，那就是从59到00的数字，我们现在第一帧上输入数字59，然后在第二帧输入58，当我们点击第二帧的时候，我们会发现，后面所有的帧都有59这个数字，没关系，我们只要通过图层面板对图层的可视性进行调节就可了，使每个图层显示他应该显示的数字既可以，像这样以此类推，输到最后一帧00，输完之后我们还要对所以帧上的数字进行适当的调整，使它们都在不同图层的同一个位置，这样当倒计时的时候图片看起来才不会乱跳。

OK，秒钟倒计时终于完成了，哎，秒杀、秒杀，这“秒”差点就把我给杀了， 先插把汗，再继续。。。。。。。。。。

下面我们就要开始制作分钟和时钟了哦，不过这里我们可以偷懒一下哦，不用像上面那样全都做起来哦，大家想下，有哪个买家会盯着那时间看几分钟甚至几个小时不动的呢，一般买家在买东西的时候基本都是眼睛扫过去就可以了，所以，该偷懒的时候还是要偷下懒滴。倒计时只是给买家一个提醒，一个警示，让他们知道，如果在这个时间段不买的话，价格可能就要上涨了哦，刺激他们一个购买的欲望。淘宝上购买的倒计时模板也全都一样，也不会每一分钟都能倒计时的，什么第二代、第三代，那都是徒有虚名，换了个马甲而已。

所以在做分钟的时候我们只要做10个帧就足够了，只要选择连续的10个数就可以了，至于时钟那就更简单了，就做一个图片就可以了，时钟永远不变，呵呵，下面是我做好的分钟，

五、代码转换

好了，模板切片切好了，倒计时也做好了，下面我们就要开始进入淘宝进行装修了哦，我们可以利用DW把切片好的文件转换成代码，然后把代码复制到淘宝的自定义内容编辑区，然后进行编辑就可以了。

我想这个大家都会吧，如果还有不明白的可以看下我文章开头公布的帖子地址哦，里面有详细的步骤，不过这里有一点要注意的是，在插入秒钟和分钟倒计时的时候，我们要在分钟刚好跳到下一帧的时候，以最快的速度插入秒钟，当然反过来先插入秒钟，再插入分钟也可以，道理是一样的。如果不这样的话，倒计时看起来就很别扭了哦，分秒跳动的时间就不一致了哦。

其他聚划算团购的模板也是类似哦，都可以用这种方法制作，我就不一一举例了。

下面是效果图：

好了，就写到这里吧，希望各位淘友多多顶帖哦， 下次跟大家分享更简单的方法，不过要等我琢磨出来哦