2.2 圖形的繪制與選擇

應用繪制工具可以繪制多變的圖形與路徑。若要在舞臺上修改圖形對象，則需要先選擇對象，再對其進行修改。

命令介紹

矩形工具：可以繪制出不同樣式的矩形。

鋼筆工具：可以繪制出精確的路徑。如在創建直線或曲線的過程中，可以先繪制直線或曲線，再調整直線段的角度、長度以及曲線段的斜率。

選擇工具：具有選擇、移動、復制、調整向量線條和色塊的功能，是使用頻率較高的一種工具。

套索工具：可以按需要在對象上選取任意一部分不規則的圖形。

2.2.1 課堂案例——制作網絡公司網頁標志

【案例學習目標】使用不同的繪圖工具繪制標志圖形。

【案例知識要點】使用“文本”工具，輸入文字；使用“套索”工具和“選擇”工具，刪除文字筆畫；使用“鋼筆”工具、“橢圓”工具和“線條”工具，添加和修改文字筆畫效果，最終效果如圖2-58所示。

【效果所在位置】Ch02/效果/制作網絡公司網頁標志.fla。

掃描觀看本案例視頻

1．輸入文字

（1）選擇“文件>新建”命令，彈出“新建文檔”對話框，在“常規”選項卡中選擇“Action Script 3.0”選項，將“寬”選項設置為500，“高”選項設置為350，將“背景顏色”設置為黑色，單擊“確定”按鈕，完成文檔的創建。

（2）按Ctrl+F8組合鍵，彈出“創建新元件”對話框，在“名稱”選項的文本框中輸入“標志”，在“類型”選項的下拉列表中選擇“圖形”選項，如圖2-59所示，單擊“確定”按鈕，新建圖形元件“標志”，如圖2-60所示。舞臺窗口也隨之轉換為圖形元件的舞臺窗口。

（3）將“圖層 1”重新命名為“文字”。選擇“文本”工具，在文本工具“屬性”面板中進行設置，在舞臺窗口中輸入需要的白色文字，效果如圖2-61所示。選中文字，按兩次Ctrl+B組合鍵，將文字打散，效果如圖2-62所示。

2．添加畫筆

（1）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“鋼筆繪制”。選擇“鋼筆”工具，在鋼筆工具“屬性”面板中，將“筆觸顏色”設置為紅色，在“度”字的右下方單擊鼠標，設置起點，如圖2-63所示，在空白處單擊鼠標，設置第2個節點，按住鼠標不放，向上拖曳控制手柄，調節控制手柄改變路徑的彎度，效果如圖2-64所示。使用相同的方法，應用“鋼筆”工具繪制圖2-65所示的邊線效果。

（2）在工具箱的下方將“填充顏色”設置為白色。選擇“顏料桶”工具，在工具箱下方的“空隙大小”選項組中選擇“不封閉空隙”選項，在邊線內部單擊鼠標填充圖形，如圖 2-66 所示。選擇“選擇”工具，雙擊邊線將其選中，如圖2-67所示，按Delete鍵將其刪除，效果如圖2-68所示。

（3）選擇“選擇”工具，在“度”字的上方拖曳出一個矩形，如圖2-69所示。按Delete鍵將其刪除，效果如圖2-70所示。用相同的方法刪除其他文字的筆畫，效果如圖2-71所示。

（4）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“線條繪制”。選擇“橢圓”工具，在工具箱中將“筆觸顏色”設置為無，“填充顏色”設置為白色，按住 Shift鍵的同時繪制圓形，效果如圖2-72所示。

（5）選擇“選擇”工具，選取圓形，如圖2-73 所示，按住Alt鍵，拖曳到適當的位置，復制圖形，效果如圖2-74所示。用相同的方法復制多個圖形，效果如圖2-75所示。

（6）選擇“線條”工具，在線條工具“屬性”面板中，將“筆觸顏色”設置為白色，其他選項的設置如圖2-76所示。在“風”字的內部繪制出一條斜線，效果如圖2-77所示。用相同的方法再次繪制另外一條斜線，效果如圖2-78所示。

3.制作標志

（1）單擊舞臺窗口左上方的“場景1”圖標，進入“場景1”的舞臺窗口。將“圖層1”重命名為“底圖”。按Ctrl+R組合鍵，在彈出的“導入”對話框中，選擇“Ch02 > 素材 > 制作網絡公司網頁標志 > 01”文件，單擊“打開”按鈕，圖片被導入舞臺窗口中，效果如圖2-79所示。

（2）單擊“時間軸”面板下方的“新建圖層”按鈕，創建新圖層并將其命名為“標志”。將“庫”面板中的圖形元件“標志”拖曳到舞臺窗口中，并放置在適當的位置，效果如圖2-80所示。

（3）按 Ctrl+T 組合鍵，彈出“變形”面板，單擊面板下方的“重制選區和變形”按鈕，復制元件。在圖形“屬性”面板“樣式”選項的下拉列表中選擇“色調”選項，各選項的設置如圖2-81所示，舞臺效果如圖2-82所示。

（4）按Ctrl+↓組合鍵，將文字向下移一層，按6次鍵盤上的向下鍵，將文字向下移動，使文字產生陰影效果，如圖2-83所示。

（5）選擇“文本”工具，在文本工具“屬性”面板中進行設置，在舞臺窗口中輸入需要的深藍色（#1D4A83）文字，效果如圖2-84所示。

（6）單擊“變形”面板下方的“重制選區和變形”按鈕，復制文字。在文本工具“屬性”面板中將“顏色”選項改為白色，舞臺效果如圖 2-85 所示。選擇“選擇”工具，選取白色文字，然后拖曳到適當的位置，使文字產生陰影效果。網絡公司網頁標志制作完成，按Ctrl+Enter 組合鍵即可查看效果，如圖2-86所示。

2.2.2 矩形工具

選擇“矩形”工具，在舞臺上按住鼠標不放，向需要的位置拖曳鼠標，繪制出矩形圖形，松開鼠標，矩形圖形效果如圖2-87所示。按住Shift鍵的同時繪制圖形，可以繪制出正方形，如圖2-88所示。

可以在矩形工具“屬性”面板中設置不同的邊框顏色、邊框粗細、邊框線型和填充顏色，如圖2-89所示。設置不同的邊框屬性和填充顏色后，繪制的圖形如圖2-90所示。

可以應用矩形工具繪制圓角矩形。選擇“屬性”面板，在“矩形邊角半徑”選項的數值框中輸入需要的數值，如圖2-91所示。輸入的數值不同，繪制出的圓角矩形也不同，效果如圖2-92所示。

2.2.3 基本矩形工具

“基本矩形”工具的使用方法和功能與“矩形”工具相同，唯一的區別在于，“矩形”工具必須要先設置矩形屬性，然后繪制，繪制好之后不可以更改矩形屬性；而“基本矩形”工具繪制前設置屬性和繪制后設置屬性都是可以的。

2.2.4 多角星形工具

應用多角星形工具可以繪制出不同樣式的多邊形。選擇“多角星形”工具，在舞臺上按住鼠標不放，向需要的位置拖曳鼠標，繪制出多邊形，松開鼠標，多邊形效果如圖2-93所示。

可以在多角星形工具的“屬性”面板中設置不同的邊框顏色、邊框粗細、邊框線型和填充顏色，如圖2-94所示。設置不同的邊框屬性和填充顏色后，繪制的圖形如圖2-95所示。

單擊屬性面板下方的“選項”按鈕，彈出“工具設置”對話框，如圖2-96所示，在該對話框中可以自定義多邊形的各種屬性。

“樣式”選項：在此選項中選擇繪制多邊形或星形。

“邊數”選項：設置多邊形的邊數，其選取范圍為3～32。

“星形頂點大小”選項：輸入一個0～1的數以指定星形頂點的深度。此數越接近0，創建的頂點就越深。此選項在多邊形形狀繪制中不起作用。

設置不同的數值后，繪制出的多邊形也不同，如圖2-97所示。

2.2.5 鋼筆工具

選擇“鋼筆”工具，將鼠標放置在舞臺上想要繪制曲線的起點位置，然后按住鼠標不放，此時出現第一個錨點，并且鋼筆尖形狀的光標變為箭頭形狀，如圖2-98所示。松開鼠標，將鼠標放置在想要繪制的第二個錨點的位置，單擊鼠標并按住不放，繪制出一條直線段，如圖2-99所示。將鼠標向其他方向拖曳，直線轉換為曲線，如圖2-100所示。松開鼠標，一條曲線繪制完成，如圖2-101所示。

用相同的方法可以繪制出多條曲線段組合而成的不同樣式的曲線，如圖2-102所示。

在繪制線段時，如果按住Shift鍵再進行繪制，繪制出的線段將被限制為傾斜45°的倍數，如圖2-103所示。

在繪制線段時，“鋼筆”工具的光標形狀會產生不同的變化，其表示的含義也不同。

增加節點：當光標變為帶加號時，如圖2-104所示，在線段上單擊鼠標就會增加一個節點，這樣有助于更精確地調整線段。增加節點后的效果如圖2-105所示。

刪除節點：當光標變為帶減號時，如圖2-106所示，在線段上單擊節點，就會將這個節點刪除。刪除節點后的效果如圖2-107所示。

轉換節點：當光標變為帶折線時，如圖 2-108 所示，在線段上單擊節點，就會將這個節點從曲線節點轉換為直線節點。轉換節點后的效果如圖2-109所示。

2.2.6 選擇工具

選擇“選擇”工具，工具箱下方出現圖2-110所示的按鈕，利用這些按鈕可以完成以下工作。

“貼緊至對象”按鈕：自動將舞臺上兩個對象定位到一起，一般制作引導層動畫時可利用此按鈕將關鍵幀的對象鎖定到引導路徑上。此按鈕還可以將對象定位到網格上。

“平滑”按鈕：可以柔化選擇的曲線條。當選中對象時，此按鈕變為可用。

“伸直”按鈕：可以銳化選擇的曲線條。當選中對象時，此按鈕變為可用。

1．選擇對象

選擇“選擇”工具，在舞臺中的對象上單擊鼠標進行點選，如圖2-111所示。按住Shift鍵再點選對象，可以同時選中多個對象，如圖2-112所示。在舞臺中拖曳出一個矩形可以框選對象，如圖2-113所示。

2．移動和復制對象

選擇“選擇”工具，點選對象，如圖2-114所示，按住鼠標不放，直接拖曳對象到任意位置，如圖2-115所示。

選擇“選擇”工具，點選對象，按住Alt鍵拖曳選中的對象到任意位置，選中的對象便會被復制，如圖2-116所示。

3．調整向量線條和色塊

選擇“選擇”工具，將光標移至對象，光標下方出現圓弧，如圖2-117所示。拖曳鼠標，對選中的線條和色塊進行調整，如圖2-118所示。

2.2.7 部分選取工具

選擇“部分選取”工具，在對象的外邊線上單擊，此時對象上會出現多個節點，如圖2-119所示。拖動節點來調整控制線的長度和斜率，從而改變對象的曲線形狀，如圖2-120所示。

在改變對象的形狀時，“部分選取”工具的光標形狀會產生不同的變化，其表示的含義也不同。

帶黑色方塊的光標：將光標放置在節點以外的線段上時，光標變為，如圖2-121所示。這時，可以移動對象到其他位置，如圖2-122和圖2-123所示。

帶白色方塊的光標：將光標放置在節點上時，光標變為，如圖2-124所示。這時，可以移動單個的節點到其他位置，如圖2-125和圖2-126所示。

變為小箭頭的光標：將光標放置在節點調節手柄的盡頭時，光標變為，如圖2-127所示。這時，可以調節與該節點相連的線段的彎曲度，如圖2-128和圖2-129所示。

可以將直線節點轉換為曲線節點，并進行彎曲度調節。選擇“部分選取”工具，在對象的外邊線上單擊，對象上顯示出節點，如圖2-130所示。用鼠標單擊要轉換的節點，節點從空心變為實心，表示可編輯，如圖2-131所示。

按住Alt鍵，用鼠標將節點向外拖曳，節點會增加兩個可調節手柄，如圖2-132所示。應用調節手柄可調節線段的彎曲度，如圖2-133所示。

2.2.8 套索工具

選擇“套索”工具，在場景中導入一幅位圖，按 Ctrl+B 組合鍵將位圖進行分離。用鼠標在位圖上任意勾選想要的區域，形成一個封閉的選區，如圖2-134所示。松開鼠標，選區中的圖像被選中，如圖2-135所示。

在選擇“套索”工具后，工具箱的下方出現圖2-136所示的按鈕，這些按鈕的具體功能如下所示。

“魔術棒”按鈕：以點選的方式選擇顏色相似的位圖圖形。

選中“魔術棒”按鈕，將光標放在位圖上，光標變為，在要選擇的位圖上單擊鼠標，如圖2-137所示。與點取點顏色相近的圖像區域被選中，如圖2-138所示。

“魔術棒屬性”按鈕：可以用來設置魔術棒的屬性，應用不同的屬性，魔術棒選取的圖像區域大小各不相同。

單擊“魔術棒屬性”按鈕，彈出“魔術棒設置”對話框，如圖2-139所示。

在“魔術棒設置”對話框中設置不同數值后，產生的不同效果如圖2-140所示。

“多邊形模式”按鈕：可以用鼠標精確地勾畫想要選中的圖像。

選擇“多邊形模式”按鈕，在場景中導入一幅位圖，按 Ctrl+B 組合鍵將位圖進行分離。用鼠標在字母“A”的邊緣進行繪制，如圖 2-141 所示。雙擊鼠標結束多邊形工具的繪制，繪制的區域被選中，如圖2-142所示。