【美工寶盒】如何製作淘寶天貓店鋪首頁飄雪動畫

本教程適用於淘寶基礎版、旺鋪專業版、天貓商城店鋪。

在店鋪首頁兩側添加flash動畫,能增加頁面的趣味性、美觀度,提高頁面停留時間。

工具/原料

淘寶開店帳號
美工寶盒軟體

方法/步驟

登陸淘寶店鋪裝修後台,本教程以旺鋪專業版為例;

點擊添加模塊,新建一個950的自定義內容區模塊;

建立好模塊以後,下載美工寶盒。

軟體下載地址:

http://pan.baidu.com/s/1mgC4bva

找到全屏動畫生成器工具,雙擊打開,按照軟體界面上的幫助提示,選擇一個動畫效果。點擊生成並複製按鈕。

在淘寶店鋪後台,點擊編輯模塊。

設置模塊標題為不顯示。切換到源碼輸入模式。

滑鼠右鍵粘貼在美工寶盒裡複製的代碼,點擊確定按鈕。

點擊右上角的預覽或者發布按鈕。

下面是預覽的效果。

教程至此完畢,感謝各位的收看。

注意事項

美工寶盒是一個免費的內嵌插件式軟體。內置的工具插件廣泛支持淘寶基礎版、旺鋪專業版、天貓商城、京東商城等網店平台。是一款為廣大網店店主、美工量身定製的工具箱軟體,軟體的主要功能是生成網店裝修常用的的Css+Js特效模塊代碼,並具有網店美工、運營必備的輔助插件和學習網址、素材等,是網絡店鋪經營的好幫手。

相關文章

  1. 淘寶店鋪裝修之製作淘寶全屏海報輪播

    手把手教你如何製作全屏海報輪播. 工具/原料 電腦 方法/步驟 製作兩幅或者以上的全屏海報.長為1920像素,高的話隨意,但是幾幅圖片的高應該相同.一般的話是500或者550.如果你是代理,那麼就可以 ...
  2. 【淘寶裝修】如何製作淘寶天貓店鋪二維碼圖片

    百度百科對二維碼的定義:二維碼(Two-dimensional code),又稱二維條碼,它是用特定的幾何圖形按一定規律在平面(二維方向)上分布的黑白相間的圖形,是所有信息數據的一把鑰匙.在現代商業活 ...
  3. 怎麼樣製作淘寶或者天貓首頁全屏輪播效果

    我們在裝修淘寶或者天貓店鋪時,首頁輪播動畫效果製作都是比較麻煩的.一般都是寫代碼製作,但是能自己寫代碼,早就做碼農了,還做啥設計師,我這裡介紹一個傻瓜式的全屏輪播生成神器.我使用的是神碼裝修工具 工具 ...
  4. 如何快速製作淘寶天貓主圖

    通過在"圖旺旺在線模板庫"中選擇自己喜歡的模板.修改模板完成快速製作. 工具/原料 電腦 圖旺旺 方法/步驟 點擊軟體左上方的"模板庫"按鈕,打開"圖 ...
  5. 火牛怎麼用製作淘寶/天貓主圖視頻?

    淘寶主圖視頻可以讓買家更直觀的看到寶貝的上身效果,而且主圖視屏也是增加商品權重的一個維度,那麼廣大中小賣家自己拍攝主圖視頻成本太高,不會切視頻該怎麼辦呢?今天小編教大家一個製作主圖視屏的方法. 工具/ ...
  6. 多彩視頻專業製作----淘寶天貓主圖9秒視頻製作

    對於廣大賣家來說,主圖視頻的最大優勢在於:吸引買家眼球,提升停留時間,提升轉 化率,現在全網所有的主圖視頻都是以靜態圖片製作為主.這樣感覺都不盡人意,那有真正的錄像素材來得真實呢.為此,我們推出視頻素 ...
  7. 教你用Photoshop製作淘寶天貓常用的線稿

    做電商設計,經常會用到一些設計師寄語之類的模塊的設計,需要簡單的製作一個線稿圖.現在整理一下我認為比較簡單的方法給大家參考 工具/原料 電腦一台 Photoshop軟體 方法/步驟 打開原圖,把背景層 ...
  8. 製作淘寶天貓2018元旦節促銷海報教程

    馬上就要到元旦了,相信有在場的有些朋友是做電商的,又要忙碌趕著做活動了,在這裡我也抽個時間給大家帶來用PS製作合成元旦促銷的海報的教程. 工具/原料 PS cc 2017 方法/步驟 1,我們來建立一 ...
  9. 如何製作淘寶/天貓9秒主圖視頻

    最近主圖視頻又有大動作了,天貓主圖視頻將開通,主搜欄目值得買裡面將會植入視頻購,還會有更多的主圖視頻新活動,主圖視頻已經成為展示商品.優化排名的一個不可或缺的部分,而主圖視頻如何快速並且大量製作呢?接 ...
  10. 使用Photoshop製作淘寶全屏海報

    開淘寶網店的人很多,如何使用Photoshop製作淘寶全屏海報呢?小編這裡分享我的經驗,步驟少簡單實用. 工具/原料 Photoshop軟體 聯網的電腦 方法/步驟 首先使用百度圖片搜尋一張1920寬 ...
  11. 怎樣製作淘寶店鋪格子促銷模板

    網店裡少不了促銷模板的影子,做一個促銷模板其實很簡單,下面就通過一則簡的鋪子,來教大家淘寶店鋪格子促銷模板製作方法. 步驟: 先看一下淘寶店鋪格子促銷模板的效果圖: 淘寶店鋪格子促銷模板第一步:找背景 ...
  12. 巧用PS製作淘寶通欄店招--店招導航欄製作(二)

    前兩篇分享了通欄店招的頁頭背景圖片的製作和上傳方法,這篇我們繼續分享店招通欄導航欄的製作與上傳方法. 方法/步驟 在店招通欄背景中我們截取一張1920*30的矩形圖片,並填充我們自己想要的顏色.為了達 ...
  13. 製作淘寶主圖視頻怎麼下載到本地?

    沒想到製作淘寶主圖視頻是這麼簡單的!真是太神奇了!下載也同樣的簡單哦~ 方法/步驟 登陸粉我吧,打開"個人中心" 購買編輯好的主圖視頻 點擊"生成影片" 下載視 ...
  14. 最新製作淘寶主圖視頻DV實拍的方法

    主圖視頻以9秒影音動態呈現,可以有效的在短時間內提升買家對商品的認知和了解.目前市面上多是圖片變視頻的形式來做主圖視頻,DV實拍的卻因為價格高昂等方面的問題沒有得到很好的.下面小編就DV視頻模板來簡析 ...
  15. 進來都會製作淘寶寬屏輪播圖

    越來越多的淘寶賣家在追求店鋪的美觀  而淘寶自身只有950*600的  但是很多賣家的輪播圖卻是寬屏輪播圖  下面來分享一下我的製作過程吧 工具/原料 製作三張1920*600的或者是1440*500 ...
  16. 運用DW的基本功能製作淘寶模版代碼

    其實,學Dreamweaver(以下簡稱DW) 很容易,要看你有沒有用心去學了.對於每一件事都要用心的去學,用心的去做,你會把它做好的.在中國,有著很多的俗語,如"慢工出細活"&q ...
  17. 如何使用EXCEL製作淘寶活動銷售報表之IF函數

    如何使用EXCEL製作淘寶活動銷售報表是一個系列的教程,本段只是其中的IF函數. 淘寶天天特賣中特價產品一般是包郵的,但是實際上賣家是需要付出運費的,於地區的不同,這樣就導致了運費的不一樣,如果一個個 ...
  18. ps快速製作淘寶店招

    用ps做淘寶店招是基礎 工具/原料 1.ps軟體(百度下載) psd素材(請到網上下載) 方法/步驟 用ps打開下載的店招psd,psd就是ps的素材的後綴 2打開ps軟體,然後點擊捉手工具,如圖 看 ...
  19. 如何製作淘寶全屏店招

    打造淘寶店鋪全屏店鋪招牌,你也可以讓店鋪變得美觀大氣,一起動手試試吧! 工具/原料 電腦 Photoshop(簡稱PS) 淘寶店鋪 方法/步驟 PS里製作950px*120px店招,並保存好jpg圖片 ...
  20. 在阿里巴巴下載商品並製作淘寶寶貝數據包

    我們都知道,在我們新開網店的時候有很多途徑可以找到貨源,其中阿里巴巴找貨源的就有不少,有一些阿里巴巴商家在同意你做分銷的時候可能會給他你數據包,也有的商家可能沒空來做數據包或者不會做,那麼這種情況就可 ...