平面動(dòng)畫制作繪圖基礎(chǔ)

繪圖基礎(chǔ)第

2

講學(xué)習(xí)目標(biāo)掌握鋼筆工具的使用學(xué)會(huì)使用鋼筆描制曲線學(xué)會(huì)使用“部分選取工具”調(diào)整錨點(diǎn)學(xué)會(huì)使用快捷方式Ctrl+、Ctrl–掌握混色器的使用學(xué)習(xí)動(dòng)畫三步曲●1靜態(tài)圖形轉(zhuǎn)換法先構(gòu)思好一幅草圖，確定元素、元素的布局（元素的大小、位置、比例、色彩），再對畫面做一些基本的修飾，能達(dá)到一般要求就可。確定那些能是靜態(tài)元素、那些做成動(dòng)態(tài)元素（動(dòng)畫）。靜態(tài)的元素分布在一個(gè)層上，而每個(gè)動(dòng)態(tài)元素分別占據(jù)不同的層，有多少個(gè)動(dòng)態(tài)元素就設(shè)多少個(gè)層。動(dòng)態(tài)元素的動(dòng)態(tài)效果可表現(xiàn)為畫面不同、形狀上變化、位置的變化（局部上變化）等，制作時(shí)通過逐幀、形狀補(bǔ)間、動(dòng)畫補(bǔ)間實(shí)現(xiàn)動(dòng)畫。2觀摩模仿當(dāng)掌握了一定的基礎(chǔ)知識(shí)后，將觀摩到的案例，先不看其制作說明，通過自己已會(huì)知識(shí)（也許會(huì)繁鎖，但起碼能學(xué)以致用）先模仿其效果嘗試做，若能完成，說明你已很好掌握了這些知識(shí)，如果與其制作方法一樣，就有英雄所見略同之感，如果不同，那豈不是找到了一題多解的方法，再通過對比，就容易理解別人制作思路和所用到的知識(shí)，吸取其可取之處。3實(shí)物翻版有一定制作經(jīng)驗(yàn)后，在渴望提高自己水平時(shí)候，可以將現(xiàn)實(shí)的宏觀、微觀的等物體制作動(dòng)畫，并在整體方面作更多的思考。

繪圖基礎(chǔ)●

（1）線體和形體1形狀對象利用flash工具箱直接創(chuàng)作的對象，創(chuàng)作的對象均可看成是形狀對象，也是矢量圖形。●任何一個(gè)矢量圖的圖形對象都是由“輪廓”(線體)和“填充”(形體)兩部分構(gòu)成的。所謂線體是包圍形體的輪廓或包圍對象的線段；形體是被包圍的實(shí)體或連續(xù)的色塊。有輪廓和填充的對象單線條輪廓圖無輪廓填充圖矢量圖在繪制時(shí)是一個(gè)整體，但修改時(shí)可以被分開單獨(dú)調(diào)整修改。例如一個(gè)圓形對象可以被拆分成圓形輪廓和圓形填充。一些工具只能畫線體，如直線工具和鉛筆工具；另外一些工具只能畫形體，如畫筆工具。有些工具可以選擇畫形體或線體，如矩形工具和橢圓工具繪圖基礎(chǔ)1形狀對象●不同的圖形之間有疊放情況，就會(huì)產(chǎn)生布爾運(yùn)算，形體的布爾運(yùn)算和線體的不同?！瘢?）形體間的布爾運(yùn)算相同色彩的形體做“加法”運(yùn)算，連通成一個(gè)圖形。不同色彩的形體做“減法”運(yùn)算，上層覆蓋下層，再次分開時(shí)，覆蓋的區(qū)域影響到下層形體，下層形體會(huì)缺失重疊部分。同色形體融合在一起，做加法運(yùn)算不同色彩的形體做減法運(yùn)算●（3）線體間的布爾運(yùn)算同色線體間的布爾運(yùn)算同色線體交叉時(shí)在交點(diǎn)產(chǎn)生節(jié)點(diǎn)，單擊可以移動(dòng)，可以分割。由于是同色，雙擊時(shí)兩條同色的線體作為一個(gè)整體對象被選中，移動(dòng)時(shí)一起移動(dòng)。由于是同色，線體端點(diǎn)間相連時(shí)會(huì)做“加法運(yùn)算”，連成一個(gè)整體。不同色線體間的布爾運(yùn)算不同顏色的線體交叉時(shí)在交點(diǎn)產(chǎn)生節(jié)點(diǎn)，單擊可以移動(dòng)可以分割。由于是不同色，雙擊時(shí)依舊是兩條線，只能選擇其中一個(gè)作為對象。繪圖基礎(chǔ)1形狀對象●繪圖基礎(chǔ)1形狀對象●（4）線體和形體間的布爾運(yùn)算線體和形體不是同種性質(zhì)的對象，如果線體比形體長，重疊時(shí)穿過形體，會(huì)被形體分割，在和形體相交處是節(jié)點(diǎn)，單擊可以發(fā)現(xiàn)線體被分為3部分，同時(shí)形體被分成2部分。如果雙擊線體還能完全選中，還是一個(gè)整體對象，移動(dòng)時(shí)整體移動(dòng)。(5)組合體間的布爾運(yùn)算按照形體和形體、線體和線體、形體和線體之間的布爾運(yùn)算規(guī)則進(jìn)行運(yùn)算●●繪圖基礎(chǔ)●同色線體，線體端點(diǎn)間相連時(shí)會(huì)做“加法運(yùn)算”，連成一個(gè)整體。●●線體間的布爾運(yùn)算典型應(yīng)用試用鉛筆分別畫線段，然后將一端點(diǎn)拖曳到另一端點(diǎn)處釋放，兩線線段是否會(huì)連成一條試用鋼筆分別畫線段，然后將一端點(diǎn)拖曳到另一端點(diǎn)處釋放，兩線線段是否會(huì)連成一條典型應(yīng)用，用鋼筆工具烙印一幅圖輪廓時(shí)，往往難以一筆烙印完，可能會(huì)產(chǎn)生多處斷筆。怎么辦，有了這個(gè)知道點(diǎn)，就可以將將斷筆處….。？（1）線條工具作用：繪制各種角度的直線使用方法與要求：首先在工具箱單擊〖線條工具〗然后根據(jù)需要在屬性面板中設(shè)置線條的筆觸顏色、筆觸高度、筆觸樣式然后將光標(biāo)移到場景畫布中，當(dāng)光標(biāo)變成十字形時(shí)，單擊并拖曳鼠標(biāo)。如果同時(shí)按住shift鍵，可以繪制水平線、450斜線和豎直線；如果同時(shí)按住Alt鍵，可以繪制任意角度的直線。當(dāng)直線達(dá)到所需的長度和角度時(shí)，釋放鼠標(biāo)即可。

繪圖基礎(chǔ)2繪圖工具

●●繪圖基礎(chǔ)2繪圖工具

●●

（2）鉛筆工具作用：繪制簡單的矢量圖形、運(yùn)動(dòng)路徑等使用方法與要求：類似于〖線條工具〗輔助選項(xiàng)：在鉛筆工具的輔助選項(xiàng)中有三種繪圖模式伸直模式：flash自動(dòng)將圖形轉(zhuǎn)化為接近的規(guī)則圖形平滑模式：系統(tǒng)平滑所繪曲線，達(dá)到圓弧效果，使線條更加光滑。墨水模式：系統(tǒng)完全保留徒手繪制的曲線模式，使繪制的線條更加接近于手寫的感覺?！?/p>

直線化

●

平滑

●

墨水瓶繪圖基礎(chǔ)2繪圖工具

●●（3）鋼筆工具作用：可繪制任意形狀的圖形。使用鋼筆工具可以精確繪制直線和曲線，并可以調(diào)節(jié)曲線的曲率，使繪制的線條可按照預(yù)定的方向進(jìn)行彎曲。設(shè)置鋼筆工具首選參數(shù)：選擇“鋼筆工具”，然后選擇“編輯”>“首選參數(shù)”，然后單擊“繪畫"選項(xiàng)卡?！帮@示鋼筆預(yù)覽”可以在繪畫時(shí)預(yù)覽線段。在您進(jìn)行單擊以創(chuàng)建線段的終點(diǎn)之前，在舞臺(tái)周圍移動(dòng)指針時(shí)，F(xiàn)lash會(huì)顯示線段預(yù)覽。如果未選擇該選項(xiàng)，則在您創(chuàng)建線段終點(diǎn)之前，F(xiàn)lash

不會(huì)顯示該線段。

用鋼筆工具繪制直線：將指針定位在舞臺(tái)上您想要直線開始的地方，然后進(jìn)行單擊以定義第一個(gè)錨記點(diǎn)。

在您想要直線的第一條線段結(jié)束的位置再次進(jìn)行單擊。

繼續(xù)單擊以創(chuàng)建其它直線段。要完成一條開放路徑，雙擊最后一個(gè)點(diǎn)，又或者單擊右鍵。

要閉合路徑，請將鋼筆工具放置到第一個(gè)錨記點(diǎn)上。

繪圖基礎(chǔ)2繪圖工具

●●（3）鋼筆工具使用鋼筆工具繪制曲線路徑：在鋼筆工具狀態(tài)。將鋼筆工具放置在舞臺(tái)上想要曲線開始的地方，然后按下鼠標(biāo)左鍵。此時(shí)出現(xiàn)第一個(gè)錨記點(diǎn)，并且鋼筆尖變?yōu)榭招募^。向您想要繪制曲線段的方向拖動(dòng)鼠標(biāo)。隨著您的拖動(dòng)，將會(huì)出現(xiàn)曲線的切線手柄。切線手柄的長度和斜率決定了曲線段的形狀。將指針放在您想要結(jié)束曲線段的地方，釋放鼠標(biāo)按鈕。如要繼續(xù)繪制下一段曲線，重復(fù)。提示：1．錨點(diǎn)的產(chǎn)生是由單擊鼠標(biāo)左鍵引起的,，所以曲線的始點(diǎn)和終點(diǎn)肯定是錨點(diǎn)２．鼠標(biāo)拖動(dòng)時(shí)指針為空心箭頭，鼠標(biāo)移動(dòng)時(shí)指針為鋼筆尖在使用鋼筆工具繪制曲線時(shí)，會(huì)創(chuàng)建曲線點(diǎn)，即連續(xù)的彎曲路徑上的錨記點(diǎn)。在繪制直線段或連接到曲線段的直線時(shí)，會(huì)創(chuàng)建轉(zhuǎn)角點(diǎn)，即在直線路徑上或直線和曲線路徑接合處的錨記點(diǎn)。您還可以移動(dòng)、添加或刪除路徑上的錨記點(diǎn)。使用"部分選取"工具來移動(dòng)錨記點(diǎn)可以調(diào)整直線段的長度或角度，或曲線段的斜率。要移動(dòng)錨記點(diǎn)：使用"部分選取"工具拖動(dòng)點(diǎn)。

輕推錨記點(diǎn)或點(diǎn)：使用"部分選取"工具選擇點(diǎn)并用箭頭鍵來移動(dòng)點(diǎn)。要轉(zhuǎn)換錨記點(diǎn)，可執(zhí)行以下操作之一：要將轉(zhuǎn)角點(diǎn)轉(zhuǎn)換為曲線點(diǎn)，請使用“部分選取”工具來選擇該點(diǎn)，先按住Alt鍵拖動(dòng)該點(diǎn)來放置切線手柄。要將曲線點(diǎn)轉(zhuǎn)換為轉(zhuǎn)角點(diǎn)，可用鋼筆工具單擊該點(diǎn)。

添加錨記點(diǎn)：使用鋼筆工具單擊一條線段。(光標(biāo)右下角出現(xiàn)“+”號(hào))

要?jiǎng)h除錨記點(diǎn)，可執(zhí)行以下操作之一：要?jiǎng)h除轉(zhuǎn)角點(diǎn)，可用鋼筆工具單擊該點(diǎn)一次。(光標(biāo)右下角出現(xiàn)“-”號(hào))要?jiǎng)h除曲線點(diǎn)，可用鋼筆工具單擊該點(diǎn)兩次。（單擊一次將該點(diǎn)轉(zhuǎn)換為轉(zhuǎn)角點(diǎn)，再單擊一次刪除該點(diǎn)。用"部分選取"工具選擇該點(diǎn)并按下Delete鍵。調(diào)整路徑上的錨記點(diǎn)：!●鋼筆、鉛筆、直線●“部分選取工具”調(diào)整理錨節(jié)點(diǎn)●曲線點(diǎn)、轉(zhuǎn)角點(diǎn)這兩種錨節(jié)點(diǎn)的相互轉(zhuǎn)換●選擇工具調(diào)整線的曲率制作漂亮的小魚作業(yè)要求●1課堂作業(yè)----制作漂亮的小魚，當(dāng)堂完成，兼顧考勤。2遞交方式----在布置節(jié)點(diǎn)上傳。練習(xí)1使用線條類繪制工具繪制下面的小船2繪制一只青蛙造型3利用鋼筆工具將直線轉(zhuǎn)化成正弦線4請繪制一只小鳥，并為小鳥進(jìn)行顏色填充課后練習(xí)1課后練習(xí)包“將線條轉(zhuǎn)換為填充”功能可將線條轉(zhuǎn)換為填充，這樣您就可以使用漸變來填充線條或擦除一部分線條。"擴(kuò)展填充"功能允許您擴(kuò)展填充形狀,該命令在沒有筆觸的單色填充形狀上使用效果最好。"柔化填充邊緣"功能在不包含很多細(xì)節(jié)的小型形狀上使用效果最好。對擁有過多細(xì)節(jié)的形狀應(yīng)用"柔化邊緣"功能會(huì)增大Flash文檔和生成的SWF文件的大小。該功能在沒有筆觸的單一填充形狀上使用效果最好。繪圖基礎(chǔ)3.修改形狀●線體轉(zhuǎn)換為形體“距離”是柔邊的寬度（用像素表示）。“步驟數(shù)”控制用于柔邊效果的曲線數(shù)。使用的步驟數(shù)越多，效果就越平滑。增加步驟數(shù)還會(huì)使文件變大并降低繪畫速度。"擴(kuò)展"或"插入"控制柔化邊緣時(shí)形狀是放大還是縮小。4．貼緊（1）貼緊至對象(磁性)貼緊至對象使您可以將對象沿著其它對象的邊緣直接與它們貼緊。當(dāng)移動(dòng)對象或改變其形狀時(shí)，對象上選取工具的位置為對齊提供了參考點(diǎn)。例如，如果通過拖動(dòng)接近填充形狀中心的位置來移動(dòng)填充形狀，它的中心點(diǎn)會(huì)與其它對象貼緊。對于要將形狀與運(yùn)動(dòng)路徑對齊從而制作動(dòng)畫的情況，該功能特別有用。再如，在一個(gè)角度上作一條角平分線，采用貼緊至對象方式，從角度畫出一條射線時(shí)，端點(diǎn)會(huì)對齊角頂點(diǎn)。注意要在貼緊時(shí)更好地控制對象位置，可以從對象的轉(zhuǎn)角或中心點(diǎn)開始拖動(dòng)。（2）其它貼緊方式容易理解●繪圖基礎(chǔ)!●●5.筆觸與填充工具使用顏料桶、墨水瓶、滴管和填充變形工具，您可以修改筆觸和填充的屬性。(1)混色器混色器提供了更改筆觸和填充顏色以及創(chuàng)建多色漸變的選項(xiàng)?？梢允褂脻u變達(dá)到各種效果，如賦予二維對象以深度感。

"筆觸顏色"用于更改圖形對象的筆觸或邊框的顏色。

"填充顏色"用于更改填充的顏色。

"類型"彈出菜單更改填充樣式：

無--刪除填充。純色--提供一種純正的填充單色。

線性漸變--產(chǎn)生一種沿線性軌道混合的漸變。放射狀漸變--產(chǎn)生從一個(gè)中心焦點(diǎn)出發(fā)沿環(huán)形軌道混合的漸變。位圖漸變--允許用可選的位圖圖像平鋪所選的填充區(qū)域。

"Alpha"將純色填充設(shè)為透明，或者將漸變填充的當(dāng)前所選滑塊設(shè)為透明。如果Alpha值為0%，則創(chuàng)建的填充不可見（即透明）；如果Alpha值為100%，則創(chuàng)建的填充不透明。

●●

"當(dāng)前顏色樣本"顯示當(dāng)前所選的顏色。如果從"類型"彈出菜單中選擇漸變填充樣式（線性或放射狀），則"當(dāng)前顏色樣本"顯示所創(chuàng)建的漸變內(nèi)的顏色過渡。

漸變調(diào)色滑塊當(dāng)前顏色樣本"(2)創(chuàng)建漸變漸變是一種多色填充，即一種顏色逐漸轉(zhuǎn)變?yōu)榱硪环N顏色。線性漸變是沿著一根軸線（水平或垂直）改變顏色。放射狀漸變從一個(gè)中心焦點(diǎn)向外改變顏色。漸變色是由起始滑塊顏色和目標(biāo)滑塊顏色決定的，拖動(dòng)滑塊，可以改變漸變的起始位置和終止位置，如需調(diào)整漸變，可在起始滑塊與目標(biāo)滑塊間增加滑塊。方法如下：將鼠標(biāo)移到橫向條，在需要增加色彩的地方單擊，增加滑塊，然后選中該滑塊進(jìn)行顏色調(diào)整；如果要減少一種漸變色，選擇不需要的顏色滑塊標(biāo)記向下拖動(dòng)鼠標(biāo)即可。在Alpha文本框中可以指定當(dāng)前顏色的透明度?！駲M向條滑塊（被選中的滑塊為實(shí)心尖角）(3)墨水瓶工具“墨水瓶工具”可以給選定的矢量圖形增加邊線，還可以修改線條或輪廓的筆觸顏色、寬度和樣式。對線體或輪廓只能應(yīng)用純色，而不能應(yīng)用漸變或位圖?！?4)顏料桶工具"顏料桶工具"可以用顏色填充封閉區(qū)域。此工具使您既可以填充空的區(qū)域也可以更改已涂色區(qū)域的顏色。您可用純色、漸變填充以及位圖填充進(jìn)行涂色。

(5)滴管工具您可以用〖滴管工具〗從一個(gè)對象復(fù)制填充和筆觸屬性，然后立即將它們應(yīng)用到其它對象。"滴管工具"還允許您從位圖圖像取樣用作填充。選中"滴管工具"后單擊線條，會(huì)進(jìn)入墨水瓶填色狀態(tài)，并將筆觸的顏色、線寬及樣式屬性自動(dòng)設(shè)置為〖滴管工具〗所選位置的屬性；如果單擊圖形內(nèi)部會(huì)進(jìn)入顏料桶狀態(tài)，其屬性也會(huì)自動(dòng)具有采樣位置的屬性。在空白區(qū)進(jìn)行采樣時(shí)，該工具無效?！瘛?6)填充變形工具通過調(diào)整填充的大小、方向或者中心，可以使?jié)u變填充或位圖填充變形。①選擇“漸變變形”工具。②單擊用漸變或位圖填充的區(qū)域。顯示一個(gè)帶有編輯手柄的邊框，如下圖。當(dāng)指針在這些手柄中的任何一個(gè)上面的時(shí)候，它會(huì)發(fā)生變化，顯示該手柄的功能。

●線性漸變放射狀漸變位圖填充三種漸變圖形應(yīng)用填充變形工具后6.任意變形工具

變形工具能對圖形進(jìn)行大小、扭曲、旋轉(zhuǎn)的調(diào)整，還可以調(diào)整圖形的中心點(diǎn)位置。●中心點(diǎn)位置改