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

閱讀時間約 1 分鐘
STEP1.
開啟空白網頁格式新檔,檔案尺寸800X800,依序繪製600X600一般正圓(非基本橢圓)並個別群組(CTRL+G),繼續繪製300X300、筆畫粗細20正圓圈並個別群組(繪製時避免與大圓重疊),最後依序繪製水平、垂直、2個45度角等四個筆畫粗細20線段(繪製時按住SHIFT),同樣避免重疊並依序個別群組。
STEP2.
同時選取大圓與圓圈,依序按下對齊控制板(視窗>對齊)上的【與舞台對齊】、【垂直居中】、【水平居中】讓二個圓對齊至檔案中心;再複選另外四條線段,依序按下對齊控制板(視窗>對齊)上的【與舞台對齊】、【垂直居中】、【水平居中】、【符合寬度與高度】讓四線段對齊至檔案中心並與檔案尺寸同大小。
STEP3.
複選所有物件執行【修改>打散】,再各別點取中間交錯的8個線段並均刪除。
STEP4.
選取工具在線段上按二下選取所有線段,執行【修改>形狀>將線段轉換成填色】,選取工具在空白處點一下以取消選取,再次點取原線段轉換成的填色並刪除,即可刪去下方的圓成空隙,最後依序更改填色就完成。
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
    avatar-img
    29會員
    161內容數
    藉由Animate CC製作網頁上的動畫,並發佈成HTML5+CANVAS+JAVASCRIPT格式,已是最有效率設計製作專業網頁動畫效果的方式,筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧,歡迎一起讓網頁上的內容動起來!
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    哩老師的沙龍 的其他內容
    無群組或是非基本矩形、非基本橢圓等繪圖物件,在物件重疊時隨即自動進行圖案間編輯處理,包括填色與外框筆畫間均會互相作用。 1.填色圖案之間相加 當繪製彼此重疊且無筆畫的填色相同形狀時,重疊的形狀將自動合併在一起。 2. 填色圖案之間上減下 當您繪製彼此重疊無筆畫的不同填色形狀時,最上層的形狀會截掉一
    選取工具最主要是提供選取物件的方式,包括『選取工具』、『選取細部工具』、『套索工具』,均主要針對尚未群組或非基本工具所繪製圖案進行細部編輯,並有完整的局部編輯功能。若是基本矩形、基本橢圓、群組物件則均需打散才可進行局部編輯。 1. 選取工具-選取填色 (1)使用選取工具直接點取填色內容即可選取到填色
    1.繪製線段 若要一次繪製一條直線線段,請使用「線段」工具,接著請設定呈現線段顏色的筆畫顏色,在場景上直接按下滑鼠左鍵拖曳後放開,即可完成線段繪製。 ★操作技巧: (1)在拖曳繪製線段的同時(未放開滑鼠前),若按住【Shift】鍵,即可繪製出水平、垂直或45 度角的直線線段。 (2)使用選取工具選
    1.設定環境 第一次開啟Animate cc新版本後,預設畫面為深色配色,對於深色介面,可以執行【編輯 > 偏好設定】,設定使用者介面。 2.開啟網頁動畫新檔 開新檔案請由開始畫面上選取【網頁】分類,所製作出來的動畫格式才是HTML5 Canvas+javascript的網頁格式,也可以執行[ 檔
    無群組或是非基本矩形、非基本橢圓等繪圖物件,在物件重疊時隨即自動進行圖案間編輯處理,包括填色與外框筆畫間均會互相作用。 1.填色圖案之間相加 當繪製彼此重疊且無筆畫的填色相同形狀時,重疊的形狀將自動合併在一起。 2. 填色圖案之間上減下 當您繪製彼此重疊無筆畫的不同填色形狀時,最上層的形狀會截掉一
    選取工具最主要是提供選取物件的方式,包括『選取工具』、『選取細部工具』、『套索工具』,均主要針對尚未群組或非基本工具所繪製圖案進行細部編輯,並有完整的局部編輯功能。若是基本矩形、基本橢圓、群組物件則均需打散才可進行局部編輯。 1. 選取工具-選取填色 (1)使用選取工具直接點取填色內容即可選取到填色
    1.繪製線段 若要一次繪製一條直線線段,請使用「線段」工具,接著請設定呈現線段顏色的筆畫顏色,在場景上直接按下滑鼠左鍵拖曳後放開,即可完成線段繪製。 ★操作技巧: (1)在拖曳繪製線段的同時(未放開滑鼠前),若按住【Shift】鍵,即可繪製出水平、垂直或45 度角的直線線段。 (2)使用選取工具選
    1.設定環境 第一次開啟Animate cc新版本後,預設畫面為深色配色,對於深色介面,可以執行【編輯 > 偏好設定】,設定使用者介面。 2.開啟網頁動畫新檔 開新檔案請由開始畫面上選取【網頁】分類,所製作出來的動畫格式才是HTML5 Canvas+javascript的網頁格式,也可以執行[ 檔
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    又到了一個月結束,暑假沒有想像中的用功,這一次畫的是引導線和元件腳色的圖層
    Thumbnail
    資源彎曲工具,終於要來做一隻會動的貓咪。
    Thumbnail
    電腦有點反應遲鈍,而且雲朵如果要加上模糊的濾鏡,就一定要重開軟體才看的到效果。
    Thumbnail
    看了一些動畫學習者的心路過程,有些有文字的習慣,就是把自己的發想寫成部落格,或是寫一些學習的體驗。
    Thumbnail
    這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
    Thumbnail
    這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站,以及安裝和放置遊戲中的簡易流程。
    Thumbnail
    這篇文章將會介紹 Unity Animatior Edit 參數控制的方法,藉由連結程式腳本和動畫編輯器,讓動畫更靈活的運作。
    Thumbnail
    這篇文章將會講述 Animation 在設定後要如何使用程式觸發,並不介紹直接使用的 Animation,並簡易提到 Animator 的連結教學。
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    又到了一個月結束,暑假沒有想像中的用功,這一次畫的是引導線和元件腳色的圖層
    Thumbnail
    資源彎曲工具,終於要來做一隻會動的貓咪。
    Thumbnail
    電腦有點反應遲鈍,而且雲朵如果要加上模糊的濾鏡,就一定要重開軟體才看的到效果。
    Thumbnail
    看了一些動畫學習者的心路過程,有些有文字的習慣,就是把自己的發想寫成部落格,或是寫一些學習的體驗。
    Thumbnail
    這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
    Thumbnail
    這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站,以及安裝和放置遊戲中的簡易流程。
    Thumbnail
    這篇文章將會介紹 Unity Animatior Edit 參數控制的方法,藉由連結程式腳本和動畫編輯器,讓動畫更靈活的運作。
    Thumbnail
    這篇文章將會講述 Animation 在設定後要如何使用程式觸發,並不介紹直接使用的 Animation,並簡易提到 Animator 的連結教學。