網店店標是網店的一個重要形象，不但代表店鋪的形象，還出現在您論壇中發(fā)帖的頭像，另外你使用旺旺和別人聊天時候也代表了你的形象。想必大家在淘寶學堂里面也看過如何制作漂亮的靜態(tài)店標，但是動態(tài)無疑更能吸引客戶的注意。那么如何設計制作動態(tài)網店店標呢？

今天地瓜通過實例教學給大家介紹如何設計制作動態(tài)網店店標，一個漂亮的動態(tài)店標在手，吸引客戶眼睛，更大機會促進交易完成。本文讓你輕松掌握PS制作GIF動畫的方法和技巧。那么按照國際慣例，我們先上一個女裝店動態(tài)店標和一個數碼店動態(tài)店標效果圖給大家先睹為快。

好了！看完動態(tài)店標實例，我們接下來開始設計制作動態(tài)網店店標了。掌柜們都知道淘寶旺旺頭像是120*120，店標是100*100像素的，這里我們以頭像為示例，啟動PS2軟件先建一個120*120的文檔。

1.我們先以女裝店網店店標為例子。那么我們要提前準備幾個漂亮的女裝圖片，當然可以根據你的店鋪需要來換成你需要的照片。（如果你是童裝那就用童裝啦，如果你賣汽車產品就用汽車或者汽車相關產品啦）。

2.用PS剪裁工具，我們將第一步所準備的圖片都剪裁成120*120像素。

3.用“移動工具”將剪裁好的照片放置到我們剛才先建好的120像素的空白文檔中控制需要拖拽拷貝就可以了。

4.F7調出圖層調板，我們得到了一個多張照片重疊在以前的多圖層文件。PS:設計制作動態(tài)網店店標，主要就是配合圖層使用PS捆綁的軟件ImageReady完成的。因此圖層調板的使用就是核心技巧。

5.調整拾色器，選擇桃紅色后，填充上步我們建立的空白圖層。

6.先建出幾個輔助參考線，分別為水平：10 20 100 110像素。

7.“矩形工具”使用“填充像素”，結合我們做好的輔助線，繪制出圖層8黑色填充圖層，這是用來烘托動畫效果的圖形層。

8.同上方法，繪制出圖層9。

9.使用文字工具，如下圖所示，做出幾個文字圖層。

10.有了店鋪的文字圖層后，現在我們做那個發(fā)光效果的圖層，在桃紅色填充的圖層7上面先建一個空白層圖層10。

11.使用漸變工具徑向模式，注意拾色器調整出粉紅色前景色和桃紅色背景色，制作出發(fā)光效果的圖層10，所有準備工作做好了點擊切換到ImageReady。

12.ImageReady是PS 捆綁軟件，界面大同小異，使用簡單，點“窗口”菜單調出“動畫”調板。配合圖層的顯示和隱藏，我們就能設計出漂亮的動畫。

圖層的顯示和隱藏，就是通過圖層調板上“眼睛的小圖標”控制的。

14.GIF動畫的核心就是通過一個個動畫關鍵幀完成，關鍵幀就是動畫調板上的那個小窗口，我們可以通過點擊調整這幀的演示時間。

15.點擊動畫調板下先建關鍵幀，然后配合圖層調板，調整先建幀顯示的圖層，我們就能設計出照片一個個交替顯示的動畫效果。

16.下面我們編排文字動畫效果。先通過控制兩個矩形圖層，設計出褐色蒙板漸變進入的效果。

17.最后檢查一邊動畫調板中關鍵幀，記得最后一幀為了停留時間更長，我們調整成2秒。當然時間親們可以靈活運用。

18.所有的動畫效果編排完畢后，最后調出優(yōu)化調板，調整相應的顏色和參數，然后發(fā)布就大功告成了。

上面我們知識講解了一個女裝店動態(tài)網店店標的編排。相信親們能舉一反三，學會了方法靈活運用到各種動態(tài)網店店標中。如果你學習比較吃力，那么可以多在我們淘寶學堂網的拍照作圖和網店裝修欄目里多學習學習PS和裝修技巧，這樣以后在看教程時候就容易多了。

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

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

本文來源： 如何設計制作動態(tài)網店店標