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

繪圖基礎(chǔ)第

2

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

繪圖基礎(chǔ)●

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

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

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

●●

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

直線化

●

平滑

●

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

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

不會顯示該線段。

用鋼筆工具繪制直線：將指針定位在舞臺上您想要直線開始的地方，然后進行單擊以定義第一個錨記點。

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

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

要閉合路徑，請將鋼筆工具放置到第一個錨記點上。

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

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

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

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

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

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

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

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

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

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

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

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

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