Illustrator繪制Flash元件_海鷗飛翔

教程頻道 - Illustrator 來源:設計在線 作者:hccm 2010-07-20

先來看下效果演示:

這是以前制作的一個flash,場景的繪制和海鷗元件都是在AI中完成的,只是在flash中整合了一下。

現(xiàn)在把海鷗飛翔的制作過程發(fā)上來和大家探討一下AI關于動畫制作的部分。

我們使用畫筆工具繪制一個海鷗飛 翔的循環(huán),共六楨。

1,新建一個空白文檔。并在場景上畫一塊藍色背景,用來烘托海鷗白色的翅膀。使用多邊形工具,單擊畫布,繪制三角形

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

2,用直接選擇工具將三角形拖成如下形狀,再用直線工具,在上面繪制直線。

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

3,編組,時實上色。(我后來想想海鷗翅膀上的顏色也許換成宗色會更好看,呵呵,大家隨意了:)去描邊

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

4,將對象拖入畫筆工具面板,選擇新建藝術畫筆,設置如下:

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

建立成功后 ,我們會在畫筆面板中看到如圖的圖標。

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

5,使用鋼筆工具繪制海鷗的身體。

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

6,在海鷗的身體上繪制出二只翅膀。(二只翅膀是二條獨立的曲線)

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

7,逐個選中黑色的曲線 ,應用剛剛建立的翅膀畫筆。因為大家的情況不同,可以更改描邊的大小來,獲得自己合適的大小。

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

8.繪制完一只海鷗后,請復制圖層。每個海鷗都占一層。我將海鷗的六楨錯開,是為了讓大家看清楚它每一楨的情況,在實際操作中,我們要將它們疊在一起,在flash用引導線做飛行。在這里只要完成一個翅膀拍動的效果循環(huán)就行了。最后將藍色背景去除。

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

9,文件,導出。在導出格式中選擇swf。在選項中,注意選擇swf楨,這樣,我們一個動作元件就做好了。

Illustrator教程:繪制Flash元件_海鷗飛翔_教程網(wǎng)

作者的另一個作品:

在AI中,如上面這個作品的水草部分也是單獨在AI中完成的。在AI中做了一根水草飄動的swF元件,在flash整合起來的。

制作方法:選畫好直立的水草做畫筆,用鋼筆繪制出水草運動中的關鍵楨,應用畫筆。再使用混合 生成中間楨。然后在混合菜單里將它擴展 ,再打開到圖層右上角的三角選擇分散到圖層(順序),然后再導出楨。

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關推薦