Flash基本繪圖工具.doc_第1頁
Flash基本繪圖工具.doc_第2頁
Flash基本繪圖工具.doc_第3頁
Flash基本繪圖工具.doc_第4頁
Flash基本繪圖工具.doc_第5頁
已閱讀5頁,還剩10頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

Flash基本繪圖工具在計(jì)算機(jī)繪圖領(lǐng)域中,根據(jù)成圖原理和繪制方法的不同,圖像分為矢量圖和位圖兩種類型。矢量圖形是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的,每一個(gè)點(diǎn)都有其各自的屬性,如位置、顏色等。矢量圖的清晰度與分辨率的大小無關(guān),對矢量圖進(jìn)行縮放時(shí),圖形對象仍保持原有的清晰度和光滑度,不會(huì)發(fā)生任何偏差, 位圖圖像是由像素構(gòu)成的,像素的多少將決定位圖圖像的顯示質(zhì)量和文件大小,位圖圖像的分辨率越高,其顯示越清晰,文件所占的空間也就越大。因此,位圖圖像的清晰度與分辨率有關(guān)。對位圖圖像進(jìn)行放大時(shí),放大的只是像素點(diǎn),位圖圖像的四周會(huì)出現(xiàn)鋸齒狀。在Flash動(dòng)畫制作過程中,會(huì)大量地運(yùn)用到矢量圖形。雖然有一些功能強(qiáng)大的矢量圖繪制軟件,如Corel公司的CorelDraw 軟件、Macromedia公司的Freehand軟件和Adobe公司的Illustrator軟件等,而運(yùn)用Flash自身的矢量繪圖功能將會(huì)更方便,更快捷。在這一章里,我們將通過Flash基本繪圖工具的學(xué)習(xí),繪制出一些簡單的矢量圖。另外,F(xiàn)lash也具備一定的位圖處理能力,雖然比不上專業(yè)的位圖處理軟件,但是對于制作動(dòng)畫過程中需要對位圖的一些簡單處理,它還是能夠勝任的。第一節(jié) 基本繪圖工具Flash 工具箱提供了各種工具,用來繪制自由形狀或準(zhǔn)確的線條、形狀和路徑,并可用來對對象進(jìn)行上色。我們將分兩節(jié)來學(xué)習(xí)這些工具的使用方法。在本節(jié)中,將學(xué)習(xí)【線條工具】、【滴管工具】、【墨水瓶工具】、【選擇工具】、【刷子工具】、【任意變形工具】、【顏料桶工具】等的基本用法。1線條的繪制與處理【線條工具】是Flash中最簡單的工具?,F(xiàn)在我們就來畫一條直線。用鼠標(biāo)單擊【線條工具】,移動(dòng)鼠標(biāo)到舞臺上,按住鼠標(biāo)并拖動(dòng),松開鼠標(biāo),一條直線就畫好了。用【線條工具】能畫出許多風(fēng)格各異的線條來。打開【屬性】面板,在其中,我們可以定義直線的顏色、粗細(xì)和樣式,如圖2所示。圖2 直線【屬性】面板在如圖2所示的【屬性】面板中,單擊其中的【筆觸顏色】按鈕,會(huì)彈出一個(gè)調(diào)色板,此時(shí)鼠標(biāo)變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進(jìn)制數(shù)值,16進(jìn)制數(shù)值以#開頭,如:#99FF33,如圖3所示。圖3 筆觸調(diào)色板現(xiàn)在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕,會(huì)彈出一個(gè)【筆觸樣式】對話框,如圖4所示。圖4 【筆觸樣式】對話框?yàn)榱朔奖阌^察,我們把【粗細(xì)】設(shè)置為3pts,在【類型】中選擇不同的線型和顏色,設(shè)置完后單擊【確定】,來看看設(shè)置不同筆觸樣式后畫出的線條,如圖5所示。圖5 不同類型的線條多試試改變線條的各項(xiàng)參數(shù),會(huì)對繪圖能力的提高有很大幫助?!镜喂芄ぞ摺亢汀灸抗ぞ摺靠梢院芸斓貙⒁粭l直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線,看看【屬性】面板,它顯示的就是該直線的屬性,此時(shí),所選工具自動(dòng)變成了【墨水瓶工具】,如圖6所示。圖6 使用【滴管工具】獲取線條屬性使用【墨水瓶工具】單擊其它樣式的線條,可以看到,所單擊線條的屬性都變成了當(dāng)前在【屬性】面板中所設(shè)置的屬性了。如果你需要更改線條的方向和長短,可以用【選擇工具】來實(shí)現(xiàn)?!具x擇工具】的作用是選擇對象、移動(dòng)對象、改變線條或?qū)ο筝喞男螤?。在工具箱中選擇【選擇工具】,然后移動(dòng)鼠標(biāo)指針到直線的端點(diǎn)處,指針右下角變成直角狀,這時(shí)拖動(dòng)鼠標(biāo)可以改變線條的方向和長短,如圖7所示。圖7 改變線條方向和長短的鼠標(biāo)形狀將鼠標(biāo)指針移動(dòng)到線條上,指針右下角會(huì)變成弧線狀,拖動(dòng)鼠標(biāo),可以將直線變成曲線。這是一個(gè)很有用處的功能,它可以幫助我們畫出所需要的各種曲線形狀,如圖8所示。圖8 改變線條為弧線狀的鼠標(biāo)形狀2實(shí)例演練繪制一片樹葉現(xiàn)在我們來實(shí)踐一下,練習(xí)畫一片樹葉。執(zhí)行【文件】|【新建】命令,彈出【新建文檔】對話框,在【類型】中選擇【Flash文檔】,單擊【確定】,建立一個(gè)新的Flash文檔,在這里我們不改變文檔的屬性,直接使用其默認(rèn)值。(1)新建圖形元件執(zhí)行【插入】|【新建元件】命令,或者按快捷鍵Ctrl+F8,彈出【創(chuàng)建新元件】對話框,在【名稱】中輸入元件名稱為“樹葉”,如圖9所示,選擇【行為】為【圖形】,單擊【確定】按鈕。圖9 創(chuàng)建圖形元件這時(shí)工作區(qū)變?yōu)椤皹淙~”元件的編輯狀態(tài),如圖10所示。圖10 “樹葉”圖形元件編輯場景說明:圖形元件是Flash的基本元素,有關(guān)它的詳細(xì)內(nèi)容請參閱第四章的有關(guān)內(nèi)容。(2)繪制樹葉圖形在“樹葉”圖形元件編輯場景中,首先用【線條工具】畫一條直線,設(shè)置【筆觸顏色】為深綠色,如圖11所示。圖11 畫一條深綠色直線用【選擇工具】將它拉成曲線,如圖12所示。圖12 拉成曲線再用【線條工具】繪制一個(gè)直線,用這條直線連接曲線的兩端點(diǎn),如圖13所示。圖13 連接兩端用【選擇工具】將這條直線也拉成曲線,如圖14所示。圖14 拉成曲線一片樹葉的基本形狀已經(jīng)繪制出來了,現(xiàn)在我們來繪制葉脈,先在兩端點(diǎn)間繪制直線,然后拉成曲線,如圖15和圖16所示。 圖15 畫葉脈線 圖16 直線變曲再畫旁邊的細(xì)小葉脈,可以用直線,也可以將直線略彎曲,這樣,一片簡單的樹葉就畫好了,如圖17所示。圖17 簡單的樹葉效果(3)編輯和修改樹葉如果在畫樹葉的時(shí)候出現(xiàn)錯(cuò)誤,比如說,畫出的葉脈不是你所希望的樣子,你可以執(zhí)行【編輯】|【撤銷】命令(快捷鍵為Ctrl+Z),撤銷前面一步的操作,也可以選擇下面更簡單的方法:用【箭頭工具】單擊想要?jiǎng)h除的直線,被單擊后的直線呈現(xiàn)網(wǎng)點(diǎn)狀,說明它已經(jīng)處于被選擇狀態(tài),此時(shí),你將可以對它進(jìn)行各種修改了,如圖18所示。圖18 被選中的線條要移動(dòng)選中的線條,就用鼠標(biāo)拖動(dòng)它,要?jiǎng)h除它,就直接按鍵盤上的Delete鍵。按住Shift鍵的同時(shí)連續(xù)單擊線條,可以同時(shí)選取多個(gè)對象。也可以用【選擇工具】框選對象,被框選起來的對象將都被選中。如果要選取全部的線條,按鍵盤上的快捷鍵Ctrl+A,就可以將其全部選中了,如圖19所示。圖19 框選對象說明:在一條直線上雙擊,也可以將和這條直線相連并且顏色、粗細(xì)、樣式相同的整個(gè)線條范圍全部選取。(4)給樹葉上色接下來我們要給這片樹葉填上顏色。在工具箱中看到這個(gè)【顏色】選項(xiàng)了嗎?如圖20所示。圖20 【顏色】選項(xiàng)單擊【填充色】按鈕,彈出一個(gè)調(diào)色板,同時(shí)光標(biāo)變成吸管狀,如圖21所示。圖21 調(diào)色板說明:除了可以選擇調(diào)色板中的顏色外,還可以點(diǎn)選屏幕上任何地方,吸取你所需要的顏色。如果你覺得調(diào)色板的顏色太少不夠選,那么單擊調(diào)色板右上角的【顏色選擇器】按鈕,此時(shí)會(huì)彈出一個(gè)【顏色】對話框,其中有更多的顏色選項(xiàng),在這里,你能把選擇的顏色添加到自定義顏色中,如圖22所示。圖22 【顏色】對話框在【自定義顏色】選項(xiàng)下單擊一個(gè)自定義色塊,該色塊會(huì)被虛線包圍,在【顏色】對話框右邊選擇你喜歡的顏色,上下拖動(dòng)右邊顏色條上的箭頭,拖動(dòng)鼠標(biāo)到你需要的顏色上,單擊【添加到自定義顏色】按鈕,這種顏色就被你收藏起來了。下一次要使用時(shí),打開【顏色】對話框,在【自定義顏色】中可以方便的選取你中意的顏色。好了,現(xiàn)在我們在調(diào)色板上選取綠色,單擊工具箱中的【顏料桶工具】,在畫好的葉子上單擊一下,效果如圖23所示。圖23 填充顏色【顏料桶工具】能在一個(gè)封閉的區(qū)域中填色。按快捷鍵Ctrl+Z,取消剛填充的顏色,現(xiàn)在我們用【橡皮擦工具】將線條擦出一個(gè)缺口,再填充右下角的區(qū)域,效果如圖24所示。圖24 擦出缺口后的填充效果你看,殘缺線條的兩邊都填上了顏色?,F(xiàn)在,我們一塊一塊的填上顏色吧!但是在填充顏色前,你一定要將樹葉圖形恢復(fù)到使用【橡皮擦工具】進(jìn)行擦除操作前的狀態(tài),可以按兩次Ctrl+Z鍵來實(shí)現(xiàn)。這時(shí),你可能會(huì)想,如果我們剛才先填充顏色再畫葉脈就省事多了。確實(shí)是這樣,隨著不斷地操作,繪圖經(jīng)驗(yàn)將越來越豐富。填充完的效果如圖25所示。圖25 填充顏色后的效果至此,樹葉圖形就繪制好了。執(zhí)行【窗口】|【庫】命令,打開【庫】面板,你將發(fā)現(xiàn)【庫】面板中出現(xiàn)一個(gè)名稱為“樹葉”的圖形元件,如圖26所示。圖26 【庫】面板中的“樹葉”圖形元件說明:【庫】面板是存儲Flash元件的場所,我們所創(chuàng)建的元件對象以及從外部導(dǎo)入的圖像、聲音等對象都保存在這里,這里的元件可以拖放到場景中重復(fù)使用。有關(guān)【庫】面板的詳細(xì)內(nèi)容請你參閱第四章的相關(guān)內(nèi)容。(5)【顏料桶工具】選項(xiàng)選擇【顏料桶工具】后,在工具箱中,單擊【選項(xiàng)】下的封閉小空隙按鈕,彈出一個(gè)菜單,其中有四個(gè)選項(xiàng),可以根據(jù)自己的需要來確定,你可以自己試一下,如圖27所示。圖27 顏料桶工具選項(xiàng)說明:【顏料桶工具】是對某一區(qū)域進(jìn)行單色、漸變色或位圖填充的工具,它不能作用于線條。選擇【顏料桶工具】后,在工具箱下邊的【選項(xiàng)】中單擊按鈕,會(huì)彈出四個(gè)選項(xiàng),如圖27所示。其中,【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進(jìn)行填充;【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進(jìn)行填充;【封閉中等空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進(jìn)行填充;【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中,即使中大缺口,值也是很小的,所在要對大的不封閉區(qū)域填充顏色,一般用筆刷。3【刷子工具】的用法使用【刷子工具】可以隨意地畫出各種色塊。當(dāng)單擊工具箱中的【刷子工具】后,工具箱下邊就會(huì)顯示出它的【選項(xiàng)】,我們先看看它的【選項(xiàng)】,如圖28所示。圖28刷子工具選項(xiàng)在這里,我們可以選定畫筆的大小和樣式以及它的填色模式。你可以自己選取不同的大小和樣式練習(xí)練習(xí),先找一找感覺。下面我們利用剛剛畫成的樹葉來詳細(xì)講解它的填色模式。在圖28所示的【選項(xiàng)】下單擊按鈕,則彈出填充模式下拉列表,如圖29所示。圖29刷子的填色模式(1)標(biāo)準(zhǔn)繪畫選擇【刷子工具】,并將【填充色】設(shè)置為黃色,當(dāng)然也可以設(shè)置為其它色。選擇刷子的填色模式為【標(biāo)準(zhǔn)繪畫】模式,移動(dòng)筆刷到舞臺的樹葉圖形上,在葉子上拖動(dòng)鼠標(biāo),觀察一下效果,如圖30所示。圖30 標(biāo)準(zhǔn)繪畫模式你將發(fā)現(xiàn),不管是線條還是填色范圍,只要是畫筆經(jīng)過的地方,都變成了畫筆的顏色。(2)顏料填充選擇【顏料填充】模式,它只影響了填色的內(nèi)容,不會(huì)遮蓋住線條,效果如圖31所示。圖31 顏料填充模式(3)后面繪畫選擇【后面繪畫】模式,無論你怎么畫,它都在圖像的后方,不會(huì)影響前景圖像,如圖32所示。圖32 后面繪畫模式(4)顏料選擇選擇【顏料選擇】模式,先用畫筆抹幾下,絲毫不起作用。這是因?yàn)槲覀儧]有選擇范圍。用【選擇工具】選中葉片的一塊,再選擇【刷子工具】進(jìn)行繪制,此時(shí)可看到選擇區(qū)域被涂上所選的顏色,如圖33所示。圖33顏料選擇模式(5)內(nèi)部繪畫選擇【內(nèi)部繪畫】模式,在繪畫時(shí),畫筆的起點(diǎn)必須是在輪廓線以內(nèi),而且畫筆的范圍也只作用在輪廓線以內(nèi),如圖34所示。圖34 內(nèi)部繪畫模式4繪制樹枝現(xiàn)在我們要把這孤零零的一片樹葉組合成樹枝。想一想,如果用多片這樣一模一樣的樹葉組成樹枝,是不是很難看呢?Flash為我們提供了一個(gè)很好的工具:【任意變形工具】。利用【任意變形工具】可以將前面繪制的樹葉改變成需要的形狀?!救我庾冃喂ぞ摺靠梢孕D(zhuǎn)縮放元件,也可以對圖形對象進(jìn)行扭曲、封套變形。選中樹葉,在工具箱中選擇【任意變形工具】,工具箱的下邊會(huì)出現(xiàn)相應(yīng)的【選項(xiàng)】,如圖35所示。圖35任意變形工具選項(xiàng)說明:【任意變形工具】的【選項(xiàng)】中共包括5個(gè)按鈕,從上向下依次是:【對齊對象】、【旋轉(zhuǎn)與傾斜】、【縮放】、【扭曲】和【封套】。當(dāng)你選擇了【任意變形工具】后,【選項(xiàng)】中的按鈕并不是馬上都被激活,除了【對齊對象】按鈕,其他按鈕都是灰色顯示,只有你在場景中選擇了具體的對象以后,其他4個(gè)按鈕才變成可用狀態(tài)。(1)旋轉(zhuǎn)樹葉選擇【任意變形工具】后,單擊舞臺上的樹葉,這時(shí)樹葉被一個(gè)方框包圍著,中間有一個(gè)小圓圈,這是變形點(diǎn),當(dāng)我們進(jìn)行縮放旋轉(zhuǎn)時(shí),以它為中心,如圖36所示。圖36變形點(diǎn)(4)創(chuàng)建“三片樹葉”圖形元件再復(fù)制一片樹葉,用【任意變形工具】將三片樹葉調(diào)整成如圖43所示的形狀和位置。在調(diào)整過程中,當(dāng)調(diào)整效果不滿意時(shí),也許樹葉已經(jīng)不再處于被選中狀態(tài),有時(shí)要重新選取整片樹葉很困難,我們可以多使用撤銷命令,以恢復(fù)選取狀態(tài)。當(dāng)然也可以先新建圖層,然后把每片樹葉存放到相應(yīng)的圖層中,這樣能大大方便樹葉的選取,圖層的知識我們將在后面介紹。圖43 樹葉組合如圖42所示的三片樹葉圖形創(chuàng)建好以后,將它們?nèi)窟x中,然后執(zhí)行【修改】|【轉(zhuǎn)換為元件】命令(快捷鍵為F8),將它們轉(zhuǎn)換為名字為“三片樹葉”的圖形元件。把“樹葉”元件場景中新增的兩片樹頁刪除。(5)繪制樹枝以上的繪圖操作都是在“樹葉”編輯場景中完成的,現(xiàn)在返回到主場景:場景1,在時(shí)間軸的右上角有一個(gè)【場景1】按鈕,如圖44所示,單擊它,這樣就切換到了場景1。圖44 切換到【場景1】單擊【刷子工具】,選擇一種填充色,在工

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論