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

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

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

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

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

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

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

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

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

“魔術(shù)棒工具

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

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

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

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

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

橢圓工具3.2.4橢圓工具

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

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

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

畫筆工具選擇“矩形工具”，在舞臺上按住鼠標(biāo)左鍵不放，拖曳鼠標(biāo)繪制出矩形，松開鼠標(biāo)左鍵，矩形效果如圖。按住Shift鍵繪制，可以繪制出正方形?？梢栽凇皩傩浴泵姘濉肮ぞ摺边x項(xiàng)卡中設(shè)置筆觸顏色、筆觸大小、筆觸樣式、筆觸寬度和填充顏色。3.2.7矩形工具

矩形工具

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

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

多角星形工具

選擇“鋼筆工具”，將鼠標(biāo)指針放置在舞臺上，然后單擊鼠標(biāo)左鍵，此時出現(xiàn)第一個錨點(diǎn)。移動鼠標(biāo)指針，單擊鼠標(biāo)左鍵，繪制出一條直線段。如果在繪制第二個錨點(diǎn)時按住鼠標(biāo)左鍵不放并向其他方向拖曳，可將直線轉(zhuǎn)換為曲線。松開鼠標(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滴管工具

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

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

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

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

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

選擇“文本工具”，選擇“窗口>屬性”命令，彈出”文本工具”的“屬性”面板。將鼠標(biāo)指針放置在舞臺中，鼠標(biāo)指針變?yōu)?，單擊出現(xiàn)文本輸入光標(biāo)。直接輸入文字。3.4.2創(chuàng)建文本

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

“字體”選項(xiàng)：設(shè)定選定字符或整個文本塊的文字字體?！按笮　边x項(xiàng)：設(shè)定選定字符或整個文本塊的文字大小。值越大，文字越大?！疤畛洹卑粹o：為選定字符或整個文本塊的文字設(shè)定顏色?！案淖兾谋痉较颉卑粹o：可在其下拉列表中選擇需要的選項(xiàng)來改變文字的排列方向?！白帜搁g距”選項(xiàng)：通過設(shè)置需要的數(shù)值，控制文字之間的相對位置。3.4.3文本屬性

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

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