Animate CC 繪製線段與形狀

更新於 發佈於 閱讀時間約 7 分鐘

1.繪製線段

若要一次繪製一條直線線段,請使用「線段」工具,接著請設定呈現線段顏色的筆畫顏色,在場景上直接按下滑鼠左鍵拖曳後放開,即可完成線段繪製。

★操作技巧:
(1)在拖曳繪製線段的同時(未放開滑鼠前),若按住【Shift】鍵,即可繪製出水平、垂直或45 度角的直線線段。

raw-image

(2)使用選取工具選取所繪製的線段,可以由屬性控制版上設定線段屬性,包括筆畫顏色、筆畫尺寸、樣式、縮放、端點、接合等。

(a)筆畫顏色:同工具箱下方的筆畫顏色設定。
(b)筆畫(尺寸粗細):直接拖曳設定拉把或設定值。
(c)樣式:選擇線條樣式(預設為實線),並可按下右側『編輯筆畫樣式』按鈕,進行個別樣式設定。

raw-image

按下『編輯筆畫樣式』按鈕,進行個別樣式設定,請切換選擇所要設定的類型與其設定值,按下確定完成設定。

2.繪製基本矩形

若要選取「基本矩形」工具,請在「矩形」工具上按住滑鼠鈕,然後從彈出式選單中選取「基本矩形」工具。可先設定筆畫顏色與填色,並請在「舞台」上拖曳「基本矩形」工具即可繪製。

★操作技巧:
(1)在拖曳繪製基本矩型的同時(未放開滑鼠前),若按住【Shift】鍵,即可繪製出正方形。
(2)筆畫顏色與填色顏色設定:設定填色且未設定筆畫顏色時,即繪製出矩型色塊,設定筆畫顏色且未設定填色時,即繪製出矩型框。填色與筆畫二者不可都未設定顏色,否則將無法建立矩型。

raw-image

(3) 繪製圓角矩型:若要為基本矩型工具指定圓角大小,請在選擇使用矩型工具的同時(繪製矩型之前),由屬性控制版上的『矩型選項』內,輸入圓角半徑的數值(預設值為零為產生直角)後,再繪製矩型即為圓角矩型。

raw-image

若要為每一個角指定不同的圓角半徑,請取消選取「屬性」檢測器之「矩形選項」區域中的「鎖定」圖示,您可以在每一個文字方塊中輸入一個內半徑數值。輸入負值會建立反轉的半徑。若要重設圓角半徑,請按一下「屬性」檢測器中的「重設」按鈕。基本矩型工具繪製後的內容,可直接選取並再次更改設定。

3.繪製基本橢圓

若要基本橢圓,請先使用「橢圓」工具,接著請設定呈現橢圓型顏色的『填色顏色』(或筆畫顏色),在場景上直接按下滑鼠左鍵拖曳後放開,即可完成橢圓型繪製。

raw-image

★操作技巧:
(1)在使用基本橢圓工具,按住【Shift】鍵,即可繪製出正圓形。
(2)筆畫顏色與填色顏色設定:設定填色且未設定筆畫顏色時,即繪製出橢圓型色塊,設定筆畫顏色且未設定填色時,即繪製出橢圓型框。
(3)設定框線筆畫樣式:使用選取工具框選整個橢圓型框,即可由屬性控制版上設定顏色、筆畫尺寸、樣式。
(4)繪製角度橢圓:若要為基本橢圓工具指定角度橢圓,請在選擇使用橢圓或基本橢圓型工具的同時(繪製之前),由屬性控制版上的『橢圓型選項』內,輸入開始角度/結束角度的數值(預設值為零為產生完整橢圓, 右:0、下:90、左:180、上:270)後,再繪製橢圓型即為角度橢圓型,可以輕鬆地依設定繪製成圓形切片、半圓及其它創意形狀。基本橢圓工具繪製後的內容,可直接選取並再次更改設定。

raw-image

(5) 繪製空心橢圓:若要為基本橢圓工具指定空心橢圓,請在選擇使用橢圓或基本橢圓型工具的同時(繪製之前),由屬性控制版上的『橢圓型選項』內設定『內半徑』(請先歸零開始/結束角度),您可以在方塊中輸入內半徑的數值,或者按一下滑動軸,然後以互動方式調整內半徑的大小,您可以輸入介於 0 和 99 之間的值,這些值代表所移除之填色的百分比, 設定完之後即可繪製空心橢圓。基本橢圓工具繪製後的內容,可直接選取並再次更改設定。

4.繪製一般矩形與一般橢圓

一般矩型工具與基本矩型工具,最大的不同在於基本矩型所繪製後的矩型,可以重複由屬性控制版上設定圓角尺寸,也可以直接使用選取工具在繪製的形狀物件上直接拖曳修改圓角尺寸。

以選取工具點取使用基本矩型工具繪製後的矩型,可以由屬性控制版上再次修改設定圓角尺寸,也可以直接在矩型物件上以選取工具拖曳編輯點,編輯修改圓角尺寸。
一般矩型工具繪製的圓角矩型則無法繪製後修改。
以選取工具點取使用基本矩型工具繪製後的矩型會出現編輯選取框,選取一般矩型工具則是出選取網點。

raw-image

一般橢圓工具與基本橢圓工具,最大的不同在於基本橢圓所繪製後的橢圓,可以重複由屬性控制版上設定,也可以直接使用選取工具在繪製的形狀物件上直接拖曳修改。

以選取工具點取使用基本橢圓工具繪製後的橢圓型,可以由屬性控制版上再次修改設定開始結束角度、內半徑,也可以直接在橢圓物件上以選取工具拖曳編輯點,編輯修改。一般橢圓工具繪製的橢圓型則無法繪製後修改。

以選取工具點取使用橢圓矩型工具繪製後的橢圓會出現編輯選取框,選取一般橢圓工具則是出現選取網點。

5.繪製多邊星形

多邊星形工具可以讓您建立基本的幾何多邊型與星形形狀,以及套用筆畫、填色和指定邊數與星形角數。請使用「多邊星型」工具,接著請設定呈現多邊型顏色的『填色顏色』(或筆畫顏色),在場景上直接按下滑鼠左鍵拖曳後放開,即可完成多邊型繪製。

★操作技巧:
(1)筆畫顏色與填色顏色設定:設定填色且未設定筆畫顏色時,即繪製出多邊型色塊,設定筆畫顏色且未設定填色時,即繪製出多邊型框。
(2)設定框線筆畫樣式:使用選取工具框選整個多邊型框,即可由屬性控制版上設定顏色、筆畫尺寸、樣式、端點與接合。

raw-image

(3)設定多邊型邊數:在選取使用多邊星形工具時,在屬性控制版上的工具設定內按一下「選項」,在「邊數」選項中,輸入介於 3 和 32 之間的數值,即可繪製特地邊數的多邊型。

raw-image

(4)繪製星形:在選取使用多邊星形工具時,在屬性控制版上的工具設定內按一下「選項」,在「樣式」選項中,選取「星形」、設定星形邊數,即可繪製特地邊數的星形型。在「星形控制點的大小」選項中,輸入介於 0 及 1 之間的數值(預設值為 0.5),指定星形控制點的深度。越接近 0 的數值,建立的控制點越深 (越像指針也越尖)。如果是要繪製多邊形,不用變更這項設定 (這項設定對多邊形形狀並無影響)。

raw-image

相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/05
1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型,逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫,全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫    製作方式:依序在要設定內容的時間點上插入關鍵影格,設定更改內容即可。 (2)
Thumbnail
2020/02/05
1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型,逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫,全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫    製作方式:依序在要設定內容的時間點上插入關鍵影格,設定更改內容即可。 (2)
Thumbnail
2020/02/05
要構成動畫的二大元素『時間』與『動畫內容』,在Animate中都是仰賴時間軸控制版,動畫內容即是以圖層來構成,而動畫時間的控制就得仰賴時間軸上的『影格』,來進行動畫設計製作與記錄。 1.時間軸 Adobe Animate CC 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影
Thumbnail
2020/02/05
要構成動畫的二大元素『時間』與『動畫內容』,在Animate中都是仰賴時間軸控制版,動畫內容即是以圖層來構成,而動畫時間的控制就得仰賴時間軸上的『影格』,來進行動畫設計製作與記錄。 1.時間軸 Adobe Animate CC 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影
Thumbnail
2020/02/05
建立文字打散後的漸層編輯應用,設定製作出文字倒影與陰影素材,進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像,各向上、下複製出另二份文字圖像共三份。 首先選取第二份文字,使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層),
Thumbnail
2020/02/05
建立文字打散後的漸層編輯應用,設定製作出文字倒影與陰影素材,進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像,各向上、下複製出另二份文字圖像共三份。 首先選取第二份文字,使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層),
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
STEP1. 開啟範例練習檔,分別繪製所需的二圓角矩型(735,545,30 / 700,500,30)與一垂直直線(500,90)於檔案範圍內。 選取到二圓角矩型與直線,在對齊控制版上設定對齊至:『對齊工作區域』,完成置中於檔案範圍內對齊,並填上二圓角矩型的填色。 STEP2. 點取中央直線
Thumbnail
STEP1. 首先繪製中央黃色刻度,請選取黃色長方形,使用旋轉工具,按住『Alt』移動旋轉中心至參考線中心上,於跳出的選轉設定面版上設定旋轉角度:-12.5,按下『拷貝』,再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形,使用旋轉工具 ,按住『Alt』移動旋
Thumbnail
STEP1. 首先繪製中央黃色刻度,請選取黃色長方形,使用旋轉工具,按住『Alt』移動旋轉中心至參考線中心上,於跳出的選轉設定面版上設定旋轉角度:-12.5,按下『拷貝』,再繼續按下『Ctrl』+『D』旋轉複製出所有刻度線。 STEP2. 選取左側白色長方形,使用旋轉工具 ,按住『Alt』移動旋
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
Step1. 開啟範例練習檔,圖層資料夾Set1為使用矩型工具與線段工具繪製之紙張紋路,為練習方便在路徑控制版中已包含本範例所需的物件形狀路徑,均由繪圖工具組繪製,也可自行繪製。 設定前景色為#FEBD63,新增圖層1,使用矩型繪圖工具、繪圖方式選擇填滿像素,繪製5*5像素之小正方形於左下角,並
Thumbnail
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
1. 細條紋 STEP1. 開新檔案,設定尺寸為3X3像素、背景內容透明之透明背景新檔。放大檢視至最大狀態,使用鉛筆工具,選擇1像素之筆刷樣式、設定不透明:100%,前景色為黑色。 STEP2. 使用鉛筆直接繪製要成為圖樣的內容,繪製後並執行『編輯 > 定義成圖樣』,定義細長斜條圖樣。 S
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
【檢視範例】【下載範例】 應用形狀補間動畫的物件變形特點,再搭配遮色片功能,不需要藉助任何的元件與濾鏡效果,即可完美演繹目標內容的動態呈現。 目標動畫效果:應用形狀補間動畫完成畫線條動畫,以及搭配遮色片呈現內容出現的效果,並細膩設定物件變形與時間點控制,達成繪圖動畫的目地。 使用動畫技巧:形狀補間
Thumbnail
【檢視範例】【下載範例】 應用形狀補間動畫的物件變形特點,再搭配遮色片功能,不需要藉助任何的元件與濾鏡效果,即可完美演繹目標內容的動態呈現。 目標動畫效果:應用形狀補間動畫完成畫線條動畫,以及搭配遮色片呈現內容出現的效果,並細膩設定物件變形與時間點控制,達成繪圖動畫的目地。 使用動畫技巧:形狀補間
Thumbnail
使用橢圓、矩型、鋼筆工具建立物件基本造型,搭配物件重疊合併的編輯,以及漸層填色技巧,完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色,選擇填色為黑白放射狀漸層,繪製正圓形無邊框黑白漸層,再使用漸層變形工具調整漸層中心至圓內左上角,放大漸層範圍
Thumbnail
使用橢圓、矩型、鋼筆工具建立物件基本造型,搭配物件重疊合併的編輯,以及漸層填色技巧,完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色,選擇填色為黑白放射狀漸層,繪製正圓形無邊框黑白漸層,再使用漸層變形工具調整漸層中心至圓內左上角,放大漸層範圍
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News