Animate CC繪製八等分圓餅圖動畫素材
STEP1.
開啟空白網頁格式新檔，檔案尺寸800X800，依序繪製600X600一般正圓(非基本橢圓)並個別群組(CTRL+G)，繼續繪製300X300、筆畫粗細20正圓圈並個別群組(繪製時避免與大圓重疊)，最後依序繪製水平、垂直、2個45度角等四個筆畫粗細20線段(繪製時按住SHIFT)，同樣避免重疊並依序個別群組。
開啟空白網頁格式新檔，檔案尺寸800X800，依序繪製600X600一般正圓(非基本橢圓)並個別群組(CTRL+G)，繼續繪製300X300、筆畫粗細20正圓圈並個別群組(繪製時避免與大圓重疊)，最後依序繪製水平、垂直、2個45度角等四個筆畫粗細20線段(繪製時按住SHIFT)，同樣避免重疊並依序個別群組。
STEP2.
同時選取大圓與圓圈，依序按下對齊控制板(視窗>對齊)上的【與舞台對齊】、【垂直居中】、【水平居中】讓二個圓對齊至檔案中心；再複選另外四條線段，依序按下對齊控制板(視窗>對齊)上的【與舞台對齊】、【垂直居中】、【水平居中】、【符合寬度與高度】讓四線段對齊至檔案中心並與檔案尺寸同大小。
同時選取大圓與圓圈，依序按下對齊控制板(視窗>對齊)上的【與舞台對齊】、【垂直居中】、【水平居中】讓二個圓對齊至檔案中心；再複選另外四條線段，依序按下對齊控制板(視窗>對齊)上的【與舞台對齊】、【垂直居中】、【水平居中】、【符合寬度與高度】讓四線段對齊至檔案中心並與檔案尺寸同大小。
STEP3.
複選所有物件執行【修改>打散】，再各別點取中間交錯的8個線段並均刪除。
複選所有物件執行【修改>打散】，再各別點取中間交錯的8個線段並均刪除。
STEP4.
選取工具在線段上按二下選取所有線段，執行【修改>形狀>將線段轉換成填色】，選取工具在空白處點一下以取消選取，再次點取原線段轉換成的填色並刪除，即可刪去下方的圓成空隙，最後依序更改填色就完成。
選取工具在線段上按二下選取所有線段，執行【修改>形狀>將線段轉換成填色】，選取工具在空白處點一下以取消選取，再次點取原線段轉換成的填色並刪除，即可刪去下方的圓成空隙，最後依序更改填色就完成。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
29會員
161內容數
藉由Animate CC製作網頁上的動畫，並發佈成HTML5+CANVAS+JAVASCRIPT格式，已是最有效率設計製作專業網頁動畫效果的方式，筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧，歡迎一起讓網頁上的內容動起來!
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站，以及安裝和放置遊戲中的簡易流程。
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法，藉由連結程式腳本和動畫編輯器，讓動畫更靈活的運作。
這篇文章將會講述 Animation 在設定後要如何使用程式觸發，並不介紹直接使用的 Animation，並簡易提到 Animator 的連結教學。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站，以及安裝和放置遊戲中的簡易流程。
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法，藉由連結程式腳本和動畫編輯器，讓動畫更靈活的運作。
這篇文章將會講述 Animation 在設定後要如何使用程式觸發，並不介紹直接使用的 Animation，並簡易提到 Animator 的連結教學。