新年賀禮:製作百事可樂波浪動畫|視覺,平面,fireworks,課程,書籍,封面,設計,標誌,廣告,作品,圖片,下載|ArtBei.com

當前位置：設計首頁 >> 教程 >> Fireworks >> 正文 >> 新年賀禮:製作百事可樂波浪動畫

新年賀禮:製作百事可樂波浪動畫

[製作緣由]
　　受電視「百事可樂」廣告啟發，製作廣告片尾的百事可樂的波浪動畫。

[學習重點]
　　1、輔助線的靈活使用。
　　2、路徑對象的調整方法。
　　3、使用蒙版產生動畫效果。

[面向對像]
　　fw的初級學習者

[源文件下載]
　　點擊這裡

[製作步驟]

　　先來看效果演示：

　　一、基礎圖形繪製

　　1、新建文檔，設置文檔大小為400*400，背景色為「#006699」。

　　2、在編輯區繪製一個圓形對象，在屬性面板對其進行相關設置：填充色任意，不和背景色一致即可，不要描邊，寬和高均設為300，X和Y均設為50，這樣就保證了圓形對像在編輯區的位置居中。

　　3、選中圓形對象，按「Ctrl+Shift+D」五次，克隆五個圓形對象，在層面板上暫且隱藏這五個克隆對象。

　　4、選擇菜單「視圖|標尺」（Ctrl+Alt+R）命令，在編輯區的上側和左側顯示標尺。

　　5、選擇菜單「視圖|輔助線|顯示輔助線」（Ctrl+;）命令，在編輯區上允許顯示輔助線，以便於我們接下來的操作。

　　6、分別從上側標尺和左側標尺出拖拽出水平和垂直方向的兩條輔助線，使兩條輔助線相交於圓心。如果不確定是否相交於圓心，可以分別雙擊任意一條輔助線，在彈出的「移動引導線」的設置框中將「位置」均設為200，這樣配合第2步對圓形對象的大小、位置的數值設定，確。兩條輔助線相交於圓心處。

　　[注]觀察「百事可樂」的圖標可以發現，位於圖標中間位置的白色波浪圖形，並非是高度均一的，而是波峰和波谷的位置白色波浪的高度最高，位於兩側的起點和終點高度最低，這樣，接下來我們就先在編輯區拖拽出相關的輔助線，以備接下來的白色波浪圖形的繪製工作。
　　7、從上側標尺處依次拖拽出6條輔助線，這樣包括先前的經過圓心位置的輔助線，這樣，編輯區總共有7條水平方向的輔助線。從上而下，每條輔助線的位置依次為：「155、170、185、200、215、230、245」

　　8、在編輯區繪製一個矩形對象，使其左邊在圓形對象的左側，右邊與垂直方向的輔助線重合，上邊和水平方向的第2條輔助線重合，下邊和水平方向的第5條輔助線重合，填充顏色為白色，無描邊色，如下圖所示。

　　9、同時選中編輯區的圓形對像和矩形對象，選擇菜單「修改|組合路徑|交集」命令。將生成圖形對象的填充顏色設為白色。

　　10、取消層面板上2個圓形對象的隱藏狀態。

本新聞共4頁,當前在第1頁 1 2 3 4

相關鏈接：視覺,平面,fireworks,課程,書籍,封面,設計,標誌,廣告,作品,圖片,下載

下一篇：詳解Fireworks中的動畫製作

商業類標誌設計圖片-LogoDes	標誌設計圖片-Jessica Sesta	標誌設計圖片-HREF.RU	標誌設計圖片-Ted Gibbs
標誌設計圖片-Robert Bell	清潔類標誌設計 LogoDesign	通信類標誌設計圖片-LogoDes	國外精品標誌設計圖片-
標誌設計 Chet Yeary II	辦公室類標誌設計 Logo Desi	標誌設計圖片-melissa digli	標誌設計圖片-Phil Miller

新年賀禮:製作百事可樂波浪動畫,視覺,平面,fireworks,課程,書籍,封面,設計