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

使用橢圓、矩型、鋼筆工具建立物件基本造型，搭配物件重疊合併的編輯，以及漸層填色技巧，完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。

STEP1. 為方便編輯請先設定場景背景色為灰色，選擇填色為黑白放射狀漸層，繪製正圓形無邊框黑白漸層，再使用漸層變形工具調整漸層中心至圓內左上角，放大漸層範圍，建立群組完成3D球。

STEP2. 選擇填色為黑白放射狀漸層，繪製正圓形（勿繪製橢圓）無邊框黑白漸層，點取要成為影子的圓至顏色控制版上設定左側顏色為黑色、右側顏色為黑色Alpha:0%。使用變形工具壓扁成扁圓影子狀，建立群組完成影子，移至漸層球下方並更改排列順序至最下方，完成球與影子。

STEP3. 執行『檢視 尺規』顯示尺規並建立二參考線做為圓形平台寬度參考，使用一般橢圓工具繪製一扁長型黑色無邊框橢圓（勿使用物件繪製模式與群組），並垂直向下複製出第二個橢圓，再於二橢圓間繪製同寬度的一般黑色無邊框長方形。向上移動下方橢圓型至與長方形銜接，注意左右下角接合，滑鼠按一下空白處完成二填色物件重疊接合。

STEP4. 點取下方接合後物件，選擇填色為黑白線性漸層，並至顏色控制版上新增第三個顏色點，設定顏色依序為灰白灰，建立群組完成圓形平台下半部。點取上方橢圓設定填色為黑白線性漸層。

STEP5. 使用漸層變形工具調整上方橢圓物件漸層為左上灰、右下淺灰的線性漸層，建立上方橢圓群組，向下移動組裝完成圓形平台。選取球與影子更改排列順序至最上方，並移動至平台上，將球與平台一起移動至場景右下角，再複製影子並放大後置於平台之下。

STEP6. 使用鋼筆工具設定邊框為紅色繪製做為聚光的三角形線框，再使用油漆桶工具設定填色為黑至白線性漸層，在線框中到入漸層，使用選取工具按二下全選三角形外框並刪除外框。

STEP7. 選取三角形黑白線性漸層物件，由顏色控制版上設定右側顏色點為白色、Alpha:0之透明，再使用漸層變形工具調整三角形內漸層成左上至右下透明，建立群組完成聚光。

STEP8. 選取聚光群組物件使用變形工具調整尺寸，並複製出另一個聚光於右側，以及再複製平台與陰影排列場景。

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