第2章圖形繪制與文本工具

1、第第 2 2 章章 圖形繪制與文本工具圖形繪制與文本工具Flash Flash 動(dòng)畫(huà)制作動(dòng)畫(huà)制作上章回顧q Flash可以通過(guò)添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Flash應(yīng)用程序。q Flash現(xiàn)有的應(yīng)用領(lǐng)域包括：動(dòng)畫(huà)制作、網(wǎng)絡(luò)廣告動(dòng)畫(huà)、游戲開(kāi)發(fā)、手機(jī)應(yīng)用開(kāi)發(fā)、網(wǎng)站建設(shè)和應(yīng)用程序開(kāi)發(fā)。q 動(dòng)畫(huà)的產(chǎn)生是利用人們眼睛的視覺(jué)殘留作用，通過(guò)在時(shí)間軸的幀上一格又一格不動(dòng)的，但又是逐漸變化著的畫(huà)面，以每秒鐘跳動(dòng)24格的速度連續(xù)放映，造成人物活動(dòng)的感覺(jué)。q 時(shí)間軸和舞臺(tái)組成了Flash創(chuàng)作軟件的核心，在時(shí)間軸上，幀和層是Flash創(chuàng)作中最基本的兩個(gè)操作位置，這兩個(gè)位置都是組成舞臺(tái)視覺(jué)元素的構(gòu)

2、件。q 發(fā)布動(dòng)畫(huà)影片的基本步驟：設(shè)置好文檔的屬性、開(kāi)始創(chuàng)作動(dòng)畫(huà)、預(yù)覽和測(cè)試影片、定義發(fā)布設(shè)置和發(fā)布影片。本章進(jìn)階q 了解位圖與矢量圖的區(qū)別q 掌握?qǐng)D形與繪圖工具的使用q 掌握填充工具的使用q 掌握修改工具的使用q 掌握文本工具的使用案例q 案例分析 根據(jù)本章知識(shí)點(diǎn)使用鋼筆工具，線(xiàn)條工具，橢圓工具，顏料桶工具繪制案例。q 涉及知識(shí)點(diǎn)v 打開(kāi)文件v 繪圖工具繪制圖形v 滴管工具、顏料桶工具v 保存影片和發(fā)布影片素材完成效果位圖與矢量圖q矢量圖形：矢量圖形又稱(chēng)向量圖形，內(nèi)容以線(xiàn)條和色塊為主。矢量圖形與分辨率無(wú)關(guān)，能以任意大小進(jìn)行輸出，不會(huì)遺漏細(xì)節(jié)或降低清晰度。矢量圖放大不失真q位圖圖像:稱(chēng)為點(diǎn)陣圖像

3、，它是由許多個(gè)點(diǎn)組成的，這些點(diǎn)稱(chēng)為“像素”這些不同顏色的點(diǎn)按照一定次序進(jìn)行排列，就組成了五彩斑斕的圖像。位圖放大后鋸齒狀位圖與矢量圖位圖和矢量圖的轉(zhuǎn)換:選擇“修改位圖轉(zhuǎn)換位圖為矢量圖”命令，對(duì)彈出的“轉(zhuǎn)換位圖為矢量圖”對(duì)話(huà)框中的選項(xiàng)進(jìn)行設(shè)置。轉(zhuǎn)換位圖為矢量圖位圖與矢量圖分離位圖:選擇“修改分離”命令或按“Ctrl+B”快捷鍵分離位圖，然后選擇“選擇工具”或者“索套工具”選擇分離后的圖像進(jìn)行修改處理。 位圖分離前 位圖分離后刪除背景Flash CS4提供了多種圖形創(chuàng)作工具用于繪制矢量圖形或?qū)ξ粓D圖像進(jìn)行修改，這包括線(xiàn)條工具、矩形工具、鉛筆工具、鋼筆工具、刷子工具。圖形工具圖形工具圖形工具線(xiàn)條工具

4、:可以沿任意方向繪制直線(xiàn)，同時(shí)按住“Shift”鍵，可以精確地繪制水平、豎直或者45度角的直線(xiàn)。線(xiàn)條工具屬性面板圖形工具矩形工具：可以繪制矩形，矩形由外圍的線(xiàn)條和內(nèi)部的填充組成，選擇“矩形工具”，在“屬性”面板中可設(shè)置矩形屬性。矩形工具屬性面板圖形工具橢圓工具：不但可以繪制橢圓按住“Shift”鍵可以繪制正圓，還可以繪制不閉合圓、圓環(huán)（設(shè)置內(nèi)徑選項(xiàng)）、缺角圓環(huán)（設(shè)置開(kāi)始角度選項(xiàng)和約束角度選項(xiàng)）、扇形（約束角度選項(xiàng)）。橢圓工具繪制圓的效果橢圓工具屬性面板圖形工具多角星形工具：選擇“多角星形工具”時(shí)，“屬性”面板中出現(xiàn)將顯示“選項(xiàng)”按鈕，單擊“選項(xiàng)”按鈕會(huì)彈出“工具設(shè)置”對(duì)話(huà)框。多角星形屬性面板“

5、工具設(shè)置”對(duì)話(huà)框繪制效果圖形工具鉛筆工具:可以繪制曲線(xiàn)，選擇“鉛筆工具”后，工具箱右側(cè)會(huì)出現(xiàn)“鉛筆模式”,單擊“鉛筆模式”下拉列表，將顯示以下三個(gè)選項(xiàng)：v 伸直：用于繪制有棱角的曲線(xiàn)（接近于直線(xiàn)），一般這些曲線(xiàn)用于繪制類(lèi)如三角形、橢圓形、圓形、矩形和正方形等幾何形體。v 平滑：用于繪制平滑曲線(xiàn)。v 墨水：用于繪制不需要修改的手畫(huà)線(xiàn)條。圖形工具刷子工具:繪制出來(lái)的是填充色塊，選擇“刷子工具”后，可在工具箱右側(cè)設(shè)置“刷子大小”和“刷子形狀”。刷子大小刷子形狀圖形工具鋼筆工具:用來(lái)繪制貝塞爾(Bezie)曲線(xiàn)。它可以繪制直線(xiàn)段和曲線(xiàn)段，然后通過(guò)調(diào)整線(xiàn)條上的點(diǎn)來(lái)調(diào)整直線(xiàn)段的角度和長(zhǎng)度以及曲線(xiàn)段的斜率。

6、鋼筆工具”為繪制提供了最佳的控制和最大的精確度。鋼筆工具繪制圖形填充工具顏色面板:可以精確設(shè)置筆觸顏色或填充顏色，選擇菜單“窗口顏色”命令或按“shift+F9”鍵打開(kāi)“顏色”面板。筆觸填充類(lèi)型溢出紅綠藍(lán)Alpha指針顏色面板滴管工具:“滴管工具”的作用是拾取工作區(qū)中已經(jīng)存在的顏色及樣式屬性，并將其應(yīng)用于其他對(duì)象中。該工具沒(méi)有輔助選項(xiàng)。使用也非常簡(jiǎn)單，只要將滴管移動(dòng)到需要取色的線(xiàn)條或圖形中單擊即可。填充工具顏料桶工具:用于對(duì)矢量圖的某一區(qū)域進(jìn)行填充，在工具箱單擊“顏料桶工具”可以看到右側(cè)出現(xiàn)了“空隙大小”的填充模式?！翱障洞笮　毕吕藛翁畛涔ぞ哌x擇工具:主要用于是選取一個(gè)或多個(gè)對(duì)象。單擊“選擇

7、工具”，在要選取的對(duì)象上單擊鼠標(biāo)左鍵即可選中單個(gè)對(duì)象。選取多個(gè)對(duì)象時(shí)，只需在選取對(duì)象的同時(shí),先按住“Shift”鍵不放，然后依次單擊每個(gè)要選取的對(duì)象即可。修改工具“選擇工具”修改線(xiàn)條修改工具部分選擇工具:用于選擇矢量圖形上的節(jié)點(diǎn)，即以貝塞爾曲線(xiàn)的方式編輯對(duì)象的筆觸。用“部分選取工具”選取節(jié)點(diǎn)后，按“Delete”鍵即可刪除該節(jié)點(diǎn)。拖動(dòng)鼠標(biāo)即可改變圖形的形狀。部分選擇工具修改圖形修改工具橡皮擦工具:可以擦除部分或全部矢量圖，通過(guò)“橡皮擦模式”按鈕，可以選擇擦除模式?！跋鹌げ聊Ｊ健毕吕藛螏追N擦除模式的效果修改工具任意變形工具:可以旋轉(zhuǎn)圖形、變換圖形大小、斜切和扭曲圖形對(duì)象。旋轉(zhuǎn)和斜切縮放扭曲封套

8、修改工具漸變變形工具:當(dāng)給對(duì)象填充漸變或位圖后，可以使用工具箱中的“漸變變形工具”（它與“任意變形工具”位于同一個(gè)按鈕下）可以對(duì)填充色進(jìn)行拉伸、旋轉(zhuǎn)、擴(kuò)展和壓縮等操作。線(xiàn)性漸變變形放射狀漸變變形文本工具文本類(lèi)型:文本工具有三個(gè)不同的類(lèi)型：靜態(tài)文本、動(dòng)態(tài)文本、輸入文本。v 靜態(tài)文本：顯示不能更改的文本信息，一般在不涉及Flash程序情況下使用。v 動(dòng)態(tài)文本：能夠動(dòng)態(tài)的顯示最新文本信息，需要與Flash as程序配合使用。v 輸入文本：輸入各種文本信息，需要與Flash as程序配合使用。文本工具位置和大小:X和Y是顯示當(dāng)前文本框的X軸和Y軸的坐標(biāo)值。而調(diào)節(jié)“寬”和“高”的數(shù)值則可以調(diào)節(jié)文本框的大

9、小。文本工具字符:可以設(shè)置文本的基本屬性，包括字體、樣式、字號(hào)大小、字符間距、顏色、消除鋸齒、字距、行距等?？梢灾苯虞斎敫闹?，按住鼠標(biāo)左鍵左右拖動(dòng)進(jìn)行更改。文本工具段落:可以設(shè)置文本的段落排列形式，其中包括格式（設(shè)置段落格式，從左向右依次為左靠齊、居中、右靠齊、兩端拉齊）、間距（字符之間的行距）、邊距（字符在文本框中的左右間距）、方向（字符的橫向和縱向的排列方式）。文本工具選項(xiàng):“選項(xiàng)”內(nèi)容里可以給文本添加超鏈接和目標(biāo)，這與HTML超鏈接的功能一樣。文本工具文本分離:選擇菜單“修改分離”命令或按“Ctrl+B”快捷鍵。使用文本分離操作可以把文本分離成一個(gè)一個(gè)的單獨(dú)文字。分離后的單獨(dú)文字如果再

10、使用分離操作就會(huì)把文字分離成圖形填充，這樣有利于制作動(dòng)畫(huà)效果。文本分離的過(guò)程演示案例制作小小機(jī)器人素材完成效果打開(kāi)素材選擇“線(xiàn)條工具”添加圖層描繪線(xiàn)條描線(xiàn)完成滴管工具吸色選擇“顏料桶”工具填充完成效果演示案例小小機(jī)器人操作步驟本章總結(jié)q 使用Flash可以創(chuàng)建壓縮矢量圖形并將它們制作為動(dòng)畫(huà)。Flash還可以導(dǎo)入和處理在其它應(yīng)用程序中創(chuàng)建的矢量圖形或位圖圖像。選擇“修改位圖轉(zhuǎn)換位圖為矢量圖”命令，設(shè)置好“轉(zhuǎn)換位圖為矢量圖”對(duì)話(huà)框即可將位圖轉(zhuǎn)為矢量圖。q 導(dǎo)入到舞臺(tái)的位圖也可以進(jìn)行分離，只需從主菜單中選擇“修改分離”命令或按（Ctrl+B）快捷鍵即可，分離位圖的好處在于可以對(duì)位圖進(jìn)行部分修改。q Flash CS4提供了多種圖形創(chuàng)作工具用于繪制矢量圖形或?qū)ξ粓D進(jìn)行編輯，這包括線(xiàn)條工具、矩形