官术网_书友最值得收藏!

2.2 圖形制作

本節將對Animate CC 2017提供的圖形處理工具進行一些簡單的講解,并列舉一些基本的圖形繪制實例。通過對本節的學習,相信大家對Animate CC 2017的圖形制作不會再感到陌生了。

2.2.1 Animate CC 2017的圖形

計算機以矢量或位圖格式顯示圖形,了解這兩種格式的差別有助于用戶更高效地工作。使用Animate CC 2017可以創建壓縮矢量圖形并將它們制作為動畫,也可以導入和處理在其他應用程序中創建的矢量圖形和位圖圖像。在編輯矢量圖形時,用戶可以修改描述圖形形狀的線條和曲線屬性,也可以對矢量圖形進行移動、調整大小、重定形狀及更改顏色的操作,而不更改其外觀品質。

在Animate CC 2017中繪圖時,創建的是矢量圖形,它是由數學公式所定義的直線和曲線組成的。矢量圖形與分辨率無關,因此,用戶可以將圖形重新調整到任意大小,或以任何分辨率顯示它,而不會影響其清晰度。另外,與下載類似的位圖圖像相比,下載矢量圖形的速度比較快。

圖形編輯是Animate CC 2017的重要功能之一,用戶在了解了一些基本的繪圖方法之后,就可以從繪圖工具欄里選擇不同的工具以及它們的修飾功能鍵來進行創建、選擇、分割圖形等操作。當選擇了不同的工具時,圖形工具欄外觀會跟著發生一些變化,且修飾功能鍵以及下拉菜單也將出現在工具欄的下半部分。修飾功能鍵大大擴展了此工具的使用功能,加強了此工具的實用性和靈活性。

一般情況下,在第一次接觸到某工具時,只要能大概知道它的作用就可以了,至于具體應用,則需要在實踐中去體會和理解。

2.2.2 鉛筆工具和線條工具

在講解鉛筆工具之前先來熟悉一下工具箱。Animate CC 2017的工具箱如圖2-4所示。

圖2-4 Animate CC 2017的工具箱

1.鉛筆工具

(鉛筆工具)用于在場景的指定幀上繪制線條和形狀,它的效果就好像用真的鉛筆畫畫一樣。Animate CC 2017中的鉛筆工具有屬于自己的特點,比如,可以在繪圖的過程中拉直線條或者平滑曲線,還可以識別或者糾正基本幾何形狀。另外,還可以使用鉛筆工具的修正功能來創建特殊形狀,也可以手工修改線條及其形狀。

選擇工具箱上的(鉛筆工具)時,在工具箱下部的選項部分中將顯示對象繪制按鈕,用于繪制互不干擾的多個圖形,單擊右側下的小三角形,會出現如圖2-5所示的選項。

這3個選項分別對應鉛筆工具的3個繪圖模式。

●選擇(伸直)時,系統會將獨立的線條自動連接,將接近直線的線條自動拉直,對搖擺的曲線進行直線式處理。

●選擇(平滑)時,將縮小Animate CC 2017自動進行處理的范圍。在平滑選項模式下,線條拉直和形狀識別功能都將被禁止。在繪制曲線后,系統可以進行輕微的平滑處理,且使端點接近的線條彼此可以連接。

●選擇(墨水)時,將關閉Animate CC 2017自動處理功能,即畫的是什么樣就是什么樣,不做任何平滑、拉直或連接處理。

選擇(鉛筆工具)的同時,在“屬性”面板中也會出現如圖2-6所示的選項,包括筆觸顏色、筆觸粗細、樣式、縮放、端點類型和接合類型等。

圖2-5 下拉選項

圖2-6 鉛筆“屬性”面板

單擊顏色框,會彈出Animate CC 2017自帶的Web顏色系統,如圖2-7所示,從中可以定義所需的筆觸顏色;拖動“筆觸”右側的滑塊,可以自由設定線條的寬度;單擊“樣式”右側的下拉按鈕,可以從彈出的下拉列表中選擇所需要的線條樣式,如圖2-8所示;單擊(編輯筆觸樣式)按鈕,可以在彈出的“筆觸樣式”對話框中設置所需的線條樣式。

圖2-7 Web顏色系統

圖2-8 線條樣式

在“筆觸樣式”對話框中共有“實線”“虛線”“點狀線”“鋸齒線”“點刻線”和“斑馬線”6種線條類型。

●實線:最適合在Web上使用的線型。此線型可以通過“粗細”和“銳化轉角”兩個選項來設定,如圖2-9所示。

●虛線:帶有均勻間隔的實線。短線和間隔的長度是可以調整的,如圖2-10所示。

圖2-9 實線

圖2-10 虛線

●點狀線:繪制的直線由間隔相等的點組成。點狀線與虛線有些相似,但只有點的間隔距離可調整,如圖2-11所示。

●鋸齒線:繪制的直線由間隔相等的粗糙短線組成。它的粗糙程度可以通過圖案、波高和波長3個選項來進行調整,如圖2-12所示。在“圖案”選項中有“簡單”“實線”“隨機”“點狀”“隨機點狀”“三點狀”“隨機三點狀”7種樣式可供選擇;在“波高”選項中有“平坦”“起伏”“劇烈起伏”“強烈”4個選項可供選擇;在“波長”選項中有“非常短”“較短”“中”“長”4個選項可供選擇。

圖2-11 點狀線

圖2-12 鋸齒線

●點刻線:繪制的直線可用來模擬藝術家手刻的效果。點刻線的品質可通過點大小、點變化和密度來調整,如圖2-13所示。在“點大小”選項中有“很小”“小”“中等”“大”4個選項可供選擇;在“點變化”選項中有“同一大小”“微小變化”“不同大小”“隨機大小”4個選項可供選擇;在“密度”選項中有“非常密集”“密集”“稀疏”“非常稀疏”4個選項可供選擇。

●斑馬線:繪制復雜的陰影線,可以精確模擬藝術家手繪的陰影線,產生無數種陰影效果,這可能是Animate CC 2017繪圖工具中復雜性最高的操作之一,如圖2-14所示。它的參數有粗細、間隔、微動、旋轉、曲線和長度等。其中,“粗細”選項中有“極細線”“細”“中”“粗”4個選項可供選擇;“間隔”選項中有“非常近”“近”“遠”“非常遠”4個選項可供選擇;“微動”選項中有“無”“回彈”“松散”“強烈”4個選項可供選擇;“旋轉”選項中有“無”“輕微”“中”“自由”4個選項可供選擇;“曲線”選項中有“直線”“輕微彎曲”“中等彎曲”“強烈彎曲”4個選項可供選擇;“長度”選項中有“相等”“輕微變化”“中等變化”“隨機”4個選項可供選擇。

圖2-13 點刻線

圖2-14 斑馬線

面板下方的“端點”和“接合”選項用于設置線條的線段兩端和拐角的類型,如圖2-15所示。

端點類型包括“無”“圓角”和“方形”3種,效果如圖2-16所示。用戶可以在繪制線條之前設置好線條屬性,也可以在繪制完成后重新修改線條的屬性。

圖2-15 端點和接合位置說明

圖2-16 端點類型

a)選擇“無” b)選擇“圓角” c)選擇“方形”

接合指的是在線段的轉折處也就是拐角的地方,線段以何種方式呈現拐角形狀。有“尖角”“圓角”和“斜角”3種方式可供選擇,效果如圖2-17所示。

當選擇接合為“尖角”的時候,右側的尖角限制文本框會變為可用狀態,如圖2-18所示。在這里可以指定尖角限制數值的大小,數值越大,尖角就越尖銳;數值越小,尖角會被逐漸削平。

圖2-17 接合類型

a)選擇“尖角” b)選擇“圓角” c)選擇“斜角”

圖2-18 尖角選項

2.線條工具

使用Animate CC 2017中的(線條工具)可以繪制從起點到終點的直線。其選項與(鉛筆工具)的選項基本一致,這里就不再重復。

2.2.3 圖形工具

在Animate CC 2017中包括(矩形工具)、(橢圓工具)、(基本矩形工具)、(基本橢圓工具)和(多角星形工具)5種圖形工具。在默認情況下,Animate CC 2017工具箱中只顯示(矩形工具)、(橢圓工具)和(多角星形工具),而(基本矩形工具)和(基本橢圓工具)為隱藏工具,如果要使用這兩種工具則可以在工具箱中按住(矩形工具)或(橢圓工具)不放,在彈出的隱藏工具面板中選擇相應的圖形工具,如圖2-19所示。

圖2-19 選擇相應的圖形工具

1.矩形工具和橢圓工具

(矩形工具)和(橢圓工具)分別用于繪制矩形圖形和橢圓圖形。

(1)矩形工具及其屬性設置

使用(矩形工具)可以繪制出矩形或圓角矩形圖形。繪制的方法:在工具箱中選擇(矩形工具),然后在舞臺中單擊并拖動鼠標,隨著鼠標拖動即可繪制出矩形圖形。繪制的矩形圖形由外部筆觸線段和內部填充顏色所構成,如圖2-20所示。

提示:使用(矩形工具)繪制矩形時,如果按住鍵盤上〈Shift〉鍵的同時進行繪制,可以繪制正方形;如果在按住〈Alt〉鍵的同時進行繪制,可以從中心向周圍繪制矩形;如果在按住〈Alt+Shift〉組合鍵的同時進行繪制,可以從中心向周圍繪制正方形。

圖2-20 繪制的矩形圖形

選擇工具箱上的(矩形工具)后,在“屬性”面板中將出現(矩形工具)的相關屬性設置,如圖2-21所示。

圖2-21 矩形工具的“屬性”面板

在矩形工具的“屬性”面板中可以設置矩形的外部筆觸線段屬性、填充顏色屬性以及矩形選項的相關屬性。其中,外部筆觸線段與填充顏色的屬性與(鉛筆工具)的屬性設置相同,這里不再重復。“屬性”面板中的“矩形選項”用于設置矩形4個邊角半徑的角度值。

1)矩形邊角半徑:用于指定矩形的邊角半徑,可以在每個文本框中輸入矩形邊角半徑的參數值。

2)(鎖定)與(解鎖):如果當前顯示為(鎖定)狀態,那么只要設置一個邊角半徑的參數,則所有邊角半徑的參數都會隨之進行調整,同時也可以通過移動右側滑塊的位置統一調整矩形邊角半徑的參數值,如圖2-22所示;如果單擊(鎖定),則將取消鎖定,此時顯示為(解鎖)狀態,不能再通過拖動右側滑塊來調整矩形邊角半徑的參數,但是還可以對矩形的4個邊角半徑的參數值分別進行設置,如圖2-23所示。

圖2-22 同時調整矩形邊角半徑參數值后的效果

圖2-23 分別調整矩形邊角半徑參數值后的效果

3)重置:單擊按鈕,則矩形邊角半徑的參數值都將重置為0,此時,繪制矩形的各個邊角都將為直角。

提示:在“屬性”面板中或者在工具箱下方單擊(對象繪制)按鈕,使其處于打開狀態,此時繪制多個圖形時,重疊部分不會互相影響,各自獨立;反之,如果(對象繪制)按鈕處于關閉狀態,此時繪制多個圖形時,重疊部分會互相影響。

(2)橢圓工具及其屬性設置

(橢圓工具)用于繪制橢圓圖形,其使用方法與(矩形工具)基本類似,這里就不再贅述了。在工具箱中選擇(橢圓工具)后,“屬性”面板中將出現橢圓工具的相關屬性設置,如圖2-24所示。同樣,這里只介紹“橢圓選項”的相關屬性。

1)“開始角度”與“結束角度”:用于設置橢圓圖形的起始角度與結束角度值。如果這兩個參數均為0,則繪制的圖形為橢圓或圓形。調整這兩項屬性的參數值,可以輕松地繪制出扇形、半圓形及其他具有創意的形狀。圖2-25所示為“開始角度”與“結束角度”參數變化時的圖形效果。

圖2-24 橢圓工具的“屬性”面板

圖2-25 “開始角度”與“結束角度”參數變化時的圖形效果

a)“開始角度”與“結束角度”都為0°時的效果

b)“開始角度”為30°,“結束角度”為300°時的效果

2)內徑:用于設置橢圓的內徑,其參數值范圍為0~99。如果參數值為0,則可根據“開始角度”與“結束角度”繪制沒有內徑的橢圓或扇形圖形;如果參數值為其他參數,則可繪制有內徑的橢圓或扇形圖形。圖2-26所示為“內徑”參數變化時的圖形效果。

圖2-26 “內徑”參數變化時的圖形效果

a)“內徑”為0.00 b)“內徑”為50.00

3)閉合路徑:用于確定橢圓的路徑是否閉合。如果繪制的圖形為一條開放路徑,則生成的圖形不會填充顏色,而僅繪制筆觸。默認情況下選中“閉合路徑”選項。

4)重置:單擊按鈕,(橢圓工具)的“開始角度”“結束角度”和“內徑”參數將全部重置為0。

2.基本矩形工具和基本橢圓工具

(基本矩形工具)、(基本橢圓工具)與(矩形工具)、(橢圓工具)類似,同樣用于繪制矩形與橢圓圖形。不同之處在于使用(矩形工具)和(橢圓工具)繪制的矩形與橢圓圖形不能再通過“屬性”面板設置矩形的邊角半徑和橢圓圓形的開始角度、結束角度、內徑等屬性,使用(基本矩形工具)和(基本橢圓工具)繪制的矩形與橢圓圖形則可以繼續通過“屬性”面板隨時進行屬性設置。

3.多角星形工具

(多角星形工具)用于繪制星形或者多邊形。當選擇(多角星形工具)后,在“屬性”面板中單擊按鈕,如圖2-27所示,可以在彈出的“工具設置”對話框中進行相關選項的設置,如圖2-28所示。

圖2-27 單擊“選項”按鈕

圖2-28 “工具設置”對話框

1)樣式:用于設置繪制圖形的樣式,有多邊形和星形兩種類型可供選擇。圖2-29所示為選擇不同樣式類型的效果。

圖2-29 選擇不同樣式類型的效果

a)選擇“多邊形” b)選擇“星形”

2)邊數:用于設置繪制的多邊形或星形的邊數。

3)星形頂點大小:用于設置星形頂角的銳化程度,數值越大,星形頂角越圓滑;反之,星形頂角越尖銳。

2.2.4 畫筆工具

利用(畫筆工具)可以繪制類似毛筆繪圖的效果,應用于繪制對象或者內部填充,其使用方法與(鉛筆工具)類似。但是使用(鉛筆工具)繪制的圖形是筆觸線段,而使用(畫筆工具)繪制的圖形是填充顏色。

在工具箱中選擇(畫筆工具)后,在工具箱下方的“選項區域”中將出現(畫筆工具)的相關選項,如圖2-30所示。

圖2-30 畫筆工具的相關選項

●對象繪制:以對象模式繪制互不干擾的多個圖形。

●鎖定填充:用于設置填充的漸變顏色是獨立應用還是連續應用。

●畫筆模式:用于設置畫筆工具的各種模式。

●畫筆大小:用于設置畫筆工具的筆刷大小。

●畫筆形狀:用于設置畫筆工具的形狀。

1.使用畫筆模式

“畫筆模式”用于設置(畫筆工具)繪制圖形時的填充模式。單擊該按鈕,可以彈出如圖2-31所示的5種畫筆模式。

圖2-31 畫筆模式

(標準繪畫):使用該模式時,繪制的圖形可對同一圖層的筆觸線段和填充顏色進行填充。

(顏料填充):使用該模式時,繪制的圖形只填充同一圖層的填充顏色,而不影響筆觸線段。

(后面繪畫):使用該模式時,繪制的圖形只填充舞臺中的空白區域,而對同一圖層的筆觸線段和填充顏色不進行填充。

(顏料選擇):使用該模式時,繪制的圖形只填充同一圖層中被選擇的填充顏色區域。

(內部繪畫):使用該模式時,繪制的圖形只對畫筆工具開始時所在的填充顏色區域進行填充,而不對筆觸線段進行填充。如果在舞臺空白區域中開始填充,則不會影響任何現有填充區域。

圖2-32所示為使用不同畫筆模式繪制的效果比較。

圖2-32 使用不同畫筆模式繪制的效果比較

2.畫筆工具的屬性設置

選擇(畫筆工具)后,可以在“屬性”面板中設置(畫筆工具)的相關屬性。對于(畫筆工具),除了可以設置常規的填充和筆觸屬性外,還有一個“平滑”的屬性,如圖2-33所示。該屬性用于設置繪制圖形的平滑模式,此參數值越大,繪制的圖形越平滑。圖2-34所示為設置不同“平滑”值的效果比較。

圖2-33 畫筆工具的“平滑”屬性

圖2-34 設置不同“平滑”值的效果比較

a)“平滑”值為0 b)“平滑”值為80

2.2.5 藝術畫筆工具

利用(藝術畫筆工具)可以繪制各種藝術繪圖的效果,其使用方法與(畫筆工具)類似。

默認情況下,使用(藝術畫筆工具)繪制的只有筆觸線段,如果要繪制帶填充的效果,可以先選擇(藝術畫筆工具),然后在“屬性”面板的“畫筆選項”卷展欄中勾選“繪制為填充色”復選框,如圖2-35所示。

圖2-35 勾選“繪制為填充色”復選框

(藝術畫筆工具)的“屬性”面板的“樣式”右側下拉列表中有多種樣式可供選擇,如圖2-36所示。圖2-37為選擇不同樣式繪制的效果比較。

單擊“樣式”右側的(畫筆庫)按鈕,可以調出“畫筆庫”面板,如圖2-38所示。通過選擇“畫筆庫”面板中不同的畫筆樣式,用戶可以繪制出各種藝術繪圖的效果。圖2-39為在“畫筆庫”面板中選擇不同畫筆樣式繪制的效果比較。

圖2-36 “樣式”下拉列表

圖2-37 選擇不同樣式繪制的效果比較

圖2-38 “畫筆庫”面板

圖2-39 選擇不同畫筆樣式繪制的效果比較

2.2.6 墨水瓶工具

利用(墨水瓶工具)可以改變現有直線的顏色、線型和寬度,該工具通常與(滴管工具)配合使用。

(墨水瓶工具)和(顏料桶工具)位于工具箱上的同一位置,默認情況下顯示為(顏料桶工具)。如果要使用(墨水瓶工具),則可以按住(顏料桶工具)不放,從彈出的面板中選擇(墨水瓶工具),如圖2-40所示。當選擇(墨水瓶工具)后,“屬性”面板中會顯示出(墨水瓶工具)的相關屬性,如圖2-41所示。

下面通過一個小例子來講解墨水瓶工具的基本使用方法。

【實例】選擇工具箱上的(矩形工具),設置它的筆觸顏色為黑色(#000000),筆觸大小為2,填充色為灰色,然后在工作區中繪制一個矩形,如圖2-42所示。接著選擇工具箱上的(墨水瓶工具),設置它的筆觸顏色為深灰色(#999999),在工作區中矩形的邊緣上單擊,即可看到矩形的黑色邊框變成了深灰色,如圖2-43所示。

圖2-40 選擇墨水瓶工具

圖2-41 墨水瓶工具的“屬性”面板

圖2-42 筆觸大小為2的矩形

圖2-43 修改筆觸顏色

2.2.7 顏料桶工具

利用(顏料桶工具)可以對封閉的區域、未封閉的區域及閉合形狀輪廓中的空隙進行顏色填充。填充的顏色可以是純色,也可以是漸變色。

在工具箱中選擇(顏料桶工具)后,在工具箱下方的“選項區域”中將出現(顏料桶工具)的相關選項設置,如圖2-44所示。單擊(間隔大小)按鈕,可以彈出如圖2-45所示的4種空隙選項。

圖2-44 顏料桶工具的“選項區域”

圖2-45 空隙選項

不封閉空隙:用于在沒有空隙的條件下進行顏色填充。

封閉小空隙:用于在空隙比較小的條件下進行顏色填充。

封閉中等空隙:用于在空隙比較大的條件下進行顏色填充。

封閉大空隙:用于在空隙很大的條件下進行顏色填充。

如果激活(鎖定填充)按鈕,則可以對圖形填充的漸變顏色或位圖進行鎖定,使填充看起來好像填充至整個舞臺一樣。

2.2.8 滴管工具

(滴管工具)用于從現有的鋼筆線條、畫筆描邊或者填充上取得(或者復制)顏色和風格信息,該工具沒有任何參數。

當滴管工具不是在直線、填充或者畫筆描邊的上方時,光標顯示為,類似于工具箱上的滴管工具圖標;當滴管工具位于直線上方時,光標顯示為,即在標準滴管工具的右下方顯示一個小鉛筆圖標;當滴管工具位于填充上方時,光標顯示為,即在標準滴管工具的右下方顯示一個小刷子圖標。

當滴管工具位于直線、填充或者畫筆描邊上方時,按住〈Shift〉鍵,光標顯示為,在這種模式下,使用滴管工具可以將單擊對象的編輯工具的屬性改變為被單擊對象的屬性。利用〈Shift+單擊〉功能鍵可以取得單擊對象的屬性并立即改變相應編輯工具的屬性,如墨水瓶工具、鉛筆工具或文本工具等。滴管工具還允許用戶從位圖圖像中取樣用作填充。

用戶可以用滴管工具獲取被單擊直線或者填充的所有屬性(包括顏色、漸變、風格和寬度)。但是,如果內容不是正在編輯的組,那么組的屬性不能用這種方式獲取。

如果被單擊對象是直線,滴管工具將自動更換為墨水瓶工具的設置,以便于將所取得的屬性應用到別的直線上。與此類似,如果單擊的是填充,則滴管工具將自動更換為顏料桶工具的屬性,以便于將所取得的填充屬性應用到其他的填充上。

當滴管工具用于獲取通過位圖填充的區域屬性時,滴管工具將自動更換為顏料桶工具,且位圖圖片的縮略圖將顯示在填充顏色修正的當前色塊中。

2.2.9 鋼筆工具

要繪制精確的路徑,如直線或者平滑流暢的曲線,用戶可以使用(鋼筆工具)。首先創建直線段或曲線段,然后調整直線段的角度和長度,以及曲線段的斜率。

當使用(鋼筆工具)繪畫時,進行單擊可以在直線段上創建點,進行單擊并拖動可以在曲線段上創建點。用戶可以通過調整線條上的點來調整直線段和曲線段,可以將曲線轉換為直線,反之亦可。使用其他Animate CC 2017繪畫工具時,如(鉛筆工具)、(畫筆工具)、(線條工具)、(橢圓工具)或(矩形工具),可以在線條上創建點,也可以調整這些線條。

用戶可以指定鋼筆工具指針外觀的首選參數,用于在畫線段時進行預覽,或者查看選定錨點的外觀。

1.設置鋼筆工具首選參數

選擇工具箱上的(鋼筆工具),執行菜單中的“編輯|首選參數”命令,然后在彈出的“首選參數”對話框中單擊“繪制”選項卡,如圖2-46所示。

圖2-46 “繪制”選項卡

在“鋼筆工具:”右側勾選“顯示鋼筆預覽”復選框,可在繪畫時預覽線段。單擊創建線段的終點之前,在工作區周圍移動指針時,Animate CC 2017會顯示線段預覽。如果未選中該復選框,則在創建線段終點之前,Animate CC 2017不會顯示該線段。

2.使用鋼筆工具繪制直線路徑

使用鋼筆工具繪制直線路徑的方法如下。

1)選擇工具箱上的(鋼筆工具),然后在“屬性”面板中選擇筆觸和填充屬性。

2)將指針定位在工作區中直線開始的地方,然后進行單擊以定義第一個錨點。

3)在用戶所要繪制直線的第一條線段結束的位置再次進行單擊。如果按住〈Shift〉鍵進行單擊,則可以將線條限制為傾斜45°的倍數。

4)繼續單擊以創建其他直線段,如圖2-47所示。

5)要以開放或閉合形狀完成此路徑,請分別執行以下操作。

●結束開放路徑的繪制。方法:雙擊最后一個點,然后單擊工具欄中的鋼筆工具,或按住〈Ctrl〉鍵(Windows)或〈Command〉鍵(Macintosh)單擊路徑外的任何地方。

●結束封閉路徑的繪制。方法:將鋼筆工具放置到第一個錨點上。如果定位準確,就會在靠近鋼筆尖的地方出現一個小圓圈,單擊或拖動即可閉合路徑,如圖2-48所示。

圖2-47 繼續單擊創建其他直線段

圖2-48 閉合路徑

3.使用鋼筆工具繪制曲線路徑

使用鋼筆工具繪制曲線路徑的方法如下。

1)選擇工具箱上的(鋼筆工具)。

2)將鋼筆工具放置在工作區中所要繪制曲線開始的地方,然后單擊鼠標,此時會出現第一個錨點,并且鋼筆尖變為箭頭。

3)向所要繪制曲線段的方向拖動鼠標。如果按住〈Shift〉鍵拖動鼠標,則可以將該工具限制為繪制45°的倍數。隨著拖動,將會出現曲線的切線手柄。

4)釋放鼠標,此時切線手柄的長度和斜率決定了曲線段的形狀,用戶可以在以后通過移動切線手柄來調整曲線。

5)將指針放在想要結束曲線段的地方并單擊鼠標,然后朝相反的方向拖動,并按下〈Shift〉鍵,此時會將該線段限制為傾斜45°的倍數,如圖2-49所示。

6)若要繪制曲線的下一段,可以將指針放置在想要下一線段結束的位置上,然后拖動該曲線即可。

4.調整路徑上的錨點

在使用(鋼筆工具)繪制曲線時,創建的是曲線點,即連續的彎曲路徑上的錨點。在繪制直線段或連接到曲線段的直線時,創建的是轉角點,即在直線路徑或直線和曲線路徑接合處的錨點。

要將線條中的線段由直線段轉換為曲線段或者由曲線段轉換為直線段,可以將轉角點轉換為曲線點或者將曲線點轉換為轉角點。

用戶可以移動、添加或刪除路徑上的錨點,可以使用工具箱上的(部分選取工具)來移動錨點,從而調整直線段的長度、角度或曲線段的斜率,也可以通過輕推選定的錨點來進行微調,如圖2-50所示。

圖2-49 將該線段限制為傾斜45°的倍數

圖2-50 微調錨點的位置

5.調整線段

用戶可以調整直線段以更改線段的角度、長度,或者調整曲線段以更改曲線的斜率和方向。

移動曲線點上的切線手柄,可以調整該點兩邊的曲線。移動轉角點上的切線手柄,只能調整該點的切線手柄所在的那一邊的曲線。

2.2.10 文本工具

Animate CC 2017提供了3種文本類型。第1種文本類型是靜態文本,主要用于制作文檔中的標題、標簽或其他文本內容;第2種文本類型是動態文本,主要用于顯示根據用戶指定條件而變化的文本,例如,可以使用動態文本字段添加存儲在其他文本字段中的值(比如兩個數字的和);第3種文本類型是輸入文本,通過它可以實現用戶與Animate CC 2017應用程序間的交互,例如,在表單中輸入用戶的姓名或者其他信息。

選擇工具箱上的(文本工具),在“屬性”面板中就會顯示出如圖2-51所示的相關屬性設置。用戶可以選擇文本的下列屬性:字體、磅值、樣式、顏色、間距、字距調整、基線調整、對齊、頁邊距、縮進和行距等。

1.創建不斷加寬的文本塊

用戶可以定義文本塊的大小,也可以使用加寬的文字塊以適合所書寫的文本。

創建不斷加寬的文本塊的操作步驟如下。

1)選擇工具箱上的(文本工具),然后在文本“屬性”面板中設置參數,如圖2-52所示。

圖2-51 文本的“屬性”面板

圖2-52 設置文本屬性

2)確保未在工作區中選定任何時間幀或對象的情況下,在工作區中的空白區域單擊,然后輸入文字“www.Chinadv.com.cn”,此時,在可加寬的靜態文本右上角會出現一個圓形控制塊,如圖2-53所示,用戶即可根據需要調整文本寬度。

圖2-53 直接輸入文本

2.創建寬度固定的文本塊

除了能創建一行在輸入時不斷加寬的文本以外,用戶還可以創建寬度固定的文本塊。向寬度固定的文本塊中輸入的文本在塊的邊緣會自動換到下一行。

創建寬度固定的文本塊的操作步驟如下。

1)選擇工具箱上的(文本工具),然后在文本“屬性”面板中設置參數,如圖2-52所示。

2)在工作區中拖動鼠標來確定固定寬度的文本塊區域,然后輸入文字“www.chinadv.com.cn”,此時,在寬度固定的靜態文本塊右上角會出現一個方形的控制塊,如圖2-54所示。

圖2-54 在固定寬度的文本塊區域輸入文本

提示:可以通過拖動文本塊的方形控制塊來更改它的寬度。另外,還可通過雙擊方形控制塊將它轉換為圓形擴展控制塊。

3.創建輸入文本字段

使用輸入文本字段可以使用戶與Animate CC 2017應用程序進行交互。例如,使用輸入文本字段,可以方便地創建表單。

在后面的章節中,將講解如何使用輸入文本字段將數據從Animate CC 2017發送到服務器。下面創建一個可供用戶在其中輸入名字的文本字段,操作步驟如下。

1)選擇工具箱上的(文本工具),然后在文本“屬性”面板中設置參數,如圖2-55所示。

提示:激活(在文本周圍顯示邊框)按鈕,可以使用可見邊框標明文本字段的邊界。

2)在工作區中單擊,即可創建輸入文本,如圖2-56所示。

圖2-55 設置文本屬性

圖2-56 創建輸入文本

4.創建動態文本字段

在運行時,動態文本可以顯示外部來源中的文本。下面創建一個鏈接到外部文本文件的動態文本字段,假設要使用的外部文本文件的名稱是“chinadv.com.cn.txt”,具體創建步驟如下。

1)選擇工具箱上的(文本工具),然后在文本“屬性”面板中設置參數,如圖2-57所示。

2)在工作區兩條水平線之間的區域中拖動,以創建動態文本字段,如圖2-58所示。

3)在“屬性”面板的“實例名稱”文本框中,將該動態文本字段命名為“chinadv”,如圖2-59所示。

圖2-57 設置文本屬性

圖2-58 創建動態文本字段

圖2-59 輸入實例名

5.創建分離文本

創建分離文本的操作步驟如下。

1)選擇工具箱上的(選擇工具),然后單擊工作區中的文本塊。

2)執行菜單中的“修改|分離”(組合鍵〈Ctrl+B〉)命令,將選定文本中的每個字符放置在一個單獨的文本塊中,且文本依然在舞臺的同一位置上,如圖2-60所示。

圖2-60 分離文本

3)再次執行菜單中的“修改|分離”命令,從而將舞臺上的字符轉換為形狀。

提示:分離命令只適用于輪廓字體,如TrueType字體。當分離位圖字體時,它們會從屏幕上消失。

2.2.11 橡皮擦工具

盡管橡皮擦工具嚴格來說既不是繪圖工具也不是著色工具,但是橡皮擦工具作為繪圖和著色工具的主要輔助工具,在整個Animate CC 2017繪圖中起著不可或缺的作用,所以把它放在圖形制作一節中進行講解。

使用橡皮擦工具可以快速擦除筆觸段或填充區域等工作區中的任何內容。用戶可以自定義橡皮擦工具,以便于進行只擦除筆觸、只擦除數個填充區域或單個填充區域等操作。

選擇橡皮擦工具后,在工具箱的下方會出現如圖2-61所示的參數選項。在橡皮擦形狀選項中共有圓和方兩種類型,從細到粗共10種形狀,如圖2-62所示。

圖2-61 橡皮擦工具選項

圖2-62 橡皮擦形狀選項

1.橡皮擦模式

橡皮擦模式控制并限制了橡皮擦工具進行擦除時的行為方式。在橡皮擦模式選項中共有5種模式:“標準擦除”“擦除填色”“擦除線條”“擦除所選填充”和“內部擦除”,如圖2-63所示。

圖2-63 橡皮擦模式

●標準擦除:此模式的橡皮擦工具就像普通的橡皮擦一樣,將擦除所經過的所有線條和填充,只要這些線條或者填充位于當前圖層中即可。

●擦除填色:此模式的橡皮擦工具只擦除填充色,而保留線條。

●擦除線條:與擦除填色模式相反,此模式的橡皮擦工具只擦除線條,而保留填充色。

●擦除所選填充:此模式的橡皮擦工具只擦除當前選中的填充色,保留未被選中的填充以及所有的線條。

●內部擦除:只擦除橡皮擦筆觸開始處的填充。如果從空白點開始擦除,則不會擦除任何內容。以這種模式使用橡皮擦工具并不影響筆觸。

2.水龍頭

水龍頭的功能主要是刪除筆觸段或填充區域。

2.2.12 3D旋轉工具和3D平移工具

用戶使用3D旋轉工具和3D平移工具使2D對象沿著X、Y、Z軸進行三維旋轉和移動。通過組合這些3D工具,用戶可以創建出逼真的三維透視效果。

1.3D旋轉工具

使用(3D旋轉工具)可以在3D空間中旋轉影片剪輯元件。當使用(3D旋轉工具)選擇影片剪輯實例對象后,在影片剪輯元件上將出現3D旋轉空間。其中,紅色的線表示繞X軸旋轉,綠色的線表示繞Y軸旋轉,藍色的線表示繞Z軸旋轉,橙色的線表示同時繞X軸和Y軸旋轉,如圖2-64所示。如果需要旋轉影片剪輯,則只需將鼠標放置到需要旋轉的軸線上,然后拖動鼠標即可,此時,隨著鼠標的移動,對象也會隨之移動。

圖2-64 利用3D旋轉工具選擇對象

提示:Animate CC 2017中的3D工具只能對ActionScript 3.0下創建的影片剪輯對象進行操作。因此,在對對象進行3D旋轉操作前,必須確認當前創建的是ActionScript 3.0文件,且要進行3D旋轉的對象為影片剪輯元件。

(1)使用3D旋轉工具旋轉對象

在工具箱中選擇(3D旋轉工具)后,工具箱下方的“選項區域”將出現(貼緊至對象)和(全局轉換)兩個選項按鈕。其中,(全局轉換)按鈕默認為選中狀態,表示當前狀態為全局狀態,在全局狀態下旋轉對象是相對于舞臺進行旋轉。如果取消(全局轉換)按鈕的選中狀態,表示當前狀態為局部狀態,在局部狀態下旋轉對象是相對于影片剪輯本身進行旋轉。圖2-65所示為選中(全局轉換)按鈕前后的比較。

圖2-65 選中“全局轉換”按鈕前后的比較

a)選中“全局轉換”按鈕效果 b)取消選中“全局轉換”按鈕效果

當使用(3D旋轉工具)選擇影片剪輯元件后,將光標放置到X軸線上時,光標變為,此時拖動鼠標則影片剪輯元件會沿著X軸方向進行旋轉,如圖2-66所示;將光標放置到Y軸線上時,光標變為,此時拖動鼠標則影片剪輯元件會沿著Y軸方向進行旋轉,如圖2-67所示;將光標放置到Z軸線上時,光標變為,此時拖動鼠標則影片剪輯元件會沿著Z軸方向進行旋轉,如圖2-68所示。

圖2-66 沿著X軸方向進行旋轉

圖2-67 沿著Y軸方向進行旋轉

圖2-68 沿著Z軸方向進行旋轉

(2)使用“變形”面板進行3D旋轉

在Animate CC 2017中,用戶可以使用(3D旋轉工具)對影片剪輯元件進行任意3D旋轉,但是,如果需要精確地控制影片剪輯元件的3D旋轉,則需要使用“變形”面板進行控制。當在舞臺中選擇影片剪輯元件后,在“變形”面板中將出現“3D旋轉”與“3D中心點”的相關選項,如圖2-69所示。

●3D旋轉:在3D旋轉選項中可以通過設置X、Y、Z參數來改變影片剪輯元件各個旋轉軸的方向,如圖2-70所示。

圖2-69 “變形”面板

圖2-70 使用“變形”面板進行3D旋轉

●3D中心點:用于設置影片剪輯元件的3D旋轉中心點的位置,可以通過設置X、Y、Z參數來改變其位置,如圖2-71所示。

圖2-71 使用“變形”面板移動3D中心點

(3)3D旋轉工具的屬性設置

選擇(3D旋轉工具)后,在其“屬性”面板中將出現(3D旋轉工具)的相關屬性,用于設置影片剪輯的3D位置、透視角度和消失點等,如圖2-72所示。

圖2-72 3D旋轉工具的屬性設置

●3D定位和查看:用于設置影片剪輯元件相對于舞臺的3D位置,可以通過設置X、Y、Z參數來改變影片剪輯實例在X、Y、Z軸方向上的坐標值。

●透視角度:用于設置3D影片剪輯元件在舞臺中的外觀視角,參數范圍為1°~180°,增大或減小透視角度將影響3D影片剪輯的外觀尺寸及其相對于舞臺邊緣的位置。增大透視角度可使3D對象看起來更近;減小透視角度可使3D對象看起來更遠。此效果與通過鏡頭更改視角的照相機鏡頭縮放類似。

●透視3D寬度:用于顯示3D對象在3D軸上的寬度。

●透視3D高度:用于顯示3D對象在3D軸上的高度。

●消失點:用于控制舞臺上3D影片剪輯元件的Z軸方向。在Animate CC 2017中所有3D影片剪輯元件的Z軸都會朝著消失點后退。通過重新定位消失點,可以更改沿Z軸平移對象時對象的移動方向。通過設置消失點選項中的“X:”和“Y:”位置,可以改變3D影片剪輯元件在Z軸消失的位置。

●重置:單擊“重置”按鈕,可以將消失點參數恢復為默認的參數。

2.3D平移工具

(3D平移工具)用于將影片剪輯元件在X、Y、Z軸方向上進行平移。如果在工具箱中沒有顯示(3D平移工具),可以在工具箱中單擊(3D旋轉工具),從彈出的隱藏工具面板中選擇該工具,如圖2-73所示。當選擇(3D平移工具)后,在舞臺中的影片剪輯元件上單擊,對象將出現3D平移軸線,如圖2-74所示。

圖2-73 選擇“3D平移工具”

圖2-74 3D平移軸線

當使用(3D平移工具)選擇影片剪輯后,將光標放置到X軸線上時,光標變為,如圖2-75所示,此時拖動鼠標,影片剪輯元件會沿著X軸方向進行平移;將光標放置到Y軸線上時,光標變為,如圖2-76所示,此時拖動鼠標,影片剪輯元件會沿著Y軸方向進行平移;將光標放置到Z軸線上時,光標變為,此時拖動鼠標,影片剪輯元件會沿著Z軸方向進行平移,如圖2-77所示。

圖2-75 光標變為

圖2-76 光標變為

圖2-77 光標變為

當使用(3D平移工具)選擇影片剪輯元件后,將光標放置到軸線中心的黑色實心點上時,光標變為,此時拖動鼠標可以改變影片剪輯3D中心點的位置,如圖2-78所示。

圖2-78 改變對象3D中心點的位置

主站蜘蛛池模板: 山东省| 都昌县| 吉隆县| 东至县| 胶州市| 个旧市| 车险| 杭锦旗| 涿州市| 托里县| 正蓝旗| 且末县| 彭阳县| 梁河县| 曲靖市| 崇州市| 三亚市| 上虞市| 通化市| 武功县| 光山县| 庄河市| 探索| 咸宁市| 富裕县| 板桥市| 绥宁县| 岳普湖县| 颍上县| 鄂温| 康保县| 中方县| 施秉县| 安福县| 志丹县| 怀柔区| 安丘市| 荥阳市| 淅川县| 灵川县| 绥江县|