WEB動畫制作與設(shè)計課件：圖象的繪制與編輯（二）

圖形的繪制與編輯圖形的繪制與編輯圖形的繪制與編輯基本線條與圖形的繪制圖形的繪制與選擇圖形的編輯圖形的色彩【課堂學(xué)習(xí)目標(biāo)】【案例學(xué)習(xí)目標(biāo)】使用不同的繪圖工具繪制標(biāo)志圖形。【課堂案例】-繪制淑女堂標(biāo)志【案例知識要點】使用矩形工具、鋼筆工具、套索工具、鉛筆工具、線條工具、橢圓工具來完成圖形的繪制?！菊n堂案例】-繪制淑女堂標(biāo)志1、繪制標(biāo)志圖形（1）選擇“文件>新建”命令，在文檔“屬性”面板中將舞臺窗口的寬度設(shè)為450像素，高度設(shè)為300像素。（2）按Ctrl+F8鍵，創(chuàng)建新元件。在“名稱”選項的文本框中輸入“標(biāo)志”，類型為“圖形元件”，名稱為“標(biāo)志”。（3）將“圖層1”重新命名為“橢圓形”。將筆觸顏色設(shè)為無，填充色設(shè)為深粉色（#FB1F8D），將“寬”選項設(shè)為280像素，“高”選項設(shè)為120像素。【課堂案例】-繪制淑女堂標(biāo)志2、添加并編輯文字（1）單擊“時間軸”面板下方的“插入圖層”按鈕

，創(chuàng)建新圖層并將其命名為“文字”。選擇“文本”工具

。輸入文字大小為50、字體為“方正準(zhǔn)圓簡體”的黑色文字“淑女堂”。選中文字，按2次Ctrl+B組合鍵，將文字打散?？蜻x中“女、堂”2個字，將其向右移動，將文字的間距擴大?！菊n堂案例】-繪制淑女堂標(biāo)志2、添加并編輯文字（2）刪除“淑”字左側(cè)的上、下2個點，將中間的點向左移動一些。將“又”字右下角的筆畫刪除。將“女”字的下半部分筆畫刪除。效果如圖所示。【課堂案例】-繪制淑女堂標(biāo)志2、添加并編輯文字（3）單擊“時間軸”面板下方的“插入圖層”按鈕

，創(chuàng)建新圖層并將其命名為“修改筆畫”。選擇“鋼筆”工具

，將“筆觸顏色”設(shè)為黑色，將“筆觸高度”設(shè)為

2.20。（4）用鼠標(biāo)在“又”字的“撇”上單擊，設(shè)置起始點，在文字下方的空白處單擊鼠標(biāo)，設(shè)置第2個節(jié)點，按住鼠標(biāo)不放，向旁邊拖曳出控制手柄，調(diào)節(jié)控制手柄來改變路徑的彎度。松開鼠標(biāo)，繪制出一條曲線，再在第2個節(jié)點的右側(cè)單擊鼠標(biāo)，設(shè)置第3個節(jié)點，松開鼠標(biāo)?！菊n堂案例】-繪制淑女堂標(biāo)志2、添加并編輯文字（5）在“女”字的下方單擊鼠標(biāo)，設(shè)置第4個節(jié)點，按住鼠標(biāo)不放，向旁邊拖曳出控制手柄，調(diào)節(jié)控制手柄來改變路徑的彎度。松開鼠標(biāo)，“淑、女”2個字被連接起來，效果如圖所示。選擇“選擇”工具

，繪制曲線上的路徑消失，查看繪制效果。（6）同理，將“女”字和“堂”字連在一起?！菊n堂案例】-繪制淑女堂標(biāo)志2、添加并編輯文字（7）選擇“鉛筆”工具

，在“選項”中選擇“平滑”選項。在“女”字的左邊繪制出一條彎曲的螺旋狀曲線，效果如圖所示。用相同的方法在“女”字的右側(cè)也繪制一條曲線。（8）利用同樣的方法將“淑”和“堂”字相應(yīng)的筆畫進行修改?！菊n堂案例】-繪制淑女堂標(biāo)志3．導(dǎo)入圖形元件（1）選擇“文件>導(dǎo)入>導(dǎo)入到舞臺”命令，在彈出的“導(dǎo)入”對話框中選擇“蝴蝶”文件，單擊“打開”按鈕，蝴蝶圖形被導(dǎo)入到舞臺窗口中，將蝴蝶放置在“淑”字的左上方來作為“淑”字上方的點。選中蝴蝶圖形，多次按Ctrl+B組合鍵，將其打散。圈選中所有的文字圖形及變形曲線，將其放置在深粉色橢圓形的中心位置，效果如圖所示。使文字圖形及變形曲線保持被選中狀態(tài)?！菊n堂案例】-繪制淑女堂標(biāo)志3．導(dǎo)入圖形元件（2）在工具箱中將“筆觸顏色”設(shè)為白色，“填充色”設(shè)為白色，將文字圖形及變形曲線的顏色更改為白色?！菊n堂案例】-繪制淑女堂標(biāo)志3．導(dǎo)入圖形元件（3）選擇“文件>導(dǎo)入>導(dǎo)入到庫”命令，在彈出的“導(dǎo)入到庫”對話框中選擇“花紋”文件，單擊“打開”按鈕。創(chuàng)建新圖層并將其命名為“花紋”。選擇“選擇”工具，將“庫”面板中的圖形元件“花紋”拖曳到舞臺窗口的中心位置，效果如圖所示。【課堂案例】-繪制淑女堂標(biāo)志4．繪制背景圖形（1）

單擊“時間軸”面板下方的“場景l(fā)”圖標(biāo)

選擇“矩形”工具，在舞臺窗口中繪制出一個和白色背景一樣大的矩形框。將“寬”選項設(shè)為450像素，“高”選項設(shè)為300像素。選擇“線條”工具，按住Shift鍵的同時，在矩形框中從上到下繪制出一條垂直線段，用相同的方法再繪制出多條垂直線段。【課堂案例】-繪制淑女堂標(biāo)志4．繪制背景圖形（2）選擇“顏料桶”工具，在工具箱中將填充色設(shè)為淡粉色（#FDE1F0）。用鼠標(biāo)單擊矩形框中間的區(qū)域，每隔一個矩形框，填充上粉色。選擇“選擇”工具，在舞臺窗口中雙擊任意一條黑色線段，所有的黑色線段將被選中，按Delete鍵，刪除選中的黑色線段?！菊n堂案例】-繪制淑女堂標(biāo)志4．繪制背景圖形（3）將“庫”面板中的圖形元件“標(biāo)志”拖曳到舞臺窗口的中心位置，并將寬、高設(shè)置為128像素?！菊n堂案例】-繪制淑女堂標(biāo)志1．矩形工具（1）矩形工具功能：可以繪制出不同樣式的矩形。（2）啟用方法啟用“矩形”工具，有以下兩種方法：單擊工具箱中的“矩形”工具按R鍵【提示】（1）選擇“矩形”工具，在舞臺上單擊鼠標(biāo)，按住鼠標(biāo)不放，向需要的位置拖曳鼠標(biāo)，繪制出矩形圖形，按住Shift鍵的同時繪制圖形，可以繪制出正方形。（2）利用“矩形”工具也可以繪制圓角矩形。選擇“屬性”面板，在“矩形邊角半徑”選項的數(shù)值框中輸入需要的數(shù)值，數(shù)值不同所繪制出的圓角矩形也相對地不同?！菊n堂案例】-繪制淑女堂標(biāo)志2．多角星形工具（1）多角星形工具功能：可以繪制出不同樣式的多邊形和星形。（2）啟用方法：單擊工具箱中的“多角星形”工具

。（3）相關(guān)屬性：單擊面板右側(cè)的“選項”按鈕，彈出“工具設(shè)置”對話框，在對話框中可以自定義多邊形的各種屬性。“樣式”選項：在此選項中選擇繪制多邊形或星形。“邊數(shù)”選項：設(shè)置多邊形的邊數(shù)。其選取范圍為3～32?！靶切雾旤c大小”選項：輸入一個0～1之間的數(shù)字以指定星形頂點的深度。此數(shù)字越接近0，創(chuàng)建的頂點就越深。此選項在多邊形形狀繪制中不起作用?！菊n堂案例】-繪制淑女堂標(biāo)志3．鋼筆工具（1）鋼筆工具功能：可以繪制精確的路徑。如在創(chuàng)建直線或曲線的過程中，可以先繪制直線或曲線，再調(diào)整直線段的角度、長度以及曲線段的斜率。（2）啟用方法啟用“鋼筆”工具

，有以下兩種方法：單擊工具箱中的“鋼筆”工具按P鍵【課堂案例】-繪制淑女堂標(biāo)志3．鋼筆工具（3）繪制狀態(tài)：在繪制線段時，“鋼筆”工具的光標(biāo)會產(chǎn)生不同的變化，其表示的含義也不同。初始狀態(tài)

：選中鋼筆工具后看到的第一個指針。在舞臺上單擊鼠標(biāo)時將創(chuàng)建初始節(jié)點，它是新路徑的開始。增加節(jié)點

：當(dāng)光標(biāo)變?yōu)閹Ъ犹枙r，在線段上單擊鼠標(biāo)就會增加一個節(jié)點，這樣有助于更精確地調(diào)整線段。刪除節(jié)點

：當(dāng)光標(biāo)變?yōu)閹p號時，在線段上單擊節(jié)點，就會將這個節(jié)點刪除。轉(zhuǎn)換節(jié)點

：當(dāng)光標(biāo)變?yōu)閹д劬€時，在線段上單擊節(jié)點，就會將這個節(jié)點從曲線節(jié)點轉(zhuǎn)換為直線節(jié)點?！菊n堂案例】-繪制淑女堂標(biāo)志3．鋼筆工具【提示】當(dāng)選擇鋼筆工具繪畫時，若在用鉛筆、刷子、線條、橢圓或矩形工具創(chuàng)建的對象上單擊，就可以調(diào)整對象的節(jié)點，以改變這些線條的形狀?！菊n堂案例】-繪制淑女堂標(biāo)志4．部分選取工具（1）部分選取工具作用：選擇“部分選取”工具

，在對象的外邊線上單擊，對象上出現(xiàn)多個節(jié)點，拖動節(jié)點可以調(diào)整控制線的長度和斜率，從而改變對象的曲線形狀。（2）啟用方法啟用“部分選取”工具

，有以下兩種方法：單擊工具箱中的“部分選取”工具按A鍵【課堂案例】-繪制淑女堂標(biāo)志4．部分選取工具（3）相關(guān)屬性：在改變對象的形狀時，“部分選取”工具的光標(biāo)會產(chǎn)生不同的變化，其表示的含義也不同。帶黑色方塊的光標(biāo)

：當(dāng)鼠標(biāo)放置在節(jié)點以外的線段上時，光標(biāo)變?yōu)?/p>

時，可以移動對象到其他位置。帶白色方塊的光標(biāo)

：當(dāng)鼠標(biāo)放置在節(jié)點上時，光標(biāo)變?yōu)?/p>

時，可以移動單個的節(jié)點到其他位置。變?yōu)樾〖^的光標(biāo)

：當(dāng)鼠標(biāo)放置在節(jié)點調(diào)節(jié)手柄的盡頭時，光標(biāo)變?yōu)?/p>

時，可以調(diào)節(jié)與該節(jié)點相連的線段的彎曲度?！咎崾尽吭谡{(diào)整節(jié)點的手柄時，調(diào)整一個手柄，另一個相對的手柄也會隨之發(fā)生變化。如果只想調(diào)整其中的一個手柄，按住Alt鍵，再進行調(diào)整即可?！菊n堂案例】-繪制淑女堂標(biāo)志5．套索工具（1）套索工具作用：可以按需要在對象上選取任意一部分不規(guī)則的圖形。（2）啟用方法啟用“套索”工具，有以下兩種方法：單擊工具箱中的“套索”工具

按L鍵（3）相關(guān)屬性：在選擇“套索”工具后，工具箱的下方出現(xiàn)如圖圖2.65所示的按鈕，利用這些按鈕可以完成以下工作?！菊n堂案例】-繪制淑女堂標(biāo)志6．顏料桶工具（1）顏料桶工具作用：可以修改矢量圖形的填充色。（2）啟用方法啟用“顏料桶”工具，有以下兩種方法：單擊工具箱中的“顏料桶”工具

按K鍵【課堂案例】-繪制淑女堂標(biāo)志【

舉一反三】【操作提示】

魚類主要由身體和魚鰭組成，不同魚類的主要區(qū)別也在于這幾個部分。（1）首先使用“線條工具”和“選擇工具”繪制熱帶魚身體和魚鰭的輪廓。（