今天我要教大家的是如何盜取動態(tài)的模板，而且還是像秒殺、聚劃算等有倒計時的模板，這可是我花了一個通宵時間琢磨出來的哦， 希望大家能夠支持我哦，如果感覺不錯的話，請多多的頂帖哦。

那具體該如何“盜取”呢， 前面我給大家介紹的是利用截圖工具把他人的模板截圖下來，然后通過自己的修改使之成為自己的模板，但是今天的模板不像上次那樣，是靜態(tài)的，截圖就可以取下來，今天的是動態(tài)模板，用截圖的話是截不出動態(tài)的圖片的啊，那該如何是好呢，還是用其他的什么方式？

呵呵，其實(shí)方法還是一樣，還是用截圖工具，大家可能會懷疑，截圖怎么截出動態(tài)的圖片呢，這根本不現(xiàn)實(shí)啊，沒錯，截圖是不能截出動態(tài)的圖片，更截不出有倒計時的圖片，但是，我們只需要截一個靜態(tài)的圖片就可以了，只要把模板的形狀給截圖下來就OK了，不需要能夠倒計時的圖片。

大家可能會說，我要的是能夠倒計時的，這個不能倒計時的有什么用呢，講了這么多，這不是浪費(fèi)感情嗎？ 呵呵，別這么急著下結(jié)論哦，這就是我今天要講的內(nèi)容，模板有了，不就是個倒計時嗎，我們自己可以做啊，下面我就來教大家如何制作。

今天的內(nèi)容 不難，但是比較復(fù)雜，比較繁瑣，是個笨辦法， 哎，沒辦法，誰讓自己技術(shù)還不到家呢，本想在淘大論壇里找一些相關(guān)的教程，可是找遍了整個論壇，也找不到一篇有關(guān)制作秒殺倒計時模板的教程，也曾在各大搜索引擎尋找過，也未曾找到類似的教程， 沒辦法，只能將就了，自己硬著頭皮做唄，雖然辦法比較笨，但是效果一樣啊，哈哈。有興趣的朋友可要細(xì)心了哦。

三、PS切片

好了，接下來我就教大家具體如何制作秒殺模板，首先我們要找一張秒殺團(tuán)購的模板，然后利用截圖工具把模板截圖下來保存。當(dāng)然，你也可以自己制作一個模板，

然后我們就要利用PS對模板進(jìn)行編輯了，我們現(xiàn)在PS中打開圖片。

接下來我們就要對模板進(jìn)行編輯了這里只要做很簡單的編輯就可以了，只要結(jié)合自己的寶貝對價格稍作修改即可，其他的都可以原封不動，當(dāng)然，如果你想做的更好看，也可以進(jìn)行適當(dāng)?shù)男薷模冶容^喜歡偷懶，所以就只改下價格就OK了。 具體如何修改我這里不作詳細(xì)解答，如有不懂的朋友可以去看我前面的帖子，下面是修改好的圖片

修改好之后我們就要對模板進(jìn)行切片，在這里，切片的時候要稍微注意一下，在切時分秒這幾個數(shù)字的時候我們稍微對切片的大小進(jìn)行適當(dāng)?shù)恼{(diào)整，使三個能調(diào)整成相同的大小，以便于后面我們只做倒計時。我們在樣式處選擇固定大小，具體參數(shù)視具體模板而定，我這里調(diào)整參數(shù)如下圖

其他地方切片可仍舊選擇正常模式進(jìn)行切片，下面是完整切片后的模板

完成切片之后我們就對模板進(jìn)行保存，這里保存需要注意一點(diǎn)，有一定基礎(chǔ)的朋友應(yīng)該都知道如何保存，但是一些對PS不熟悉的朋友可能會弄錯，所以我還是在這里寫明一下， 那就是這里的保存不是簡單的文件→存儲或者文件→存儲為，而是要用文件→存儲為Web和設(shè)備所用格式 或者按快捷鍵（ctrl+alt+shift+S）

點(diǎn)擊存儲為Web和設(shè)備所用格式后，會彈出如下對話框，我們可以對圖片格式，品質(zhì)等進(jìn)行調(diào)整

調(diào)整好之后我們就可以保存了，在保存的時候我們要注意下，因?yàn)槲覀円牟粌H僅是圖片，而是圖片和html文件兩者都要，所以在保存的時候我們要在格式處選擇HTML和圖像，然后點(diǎn)擊保存

保存好之后切片的工序就算完成了，我們先把保存好的文件放一邊，接下來我們要做的就是倒計時，這可是一個麻煩的工序了，雖然就那么幾個步驟，但是那幾個步驟都要重復(fù)N遍，累啊。

四、倒計時的制作

下面我就給大家詳細(xì)講解如何制作倒計時，其實(shí)很簡單，就是制作一個動畫圖片，好了，下面我們就先來制作秒鐘倒計時，地球人都知道，一分鐘有60秒，所以我們加上背景圖層需要61個圖層，還需要60個幀，哇塞，這么多，那不累死了。呵呵，沒辦法，笨辦法就這樣啦，這個也可以用flash制作，不過用flash應(yīng)該也需要這么多圖層和幀，flash我是不懂，所以我這里用PS制作。

好了，下面我們就來看下具體的步驟吧，這里我們要用到imageready，一般新版的PS都是自帶這個功能的，不需要另外下載這個軟件了。我們先在PS中調(diào)出imageready這個功能，這個功能在哪里呢？我們只要點(diǎn)擊菜單欄中的窗口→動畫即可，使動畫在勾選狀態(tài)。

勾選之后我們會發(fā)現(xiàn)在PS窗口下面會多出一個新的窗口，那就是imageready功能窗口，見下圖

OK，打開窗口之后，我們就要開始制作秒鐘倒計時了，我們先要新建一個背景圖層，具體要建多大呢，剛剛我們上面講了，在切片的時候當(dāng)切時分秒這幾個數(shù)字的時候我們用了固定的大小進(jìn)行切片，是30*36的大小，所以我們現(xiàn)在只要新建這么大小的背景層就可以了，至于背景圖層的顏色，我們直接選擇白色就可以了，因?yàn)槲覀兊哪０灞尘笆前咨模?dāng)然也可以選擇其他顏色，視具體情況而定。

背景圖層新建好之后，動畫（幀）窗口也同時新建了一個幀，但是我們需要60秒，所以需要60個幀，所以我們要新建60個幀，那幀又該怎么新建呢，大家可以看到在動畫幀的窗口下面可以看到一排按鈕，從右邊往左數(shù)，第二個就是復(fù)制所選幀，我們可以對第一鎮(zhèn)進(jìn)行復(fù)制從而獲得更多的幀，大家會問，難道要60個幀就要點(diǎn)60下嗎？當(dāng)然不是，這里我們有一個更簡單的方法，那就是利用過渡動畫幀按鈕，大家會發(fā)現(xiàn)，當(dāng)點(diǎn)擊復(fù)制所選幀按鈕之新建一個新的幀之后，原本不能使用的按鈕都可以使用了，在復(fù)制所選幀按鈕左邊就是有一個像一串珠子的按鈕，那就是過渡動畫幀按鈕，我們只要點(diǎn)擊這個按鈕就可以同時新建很多的幀，因?yàn)槲覀円呀?jīng)有兩個幀了，所以接下來我們只要新建58個幀就可以了，對了，差點(diǎn)忘了，我們在新建過渡幀之前還有一個很重要的步驟哦，那就是調(diào)整幀的延長時間和幀的循環(huán)選項，如果在新建好所以幀之后再來做這步的話，那就要一個幀一個幀的調(diào)整過去了，那就麻煩了，還有要調(diào)整好幀的循環(huán)選項，我們要調(diào)整到永遠(yuǎn)，不然的話就會在一定次數(shù)之后停止，而不會一直循環(huán)下去了哦，所以這點(diǎn)很重要哦。

好了，60個幀都建好了，接下來就是最麻煩的事情了，我們要在每一個幀上輸入一個數(shù)字，那就是從59到00的數(shù)字，我們現(xiàn)在第一幀上輸入數(shù)字59，然后在第二幀輸入58，當(dāng)我們點(diǎn)擊第二幀的時候，我們會發(fā)現(xiàn)，后面所有的幀都有59這個數(shù)字，沒關(guān)系，我們只要通過圖層面板對圖層的可視性進(jìn)行調(diào)節(jié)就可了，使每個圖層顯示他應(yīng)該顯示的數(shù)字既可以，像這樣以此類推，輸?shù)阶詈笠粠?0，輸完之后我們還要對所以幀上的數(shù)字進(jìn)行適當(dāng)?shù)恼{(diào)整，使它們都在不同圖層的同一個位置，這樣當(dāng)?shù)褂嫊r的時候圖片看起來才不會亂跳。

OK，秒鐘倒計時終于完成了，哎，秒殺、秒殺，這“秒”差點(diǎn)就把我給殺了， 先插把汗，再繼續(xù)。。。。。。。。。。

下面我們就要開始制作分鐘和時鐘了哦，不過這里我們可以偷懶一下哦，不用像上面那樣全都做起來哦，大家想下，有哪個買家會盯著那時間看幾分鐘甚至幾個小時不動的呢，一般買家在買東西的時候基本都是眼睛掃過去就可以了，所以，該偷懶的時候還是要偷下懶滴。倒計時只是給買家一個提醒，一個警示，讓他們知道，如果在這個時間段不買的話，價格可能就要上漲了哦，刺激他們一個購買的欲望。淘寶上購買的倒計時模板也全都一樣，也不會每一分鐘都能倒計時的，什么第二代、第三代，那都是徒有虛名，換了個馬甲而已。

所以在做分鐘的時候我們只要做10個幀就足夠了，只要選擇連續(xù)的10個數(shù)就可以了，至于時鐘那就更簡單了，就做一個圖片就可以了，時鐘永遠(yuǎn)不變，呵呵，下面是我做好的分鐘，

五、代碼轉(zhuǎn)換

好了，模板切片切好了，倒計時也做好了，下面我們就要開始進(jìn)入淘寶進(jìn)行裝修了哦，我們可以利用DW把切片好的文件轉(zhuǎn)換成代碼，然后把代碼復(fù)制到淘寶的自定義內(nèi)容編輯區(qū)，然后進(jìn)行編輯就可以了。

我想這個大家都會吧，如果還有不明白的可以看下我文章開頭公布的帖子地址哦，里面有詳細(xì)的步驟，不過這里有一點(diǎn)要注意的是，在插入秒鐘和分鐘倒計時的時候，我們要在分鐘剛好跳到下一幀的時候，以最快的速度插入秒鐘，當(dāng)然反過來先插入秒鐘，再插入分鐘也可以，道理是一樣的。如果不這樣的話，倒計時看起來就很別扭了哦，分秒跳動的時間就不一致了哦。

其他聚劃算團(tuán)購的模板也是類似哦，都可以用這種方法制作，我就不一一舉例了。

下面是效果圖：

好了，就寫到這里吧，希望各位淘友多多頂帖哦， 下次跟大家分享更簡單的方法，不過要等我琢磨出來哦

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 如何模仿別人的網(wǎng)店制作淘寶裝修模板