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

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

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

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

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

三、PS切片

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

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

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

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

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

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

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

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

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

四、倒計(jì)時(shí)的制作

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

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

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

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

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

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

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

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

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

五、代碼轉(zhuǎn)換

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

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

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

下面是效果圖：

好了，就寫(xiě)到這里吧，希望各位淘友多多頂帖哦， 下次跟大家分享更簡(jiǎn)單的方法，不過(guò)要等我琢磨出來(lái)哦

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

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

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