Animate CC 設計漸層文字動畫素材
建立文字打散後的漸層編輯應用，設定製作出文字倒影與陰影素材，進而隨後表現其動畫效果。
STEP1.
在深色背景上建立白色文字並打散二次成圖像，各向上、下複製出另二份文字圖像共三份。
在深色背景上建立白色文字並打散二次成圖像，各向上、下複製出另二份文字圖像共三份。
首先選取第二份文字，使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層)，調整漸層顏色為左：黑Alpha=50%、右：黑Alpha=0%。
再使用漸層變形工具旋轉漸層方向與調整漸層範圍成上方透明。
STEP2.
選取第三份文字，執行『修改 > 變形 > 垂直翻轉』成向下顛倒。
選取第三份文字，執行『修改 > 變形 > 垂直翻轉』成向下顛倒。
繼續為第三份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層)，調整漸層顏色為左：白Alpha=50%、右：白Alpha=0%，再使用漸層變形工具旋轉漸層方向成下方透明。
STEP3.
依序個別群組三組文字，上下靠齊影子與倒影，複選二物件使用變形工具同時左右傾斜二物件。
依序個別群組三組文字，上下靠齊影子與倒影，複選二物件使用變形工具同時左右傾斜二物件。
最後移入第一份文字（更改排列順序:移至最上層）排列完成即可。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
即將進入廣告，捲動後可繼續閱讀
為什麼會看到廣告
29會員
161Content count
藉由Animate CC製作網頁上的動畫，並發佈成HTML5+CANVAS+JAVASCRIPT格式，已是最有效率設計製作專業網頁動畫效果的方式，筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧，歡迎一起讓網頁上的內容動起來!
留言0
查看全部
你可能也想看
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站，以及安裝和放置遊戲中的簡易流程。
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法，藉由連結程式腳本和動畫編輯器，讓動畫更靈活的運作。
這篇文章將會講述 Animation 在設定後要如何使用程式觸發，並不介紹直接使用的 Animation，並簡易提到 Animator 的連結教學。
重點摘要：
1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息
2.SEP 上修失業率預期，但快速的降息速率將有助失業率觸頂
3.未來幾個月經濟數據將繼續轉弱，經濟復甦的時點或是 1Q25 季底附近
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
這篇文章將會講述 Animator 中 Play 和 Transition 的差異和特色。
這篇文章將會介紹一個 Unity 3D 的人物角色和動畫的網站，以及安裝和放置遊戲中的簡易流程。
這篇文章將會介紹 Unity Animatior Edit 參數控制的方法，藉由連結程式腳本和動畫編輯器，讓動畫更靈活的運作。
這篇文章將會講述 Animation 在設定後要如何使用程式觸發，並不介紹直接使用的 Animation，並簡易提到 Animator 的連結教學。