Animate CC繪圖與物件重疊編輯

發佈於Animate CC 網頁動畫與JS互動

2025/02/03 更新2020/02/04 發佈閱讀 2 分鐘

無群組或是非基本矩形、非基本橢圓等繪圖物件，在物件重疊時隨即自動進行圖案間編輯處理，包括填色與外框筆畫間均會互相作用。

1.填色圖案之間相加

當繪製彼此重疊且無筆畫的填色相同形狀時，重疊的形狀將自動合併在一起。

raw-image

2. 填色圖案之間上減下

當您繪製彼此重疊無筆畫的不同填色形狀時，最上層的形狀會截掉一部分底下所重疊的形狀，使用選取工具選取並移開形狀後即可發現。

raw-image

原先未重疊的合併繪圖模式物件，在選取移動過程中將暫時不與其他繪圖模式形狀合併，待重疊並取消選取（空白處按一下）後，隨即與其他繪圖模式形狀合併（顏色相同合併、顏色不同時上擷取下）。

raw-image

3.外框筆畫切割填色物件

當形狀同時包含筆畫與填色時，就會被視為不同的圖像元素，讓使用者個別選取與移動。

raw-image

若是在填色物件上繪製筆畫線條，則是筆劃線條直接分割填色內容，請先選取分割後的區域色塊更改顏色即可，最後再刪去或移去比畫內容，即可完成色塊分區上色的效果。

raw-image

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

哩老師的沙龍Animate CC 網頁動畫與JS互動動畫基礎

留言

留言分享你的想法！

哩老師的沙龍

29會員

129內容數

多媒體設計的專業能力養成過程，除了有效率學習軟體之外，更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等，相關的整合應用有機會皆會與大家分享喔~

哩老師的沙龍的其他內容

2020/02/05

Animate CC 動畫類型

1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型，逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫，全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫　　　製作方式:依序在要設定內容的時間點上插入關鍵影格，設定更改內容即可。 (2)

2020/02/05

Animate CC 動畫類型

1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型，逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫，全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫　　　製作方式:依序在要設定內容的時間點上插入關鍵影格，設定更改內容即可。 (2)

2020/02/05

Animate CC 時間軸與各種影格

要構成動畫的二大元素『時間』與『動畫內容』，在Animate中都是仰賴時間軸控制版，動畫內容即是以圖層來構成，而動畫時間的控制就得仰賴時間軸上的『影格』，來進行動畫設計製作與記錄。 1.時間軸 Adobe Animate CC 中的「時間軸」會隨著時間的經過，在圖層與影格中組織並控制文件內容。就像影

2020/02/05

Animate CC 時間軸與各種影格

要構成動畫的二大元素『時間』與『動畫內容』，在Animate中都是仰賴時間軸控制版，動畫內容即是以圖層來構成，而動畫時間的控制就得仰賴時間軸上的『影格』，來進行動畫設計製作與記錄。 1.時間軸 Adobe Animate CC 中的「時間軸」會隨著時間的經過，在圖層與影格中組織並控制文件內容。就像影

2020/02/05

Animate CC 設計漸層文字動畫素材

建立文字打散後的漸層編輯應用，設定製作出文字倒影與陰影素材，進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像，各向上、下複製出另二份文字圖像共三份。首先選取第二份文字，使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層)，

2020/02/05

Animate CC 設計漸層文字動畫素材

建立文字打散後的漸層編輯應用，設定製作出文字倒影與陰影素材，進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像，各向上、下複製出另二份文字圖像共三份。首先選取第二份文字，使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層)，

你可能也想看

手作人必看｜用蝦皮分潤計畫把興趣變新收入渠道

在小小的租屋房間裡，透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材，打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖，並推薦蝦皮分潤計畫。

#手作#黏土手作#輕黏土

2025/09/09

手作人必看｜用蝦皮分潤計畫把興趣變新收入渠道

在小小的租屋房間裡，透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材，打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖，並推薦蝦皮分潤計畫。

#手作#黏土手作#輕黏土

2025/09/09

小蝸慢慢爬

蝦皮分潤計畫-小豬與小蝸的婚姻神隊友

小蝸和小豬因購物習慣不同常起衝突，直到發現蝦皮分潤計畫，讓小豬的購物愛好產生價值，也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異？讓蝦皮分潤計畫成為你們的神隊友吧！

#蝦皮分潤計畫#蝦皮#聯盟行銷

2025/09/09

小蝸慢慢爬

蝦皮分潤計畫-小豬與小蝸的婚姻神隊友

小蝸和小豬因購物習慣不同常起衝突，直到發現蝦皮分潤計畫，讓小豬的購物愛好產生價值，也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異？讓蝦皮分潤計畫成為你們的神隊友吧！

#蝦皮分潤計畫#蝦皮#聯盟行銷

2025/09/09

哩老師的沙龍

Animate CC Q版照片人物動畫

對於是以相片人物來製作動畫時，當然必需要在Photoshop中事先處裡好每個元件細節，然後再正確匯入Animate中來完成動畫，同樣是需要注意元件變形中心與動畫動作的設定。目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫，需注意匯入檔案的正確方式，除了元件的準備

2020/02/13

哩老師的沙龍

Animate CC Q版照片人物動畫

對於是以相片人物來製作動畫時，當然必需要在Photoshop中事先處裡好每個元件細節，然後再正確匯入Animate中來完成動畫，同樣是需要注意元件變形中心與動畫動作的設定。目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫，需注意匯入檔案的正確方式，除了元件的準備

2020/02/13

哩老師的沙龍

Animate CC 畫線與色塊變形繪圖動畫

【檢視範例】【下載範例】應用形狀補間動畫的物件變形特點，再搭配遮色片功能，不需要藉助任何的元件與濾鏡效果，即可完美演繹目標內容的動態呈現。目標動畫效果:應用形狀補間動畫完成畫線條動畫，以及搭配遮色片呈現內容出現的效果，並細膩設定物件變形與時間點控制，達成繪圖動畫的目地。使用動畫技巧:形狀補間

#遮色片動畫

2020/02/07

哩老師的沙龍

Animate CC 畫線與色塊變形繪圖動畫

【檢視範例】【下載範例】應用形狀補間動畫的物件變形特點，再搭配遮色片功能，不需要藉助任何的元件與濾鏡效果，即可完美演繹目標內容的動態呈現。目標動畫效果:應用形狀補間動畫完成畫線條動畫，以及搭配遮色片呈現內容出現的效果，並細膩設定物件變形與時間點控制，達成繪圖動畫的目地。使用動畫技巧:形狀補間

#遮色片動畫

2020/02/07

哩老師的沙龍

Animate CC 書寫中文字動畫

【檢視範例】【下載範例】在Animate動畫中的文字效果，還有中文字依筆畫，書寫出文字內容的文字動畫效果，只要將各筆畫分圖層，再依序以遮色片上的形狀補間動畫或逐格動畫，控制各筆畫出現即可。目標動畫效果:應用遮色片圖層上的形狀補間或逐格動畫方式，來呈現分圖層的各文字筆畫書寫畫出，加上速度與時間差

#遮色片動畫#動畫效果

2020/02/06

哩老師的沙龍

Animate CC 書寫中文字動畫

【檢視範例】【下載範例】在Animate動畫中的文字效果，還有中文字依筆畫，書寫出文字內容的文字動畫效果，只要將各筆畫分圖層，再依序以遮色片上的形狀補間動畫或逐格動畫，控制各筆畫出現即可。目標動畫效果:應用遮色片圖層上的形狀補間或逐格動畫方式，來呈現分圖層的各文字筆畫書寫畫出，加上速度與時間差

#遮色片動畫#動畫效果

2020/02/06

哩老師的沙龍

Animate CC 動畫類型

1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型，逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫，全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫　　　製作方式:依序在要設定內容的時間點上插入關鍵影格，設定更改內容即可。 (2)

#AnimateCC動畫類型#動畫基礎

2020/02/05

哩老師的沙龍

Animate CC 動畫類型

1. 基本四大類型 AnimateCC的基礎動畫可分為基本四大類型，逐格動畫、形狀補間動畫、傳統(移動)補間動畫、(新的)移動補間動畫，全都是要成為 Animate CC動畫得心應手的必備動畫基礎。 (1)逐格動畫　　　製作方式:依序在要設定內容的時間點上插入關鍵影格，設定更改內容即可。 (2)

#AnimateCC動畫類型#動畫基礎

2020/02/05

哩老師的沙龍

Animate CC 設計漸層文字動畫素材

建立文字打散後的漸層編輯應用，設定製作出文字倒影與陰影素材，進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像，各向上、下複製出另二份文字圖像共三份。首先選取第二份文字，使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層)，

#動畫基礎#動畫素材準備

2020/02/05

哩老師的沙龍

Animate CC 設計漸層文字動畫素材

建立文字打散後的漸層編輯應用，設定製作出文字倒影與陰影素材，進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像，各向上、下複製出另二份文字圖像共三份。首先選取第二份文字，使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層)，

#動畫基礎#動畫素材準備

2020/02/05

哩老師的沙龍

Animate CC繪製漸層球與光動畫素材

使用橢圓、矩型、鋼筆工具建立物件基本造型，搭配物件重疊合併的編輯，以及漸層填色技巧，完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色，選擇填色為黑白放射狀漸層，繪製正圓形無邊框黑白漸層，再使用漸層變形工具調整漸層中心至圓內左上角，放大漸層範圍

#動畫基礎#動畫素材準備

2020/02/05

哩老師的沙龍

Animate CC繪製漸層球與光動畫素材

使用橢圓、矩型、鋼筆工具建立物件基本造型，搭配物件重疊合併的編輯，以及漸層填色技巧，完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色，選擇填色為黑白放射狀漸層，繪製正圓形無邊框黑白漸層，再使用漸層變形工具調整漸層中心至圓內左上角，放大漸層範圍

#動畫基礎#動畫素材準備

2020/02/05

哩老師的沙龍

Animate CC 變形浮動視窗與重複變形

在變形操作時若需要固定變形數值，就需要在變形浮動視窗上才能輸入固定變形數值，且可以搭配『重製選取範圍並變形』按鈕，進行多次的重複變形。 1.重複縮放繪製矩形框(一般矩形工具繪製請群組)，選取並至【變形】控制板上(視窗>變形)按下限制鎖定按鈕(等寬高)，再輸入欲放大的寬度值，並直接按下變形控制版右下

2020/02/05

哩老師的沙龍

Animate CC 變形浮動視窗與重複變形

在變形操作時若需要固定變形數值，就需要在變形浮動視窗上才能輸入固定變形數值，且可以搭配『重製選取範圍並變形』按鈕，進行多次的重複變形。 1.重複縮放繪製矩形框(一般矩形工具繪製請群組)，選取並至【變形】控制板上(視窗>變形)按下限制鎖定按鈕(等寬高)，再輸入欲放大的寬度值，並直接按下變形控制版右下

2020/02/05

哩老師的沙龍

Animate CC繪製八等分圓餅圖動畫素材

STEP1. 開啟空白網頁格式新檔，檔案尺寸800X800，依序繪製600X600一般正圓(非基本橢圓)並個別群組(CTRL+G)，繼續繪製300X300、筆畫粗細20正圓圈並個別群組(繪製時避免與大圓重疊)，最後依序繪製水平、垂直、2個45度角等四個筆畫粗細20線段(繪製時按住SHIFT)，同樣

2020/02/05

哩老師的沙龍

Animate CC繪製八等分圓餅圖動畫素材

STEP1. 開啟空白網頁格式新檔，檔案尺寸800X800，依序繪製600X600一般正圓(非基本橢圓)並個別群組(CTRL+G)，繼續繪製300X300、筆畫粗細20正圓圈並個別群組(繪製時避免與大圓重疊)，最後依序繪製水平、垂直、2個45度角等四個筆畫粗細20線段(繪製時按住SHIFT)，同樣

2020/02/05

哩老師的沙龍

Animate CC繪圖與物件重疊編輯

無群組或是非基本矩形、非基本橢圓等繪圖物件，在物件重疊時隨即自動進行圖案間編輯處理，包括填色與外框筆畫間均會互相作用。 1.填色圖案之間相加當繪製彼此重疊且無筆畫的填色相同形狀時，重疊的形狀將自動合併在一起。 2. 填色圖案之間上減下當您繪製彼此重疊無筆畫的不同填色形狀時，最上層的形狀會截掉一

2020/02/04

哩老師的沙龍

Animate CC繪圖與物件重疊編輯

無群組或是非基本矩形、非基本橢圓等繪圖物件，在物件重疊時隨即自動進行圖案間編輯處理，包括填色與外框筆畫間均會互相作用。 1.填色圖案之間相加當繪製彼此重疊且無筆畫的填色相同形狀時，重疊的形狀將自動合併在一起。 2. 填色圖案之間上減下當您繪製彼此重疊無筆畫的不同填色形狀時，最上層的形狀會截掉一

2020/02/04

哩老師的沙龍

Animate CC 繪圖物件選取

選取工具最主要是提供選取物件的方式，包括『選取工具』、『選取細部工具』、『套索工具』，均主要針對尚未群組或非基本工具所繪製圖案進行細部編輯，並有完整的局部編輯功能。若是基本矩形、基本橢圓、群組物件則均需打散才可進行局部編輯。 1. 選取工具-選取填色 (1)使用選取工具直接點取填色內容即可選取到填色

2020/02/04

哩老師的沙龍

Animate CC 繪圖物件選取

選取工具最主要是提供選取物件的方式，包括『選取工具』、『選取細部工具』、『套索工具』，均主要針對尚未群組或非基本工具所繪製圖案進行細部編輯，並有完整的局部編輯功能。若是基本矩形、基本橢圓、群組物件則均需打散才可進行局部編輯。 1. 選取工具-選取填色 (1)使用選取工具直接點取填色內容即可選取到填色

2020/02/04

追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News