Animate核心應(yīng)用案例教程課件

本章簡(jiǎn)介：本章介紹Animate2020圖形繪制功能和圖形編輯技巧，講解多種選擇圖形的方法以及設(shè)置圖形顏色的技巧。通過(guò)學(xué)習(xí)本章，讀者能掌握繪制圖形、編輯圖形的方法和技巧，能獨(dú)立繪制出所需的各種圖形并對(duì)其進(jìn)行編輯，為進(jìn)一步學(xué)習(xí)Animate2020打下堅(jiān)實(shí)的基礎(chǔ)。第3章常用工具學(xué)習(xí)目標(biāo)熟練掌握選擇工具的使用方法熟練掌握?qǐng)D形繪制工具的使用方法熟練掌握?qǐng)D形編輯工具的使用方法和技巧掌握常用的上色工具掌握“文本工具”的使用方法及屬性設(shè)置方法3.1選擇工具課堂案例—制作小圖標(biāo)選擇工具部分選取工具套索工具多邊形工具“魔術(shù)棒”工具使用“選擇工具”“部分選取工具”來(lái)完成小圖標(biāo)的制作。效果圖3.1.1課堂案例—制作小圖標(biāo)

使用“選擇工具”選中對(duì)象后，工具箱底部出現(xiàn)按鈕，利用這些按鈕可以完成不同的工作。1．選擇對(duì)象選擇“選擇工具”，在舞臺(tái)中的對(duì)象上單擊，將其選中。按住Shift鍵再單擊對(duì)象，可以同時(shí)選中多個(gè)對(duì)象。在舞臺(tái)中拖曳出一個(gè)矩形可以框選對(duì)象。3.1.2選擇工具

選擇過(guò)程圖2．移動(dòng)和復(fù)制對(duì)象選擇“選擇工具”，選中對(duì)象。按住鼠標(biāo)左鍵不放，直接拖曳對(duì)象到任意位置，松開(kāi)鼠標(biāo)左鍵，對(duì)象被移動(dòng)。選擇“選擇工具”，選中對(duì)象，按住Alt鍵，拖曳選中的對(duì)象到任意位置，松開(kāi)鼠標(biāo)左鍵，選中的對(duì)象被復(fù)制。3.1.2選擇工具

移動(dòng)圖像復(fù)制圖像3．調(diào)整矢量線條和色塊。選擇“選擇工具”，將鼠標(biāo)指針移至對(duì)象邊緣，鼠標(biāo)指針下方出現(xiàn)圓弧。拖動(dòng)鼠標(biāo)，對(duì)矢量線條和色塊進(jìn)行調(diào)整。3.1.2選擇工具

調(diào)整圖像部分選取工具3.1.3部分選取工具

選擇“部分選取工具”，在對(duì)象的外邊線上單擊，對(duì)象上出現(xiàn)多個(gè)錨點(diǎn)。拖動(dòng)錨點(diǎn)可以調(diào)整錨點(diǎn)的位置，從而改變對(duì)象的形狀。導(dǎo)入舞臺(tái)，按Ctrl+B組合鍵，將位圖擴(kuò)散。選擇“套索工具”，用鼠標(biāo)在位圖上任意勾畫(huà)，形成一個(gè)封閉的選區(qū)。選區(qū)中的圖像被選中。套索工具3.1.4套索工具

導(dǎo)入舞臺(tái)，按Ctrl+B組合鍵，將位圖擴(kuò)散。選擇“多邊形工具”，用鼠標(biāo)在字母“A”的邊緣進(jìn)行繪制。雙擊結(jié)束多邊形工具的繪制，繪制的區(qū)域被選中。多邊形工具3.1.5多邊形工具

件導(dǎo)入舞臺(tái)，按Ctrl+B組合鍵，將位圖擴(kuò)散。選擇“魔術(shù)棒”工具，將鼠標(biāo)指針?lè)胖迷谖粓D上，當(dāng)鼠標(biāo)指針變?yōu)闀r(shí)單擊。與點(diǎn)取點(diǎn)顏色相近的圖像區(qū)域被選中。魔術(shù)棒工具3.1.6

“魔術(shù)棒工具

3.2繪圖工具課堂案例—繪制咖啡標(biāo)線條工具鉛筆工具橢圓工具基本橢圓工具畫(huà)筆工具矩形工具基本矩形工具多角星形工具鋼筆工具使用“橢圓工具”“基本矩形工具”“矩形工具”“鋼筆工具”“線條工具”“多角星形工具”完成咖啡圖標(biāo)的繪制。

效果圖3.2.1課堂案例—繪制咖啡標(biāo)

選擇“線條工具”，在舞臺(tái)上按住鼠標(biāo)左鍵不放并向右拖動(dòng)，繪制出1條直線段，松開(kāi)鼠標(biāo)左鍵，直線段繪制完成。在“屬性”面板“工具”選項(xiàng)卡中可以設(shè)置筆觸顏色、筆觸大小、筆觸樣式和筆觸寬度。線條工具3.2.2線條工具

選擇“鉛筆工具”，在舞臺(tái)上按住鼠標(biāo)左鍵不放，隨意繪制出線條，松開(kāi)鼠標(biāo)左鍵，線條繪制完成。如果想要繪制出平滑或伸直的線條和形狀，可以在工具箱底部的“選項(xiàng)”區(qū)中為“鉛筆工具”選擇一種繪畫(huà)模式。鉛筆工具3.2.3鉛筆工具

選擇“橢圓工具”，在舞臺(tái)上按住鼠標(biāo)左鍵不放，拖曳鼠標(biāo)繪制出橢圓，松開(kāi)鼠標(biāo)左鍵，圖形完成。按住Shift鍵繪制，可以繪制出圓形。在“屬性”面板“工具”選項(xiàng)卡中可以設(shè)置筆觸顏色、筆觸大小、筆觸樣式、筆觸寬度和填充顏色。

橢圓工具3.2.4橢圓工具

“基本橢圓工具”的使用方法和功能與“橢圓工具”類(lèi)似，唯一的區(qū)別在于使用“橢圓工具”時(shí)必須先設(shè)置橢圓屬性，然后再繪制，繪制好之后不可以再次更改橢圓屬性。而使用“基本橢圓工具”時(shí)，在繪制前設(shè)置屬性和繪制后設(shè)置屬性都是可以的。3.2.5基本橢圓工具

1.使用填充顏色繪制選擇“傳統(tǒng)畫(huà)筆工具”，在舞臺(tái)上按住鼠標(biāo)左鍵不放，繪制圖形，松開(kāi)鼠標(biāo)左鍵，圖形效果如圖?？梢栽谄洹皩傩浴泵姘逯性O(shè)置不同的填充顏色和筆觸平滑度，在“屬性”面板“工具”選項(xiàng)卡中有“畫(huà)筆類(lèi)型”選項(xiàng)和“大小”選項(xiàng)，可以利用它們?cè)O(shè)置畫(huà)筆的形狀與大小。3.2.6畫(huà)筆工具

畫(huà)筆工具2.使用筆觸顏色繪制選擇“畫(huà)筆工具”，在舞臺(tái)上按住鼠標(biāo)左鍵不放，繪制圖形，松開(kāi)鼠標(biāo)左鍵，圖形效果如圖?？梢栽凇皩傩浴泵姘濉肮ぞ摺边x項(xiàng)卡中設(shè)置不同的填充顏色和筆觸平滑度。3.2.6畫(huà)筆工具

畫(huà)筆工具選擇“矩形工具”，在舞臺(tái)上按住鼠標(biāo)左鍵不放，拖曳鼠標(biāo)繪制出矩形，松開(kāi)鼠標(biāo)左鍵，矩形效果如圖。按住Shift鍵繪制，可以繪制出正方形。可以在“屬性”面板“工具”選項(xiàng)卡中設(shè)置筆觸顏色、筆觸大小、筆觸樣式、筆觸寬度和填充顏色。3.2.7矩形工具

矩形工具

“基本矩形工具”和“矩形工具”的區(qū)別與“橢圓工具”和“基本橢圓工具”的區(qū)別相同。3.2.8基本矩形工具

使用“多角星形工具”可以繪制出不同樣式的多邊形和星形。選擇“多角星形工具”，在舞臺(tái)上按住鼠標(biāo)左鍵不放，拖曳鼠標(biāo)繪制出多邊形，松開(kāi)鼠標(biāo)左鍵，可以在“屬性”面板“工具”選項(xiàng)卡中設(shè)置筆觸顏色、筆觸大小、筆觸樣式和填充顏色。3.2.9多角星形工具

多角星形工具

選擇“鋼筆工具”，將鼠標(biāo)指針?lè)胖迷谖枧_(tái)上，然后單擊鼠標(biāo)左鍵，此時(shí)出現(xiàn)第一個(gè)錨點(diǎn)。移動(dòng)鼠標(biāo)指針，單擊鼠標(biāo)左鍵，繪制出一條直線段。如果在繪制第二個(gè)錨點(diǎn)時(shí)按住鼠標(biāo)左鍵不放并向其他方向拖曳，可將直線轉(zhuǎn)換為曲線。松開(kāi)鼠標(biāo)左鍵，一條曲線繪制完成。3.2.10鋼筆工具

鋼筆工具

3.3上色工具課堂案例——繪制美食App圖標(biāo)墨水瓶工具顏料桶工具滴管工具橡皮擦工具任意變形工具漸變變形工具“顏色”面板使用“選擇工具”、“顏色”面板和“漸變變形”工具完成美食App圖標(biāo)的繪制。

效果圖3.3.1課堂案例—繪制美食App圖標(biāo)

選擇“墨水瓶工具”，在“屬性”面板“工具”選項(xiàng)卡中設(shè)置筆觸顏色、筆觸大小、筆觸樣式以及筆觸寬度。

墨水瓶工具3.3.2墨水瓶工具

選擇“顏料桶工具”，在“屬性”面板“工具”選項(xiàng)卡中設(shè)置填充顏色。在線框的內(nèi)部單擊，線框內(nèi)部被填充顏色。工具箱的底部有4種填充模式可以選擇，包括：“不封閉空隙”模式、“封閉小空隙”模式、“封閉中等空隙”模式、“封閉大空隙”模式。

顏料桶工具3.3.3顏料桶工具

可以使用“滴管工具”吸取矢量圖形的線型和色彩，然后使用“顏料桶工具”快速修改其他矢量圖形內(nèi)部的填充顏色，使用“墨水瓶工具”可以快速修改其他矢量圖形的邊框顏色及線型。1．吸取填充顏色2．吸取邊框?qū)傩?．吸取位圖圖案4．吸取文字顏色3.3.4滴管工具

選擇“橡皮擦工具”，在圖形上想要?jiǎng)h除的地方按下鼠標(biāo)左鍵并拖動(dòng)，圖形被擦除。在“屬性”面板“工具”選項(xiàng)卡中，單擊“橡皮擦類(lèi)型”按鈕，在彈出的的下拉菜單中可以選擇橡皮擦的形狀，“大小”選項(xiàng)用于設(shè)置橡皮擦的大小。工具箱底部有5種擦除模式可以選擇：“標(biāo)準(zhǔn)擦除”模式、“擦除填色”模式、“擦除線條”模式、“擦除所選填充”模式、“內(nèi)部擦除”模式。3.3.5橡皮擦工具

橡皮擦工具選擇“任意變形工具”，框選圖形，圖形的周?chē)霈F(xiàn)控制點(diǎn)。按住Alt+Shift組合鍵的同時(shí)拖曳控制點(diǎn)，可以非中心等比例改變圖形的大小。（按住Shift鍵再拖動(dòng)控制點(diǎn)，可以中心點(diǎn)等比例縮放圖形；按住Alt鍵，可以非中心縮放圖形。）3.3.6任意變形工具

任意變形工具使用“漸變變形工具”可以改變選中圖形中的填充漸變效果。當(dāng)圖形填充顏色為線性漸變色時(shí)，選擇“漸變變形工具”，單擊圖形，出現(xiàn)3個(gè)控制點(diǎn)和2條平行線。向圖形中間拖動(dòng)方形控制點(diǎn)，漸變區(qū)域縮小。3.3.7漸變變形工具

漸變變形工具選擇“窗口>顏色”命令，或按Ctrl+Shift+F9組合鍵，將彈出“顏色”面板。1．自定義純色2．自定義線性漸變色3．自定義徑向漸變色4．自定義位圖填充3.3.8“顏色”面板

“顏色”面板3.4文本工具課堂案例—制作耳機(jī)網(wǎng)站首頁(yè)創(chuàng)建文本文本屬性靜態(tài)文本動(dòng)態(tài)文本輸入文本使用“文本工具”輸入需要的文字，使用“屬性”面板設(shè)置文字的字體、大小、顏色、行距和字符屬性。效果圖3.4.1課堂案例—制作耳機(jī)網(wǎng)站首頁(yè)

選擇“文本工具”，選擇“窗口>屬性”命令，彈出”文本工具”的“屬性”面板。將鼠標(biāo)指針?lè)胖迷谖枧_(tái)中，鼠標(biāo)指針變?yōu)?，單擊出現(xiàn)文本輸入光標(biāo)。直接輸入文字。3.4.2創(chuàng)建文本

創(chuàng)建文本1．設(shè)置文本的字體、字體大小、樣式和顏色。

“字體”選項(xiàng)：設(shè)定選定字符或整個(gè)文本塊的文字字體?！按笮　边x項(xiàng)：設(shè)定選定字符或整個(gè)文本塊的文字大小。值越大，文字越大。“填充”按鈕：為選定字符或整個(gè)文本塊的文字設(shè)定顏色。“改變文本方向”按鈕：可在其下拉列表中選擇需要的選項(xiàng)來(lái)改變文字的排列方向?！白帜搁g距”選項(xiàng)：通過(guò)設(shè)置需要的數(shù)值，控制文字之間的相對(duì)位置。3.4.3文本屬性

“切換上標(biāo)”按鈕：可將水平文本放在基線之上或?qū)⒋怪蔽谋痉旁诨€的右邊?！扒袚Q下標(biāo)”按鈕：可將水平文本放在基線之下或?qū)⒋怪蔽谋痉旁诨€的左邊。2．字體呈現(xiàn)方法。Animate2020中有5種不同的字體呈現(xiàn)選項(xiàng)：使用設(shè)備字體、位圖文本[無(wú)消除鋸齒]、動(dòng)畫(huà)消除鋸齒、可讀性消除鋸齒、自定義消除鋸齒。3.4.3文本屬性

3．設(shè)置字符與段落文本排列方式按鈕可以將文字以不同的形式進(jìn)行排列，包括：“左對(duì)齊”按鈕、“居中對(duì)齊”按鈕、“右對(duì)齊”按鈕、“兩端對(duì)齊”按鈕。4．設(shè)置文本超鏈接“鏈接”選項(xiàng)：可以在文本框中直接輸入網(wǎng)址，使當(dāng)前文字成為超鏈接文字?！澳繕?biāo)”選項(xiàng)：可以設(shè)置超鏈接的打開(kāi)方式，共有4種方式可以選擇。“_blank”：鏈接頁(yè)面在新開(kāi)的瀏覽器中顯示。“_parent”：鏈接頁(yè)面在父框架中打開(kāi)?！癬self”：鏈接