第二講:FLASH8.0基本繪圖工具(1)[FLASH8基礎教程][ 作者:佚名 文章來源:轉載 點擊數(shù):
3710 更新時間:2007-9-21 4:47:01| 收藏本文 ]
【在線投稿】【信箱投稿(qqs18@163.com)】 【背景: 字號:大 中 小】 在計算機繪圖領域中,根據(jù)成圖原理和繪制方法的不同,分為矢量圖和位圖兩種類型。 矢量圖形是由一個個單獨的點構成的,每一個點都有其各自的屬性,如位置、顏色等。因此,矢量圖與分辨率無關,對矢量圖進行縮放時,圖形對象仍保持原有的清晰度和光滑度,不會發(fā)生任何偏差,如圖2-0-1所示是放大了16倍的矢量圖效果。
圖2-0-1 矢量圖放大到16倍時依然清晰
位圖圖像是由象素點構成的,象素點的多少將決定位圖圖像的顯示質量和文件大小,位圖圖像的分辨率越高,其顯示越清晰,文件所占的空間也就越大。因此,位圖圖像的清晰度與分辨率有關。對位圖圖像進行放大時,放大的只是象素點,位圖圖像的四周會出現(xiàn)鋸齒狀。如圖2-0-2所示是放大了16倍的位圖效果。
圖2-0-2 位圖放大16倍時模糊不清
在Flash動畫制作過程中,會大量的運用到矢量圖形。雖然有一系列的功能強大的專門矢量圖制作軟件,如Corel公司的CorelDRAW 軟件、Macromedia公司的FreeHand軟件和 Adobe公司的 Illustrator軟件等,而運用Flash自身的矢量繪圖功能將會更方便,更快捷。在這一章里,我們將通過FLASH基本繪圖工具的學習,繪制出一些簡單的矢量圖。另外,Flash也具備一定的位圖處理能力,雖然比不上專業(yè)的位圖處理軟件,但是對于制作動畫過程中需要對位圖的一些簡單除了,它還是能夠勝任的。
第一節(jié) 基本繪圖工具(上)Flash 提供了各種工具來繪制自由形狀或準確的線條、形狀和路徑,并可用來對填充對象涂色,如圖2-1-1所示是Flash工具箱。
圖2-1-1 繪圖工具面板
我們將分兩節(jié)來學習這些工具的使用方法。在本節(jié)里,我們學習線條工具、滴管工具、墨水瓶工具、箭頭工具、刷子工具、任意變形工具、顏料桶等工具的基本用法。 1.繪制和處理線條【線條工具】是Flash中最簡單的工具?,F(xiàn)在我們就來畫一條直線。鼠標單擊【線條工具】,移動鼠標指針到舞臺上,在你希望直線開始的地方按住鼠標拖動,到結束點松開鼠標,一條直線就畫好了。 【線條工具】能畫出許多風格各異的線條來。打開【屬性】面板,在其中,我們可以定義直線的顏色、粗細和樣式,如圖2-1-2所示。
圖2-1-2 直線【屬性】面板
在圖2-1-2所示的【屬性】面板中,單擊其中的【筆觸顏色】按鈕,會出現(xiàn)一個調色板對話框,同時光標變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進制數(shù)值。顏色以#開頭,如#99FF33,如圖2-1-3所示。
圖2-1-3 筆觸調色板
現(xiàn)在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕,會彈出一個【筆觸樣式】對話框,如圖2-1-4所示。
圖2-1-4 【筆觸樣式】對話框
為了方便觀察,我們把粗細定為3象素(pts),選擇不同的線型和顏色,來看看我們畫出的線條,如圖2-1-5所示。 圖2-1-5 不同類型的線條
試一試改變它的各項參數(shù),會對你的繪圖有很大幫助。 【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線,看看【屬性】面板,它顯示的就是該直線的屬性,而且工具也自動變成了【墨水瓶工具】,如圖2-1-6所示。
圖2-1-6 使用【滴管工具】選取線條屬性
使用【墨水瓶工具】單擊其它線條,看看什么結果:所有線條的屬性都變成了和滴管工具選中的直線一樣了。 如果你需要更改這條直線的方向和長短,Flash也為我們提供了一個很便捷的工具:【箭頭工具】。 【箭頭工具】的作用是選擇對象、移動對象、改變線條或對象輪廓的形狀。單擊選擇【箭頭工具】,然后移動鼠標指針到直線的端點處,指針右下角變成直角狀,這時拖動鼠標可以改變直線的方向和長短,如圖2-1-7所示。
圖2-1-7 鼠標移到端點處
如果鼠標指針移動到線條中任意處,指針右下角會變成弧線狀,拖動鼠標,可以將直線變成曲線。這是一個很有用處的功能,在我們鼠標繪圖還不能隨心所欲時,它可以幫助我們畫出所需要的曲線,如圖2-1-8所示。
圖2-1-8 鼠標移到線條中間
2.實例演練——畫一片樹葉現(xiàn)在我們就來實踐一下,練習畫一片樹葉。 打開FALSH軟件,系統(tǒng)會自動建立一個FLASH文檔,在這里我們不改變文檔的屬性,直接使用其默認值。 (1)新建圖形元件 執(zhí)行【插入】|【新建元件】命令,或者按快捷鍵CTRL+F8,彈出創(chuàng)建新元件對話框,在【名稱】文本對話框中輸入元件名稱“樹葉”,【行為】選擇“圖形”,單擊【確定】按鈕,如圖2-1-9所示。
圖1-1-9 創(chuàng)建圖形元件
這時工作區(qū)變?yōu)?#8220;樹枝”元件的編輯狀態(tài),如圖2-1-10所示。
圖2-1-10 “樹葉”圖形元件編輯場景
說明:圖形元件是Flash的基本元素,有關它的詳細內容請參閱第4章的有關內容。 (2)繪制樹葉圖形 在“樹葉”圖形元件編輯場景中,首先用【線條工具】畫一條直線,【筆觸顏色】設置為深綠色,如圖2-1-11所示。
圖2-1-11 畫直線
然后用【箭頭工具】將它拉成曲線,如圖2-1-12所示。 圖2-1-12 拉成曲線
再用【線條工具】繪制一個直線,用這條直線連接曲線的兩端點,如圖2-1-13所示。 圖2-1-13 連接兩端
用【箭頭工具】將這條直線也拉成曲線,如圖2-1-14所示。
圖2-1-14 拉成曲線
一片樹葉的基本形狀已經(jīng)出來了,現(xiàn)在我們畫葉脈,在兩端點間畫直線,然后拉成曲線,如圖2-1-15和圖2-1-16所示。
圖2-1-15 畫葉脈線 圖2-1-16 直線變曲
再畫旁邊的細小葉脈,可以全用直線,也可以略加彎曲,這樣,一片簡單的樹葉就畫好了,如圖2-1-17所示。
圖2-1-17 完成效果圖
(3)編輯和修改樹葉 如果在畫樹葉的時候出現(xiàn)錯誤,比如說,畫出的葉脈不是你所希望的樣子,你可以執(zhí)行【編輯】|【撤銷】命令撤銷前面一步的操作,也可以選擇下面更簡單的方法:用【箭頭工具】單擊你想要刪除的直線,這條直線變成網(wǎng)點狀,說明它已經(jīng)被選取,你可以對它進行各種修改,如圖2-1-18所示。
圖2-1-18 被選取狀態(tài)
要移動它,就按住鼠標拖動,要刪除它,就直接按DEL鍵。按住SHIFT鍵連續(xù)單擊線條,可以同時選取多個對象。如果要選取全部的線條,是否得按住SHIFT鍵挨個點擊呢?不需要,我們用黑色箭頭工具拉出一個選取框來,就可以將其全部選中了,如圖2-1-19所示。 圖2-1-19 框選對象
說明:在一條直線上雙擊,也可以將和這條直線相連并且顏色、粗細、樣式相同的整個線條范圍全部選取。 (4)給樹葉上色 接下來我們要給這片樹葉填上顏色。在工具箱中看到這個【顏色】選項了嗎?如圖2-1-20所示。
圖2-1-20 【顏色】選項
單擊【填充顏色】按鈕,會出現(xiàn)一個調色板,同時光標變成吸管狀,如圖2-1-21所示。
圖2-1-21 調色板
說明:你除了可以選擇調色板中的顏色外,還可以點選屏幕上任何地方吸取你所需要的顏色。 如果你覺得調色板的顏色太少不夠選,單擊一下調色板右上角的【顏色選擇器】按鈕,會彈出一個【顏色】對話框,其中有更多的顏色選項,在這里,你能把選到的顏色添加到自定義顏色中,如圖2-1-22所示。
圖2-1-22 【顏色】對話框
在【自定義顏色】選項下單擊一個自定義色塊,該色塊會被虛線包圍,在【顏色】對話框右邊的【調色板】中單擊你喜歡的顏色,上下拖動右邊顏色條上的箭頭,移到你需要的深淺度上,單擊【添加到自定義顏色】按鈕,這個色塊就被你收藏起來了。下一次要使用時,打開這個【顏色】面板,在自定義色中可以方便的選取你中意的顏色。 好了,現(xiàn)在我們在調色板里選取綠色,單擊工具箱里【顏料桶工具】,在畫好的葉子上單擊一下,看看什么效果,如圖2-1-23所示。
圖2-1-23 填充顏色
只有一小塊顏色?原來,這個顏料桶只能在一個封閉的空間里填色。取消剛剛的填色,現(xiàn)在我們用【橡皮工具】將線條擦出一個缺口,再看效果,如圖2-1-24所示。 圖2-1-24 填充色在封閉空間內
你看,殘缺線條的兩邊都填上了顏色。 好,我們還是一塊一塊的填上顏色吧。但是在填充顏色前,你一定要將樹葉圖形恢復到使用【橡皮工具】擦除操作前的模樣哦。 這時,你可能會想,如果我們剛才先填充顏色再畫葉脈就省事多了。是的,你想得一點沒錯!沒關系,隨著操作的增加,我們的經(jīng)驗會越來越豐富的。最后填充完的效果如圖2-1-25所示。 圖2-1-25 顏色填充后效果
至此,一個樹葉圖形就繪制好了。請你執(zhí)行【窗口】|【庫】命令,打開【庫】面板,你將發(fā)現(xiàn)【庫】面板中出現(xiàn)一個“樹葉”圖形元件,如圖2-1-26所示。
圖2-1-26 【庫】面板中的“樹葉“圖形元件
說明:【庫】面板是存儲Flash元件的場所,我們所創(chuàng)建的元件對象以及從外部導入的圖像、聲音等對象都保存在這里,這里的元件可以拖放到場景中重復使用。有關【庫】面板的詳細內容請你參閱第4章的相關內容。 (5)【顏料桶工具】選項 單擊【顏料桶工具】后,在工具箱下邊的【選項】里有四個選項,可以根據(jù)自己的需要來確定,讀者可以自己試一下,如圖2-1-26所示。
圖2-1-26 顏料桶工具選項
說明:【顏料桶工具】是對某一區(qū)域進行單色、漸變色或位圖進行填充,注意不能作用于線條。選擇【顏料桶工具】后,在【工具箱】下邊的【選項】中單擊【空隙大小】按鈕,會彈出四個選項,如圖1-2-11所示。其中,【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進行填充;【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進行填充;【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進行填充;【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中,即使中大缺口,值也是很小的,所在要對大的不封閉區(qū)域填充顏色,一般用筆刷。
3.【刷子工具】的用法【刷子工具】可以隨意地畫色塊。當你單擊工具箱中的【刷子工具】后,工具箱下邊就會顯示它的【選項】,我們先看看它的【選項】,如圖2-1-27所示。
圖2-1-27刷子工具選項
在這里,我們可以選定畫筆的大小和樣式以及它的填色模式。讀者可以自己選取不同的大小和樣式練習練習,先找一找感覺。
|
|