今天我要教大家的是如何盜取動態的模板,而且還是像秒殺、聚劃算等有倒計時的模板,這可是我花了一個通宵時間琢磨出來的哦, 希望大家能夠支持我哦,如果感覺不錯的話,請多多的頂帖哦。
那具體該如何“盜取”呢, 前面我給大家介紹的是利用截圖工具把他人的模板截圖下來,然后通過自己的修改使之成為自己的模板,但是今天的模板不像上次那樣,是靜態的,截圖就可以取下來,今天的是動態模板,用截圖的話是截不出動態的圖片的啊,那該如何是好呢,還是用其他的什么方式?
呵呵,其實方法還是一樣,還是用截圖工具,大家可能會懷疑,截圖怎么截出動態的圖片呢,這根本不現實啊,沒錯,截圖是不能截出動態的圖片,更截不出有倒計時的圖片,但是,我們只需要截一個靜態的圖片就可以了,只要把模板的形狀給截圖下來就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把切片好的文件轉換成代碼,然后把代碼復制到淘寶的自定義內容編輯區,然后進行編輯就可以了。
我想這個大家都會吧,如果還有不明白的可以看下我文章開頭公布的帖子地址哦,里面有詳細的步驟,不過這里有一點要注意的是,在插入秒鐘和分鐘倒計時的時候,我們要在分鐘剛好跳到下一幀的時候,以最快的速度插入秒鐘,當然反過來先插入秒鐘,再插入分鐘也可以,道理是一樣的。如果不這樣的話,倒計時看起來就很別扭了哦,分秒跳動的時間就不一致了哦。
其他聚劃算團購的模板也是類似哦,都可以用這種方法制作,我就不一一舉例了。
下面是效果圖:
好了,就寫到這里吧,希望各位淘友多多頂帖哦, 下次跟大家分享更簡單的方法,不過要等我琢磨出來哦
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 如何模仿別人的網店制作淘寶裝修模板