Animate CC 匯入Illustrator 素材

更新於 2020/02/06閱讀時間約 3 分鐘
動畫素材除了使用Animate CC工具繪製之外,搭配匯入自Illustrator繪製較精細的動畫素材,也是專業與必要的方式。而在搭配匯入自Illustrator繪製素材製作動畫時的各種方式與技巧,也是動畫素材準備的重點內容。

1.直接拷貝貼上illustrator素材

您可以在 Illustrator 中建立具豐富圖像的圖稿,並簡單、快速且完美地拷貝及貼入 Animate CC中。對於在Illustarator繪製完成的一般物件,可以在二軟體同時開啟時,直接選取並拷貝至Animate CC上直貼上,當您將 Illustrator 圖像貼入Animate CC時,會保留下列屬性:路徑和形狀、筆畫寬度、漸層、文字等,在貼上對話框中一般選擇【使用AI檔案匯入工具的偏好設定貼上】、【套用建議的匯入設定以便解決不相容性】即可保持向量格式,勿勾選【貼上為點陣圖】。
若直接貼上時有發現無法完整支援的內容,請在Illustrator中使用工作區域工具調整好檔案範圍,再執行【檔案>轉存>儲存為網頁用】選擇儲存PNG24透明背景檔,回到Animate CC再以檔案>匯入>匯入至舞台,完成匯入即可。

2.匯入分圖層AI檔的設定

當您想要在 Illustrator 中建立完整的動畫素材,然後以一個步驟將它們匯入Animate CC時,您可以將圖稿儲存成原生 Illustrator 格式 (AI),並將各部位物件整理至各別獨立圖層上。
在Animate CC中執行『檔案 > 匯入至舞台』,選取要匯入的AI檔,匯入時將首先顯示匯入選項設定視窗,在左側圖層區為顯示AI檔內的原始圖層與群組,可先收起每個圖層並勾取要匯入的圖層。
在下方的『將圖層轉換成』可選擇設定原來AI圖層的匯入方式:『Animate圖層』將匯入文件中的每一個圖層轉換成Animate CC文件中的圖層。『將物件放回原始位置』AI檔案的內容會保留這些內容原本在 Illustrator 中的確切位置。『將舞台設成 Illustrator 工作區域大小』Animate舞台大小會調整為用來建立 AI 檔案的 Illustrator 工作區域 (或作用中裁切區) 大小。『匯入未使用的元件』 如果沒有選取這個選項,未使用的元件就不會匯入。『匯入為單一點陣圖影像』將 AI 檔案匯入為單一點陣圖影像。請選擇『將物件放回原始位置』、『將舞台設成 Illustrator 工作區域大小』
若匯入時有發現無法完整支援的內容,請回到Illustrator中使用工作區域工具調整好檔案範圍,再分圖層依序執行【檔案>轉存>儲存為網頁用】選擇儲存PNG24透明背景檔,回到Animate CC再以檔案>匯入>匯入至舞台,完成匯入即可。
為什麼會看到廣告
avatar-img
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
建立文字打散後的漸層編輯應用,設定製作出文字倒影與陰影素材,進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像,各向上、下複製出另二份文字圖像共三份。 首先選取第二份文字,使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層),
使用橢圓、矩型、鋼筆工具建立物件基本造型,搭配物件重疊合併的編輯,以及漸層填色技巧,完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色,選擇填色為黑白放射狀漸層,繪製正圓形無邊框黑白漸層,再使用漸層變形工具調整漸層中心至圓內左上角,放大漸層範圍
使用鉛筆、鋼筆工具繪製線稿後,藉由完善的修整筆畫功能整理好所有需要的線稿,最後使用油漆桶、墨水瓶填色,搭配物件管理與編輯,完成漸層背景、石頭、水中魚與海草。 STEP1. 使用鋼筆工具與直接選取工具繪製調整出基本構成筆畫,使用『轉換錨點工具』轉換轉折角成平滑曲線,再使用鉛筆工具繪製其他黑線稿(選擇
建立文字打散後的漸層編輯應用,設定製作出文字倒影與陰影素材,進而隨後表現其動畫效果。 STEP1. 在深色背景上建立白色文字並打散二次成圖像,各向上、下複製出另二份文字圖像共三份。 首先選取第二份文字,使用油漆桶工具為第二份文字填入黑白線性漸層(請確認使用油漆桶工具於文字上點一下倒入整體漸層),
使用橢圓、矩型、鋼筆工具建立物件基本造型,搭配物件重疊合併的編輯,以及漸層填色技巧,完成仿3D的場景內之球、舞台、光線、陰影等動畫素材物件。 STEP1. 為方便編輯請先設定場景背景色為灰色,選擇填色為黑白放射狀漸層,繪製正圓形無邊框黑白漸層,再使用漸層變形工具調整漸層中心至圓內左上角,放大漸層範圍
使用鉛筆、鋼筆工具繪製線稿後,藉由完善的修整筆畫功能整理好所有需要的線稿,最後使用油漆桶、墨水瓶填色,搭配物件管理與編輯,完成漸層背景、石頭、水中魚與海草。 STEP1. 使用鋼筆工具與直接選取工具繪製調整出基本構成筆畫,使用『轉換錨點工具』轉換轉折角成平滑曲線,再使用鉛筆工具繪製其他黑線稿(選擇
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
上圖是根據彩色故事腳本生成的照片與草圖。 運用圖生圖的原理,把AI視覺故事腳本的其中一個畫面。擷取出來。 輸入重新繪製這張圖片 AI 會自然根據草圖,重新繪製元素一樣的精細畫面。
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
當今數位時代,AI 的應用正在不斷擴展,其中一個最令人振奮的領域就是 AI 插圖生成。Ilus AI 作為一款 AI 插圖生成器,以其快速、方便和豐富的功能,吸引了眾多用戶。因此今天,我們將分享 Ilus AI,帶你了解如何使用它,並讓 AI 幫你打造你想要的插圖,讓你的創作增添無限可能性。
Thumbnail
當今數位化快速發展的時代,圖像處理已經成為平面設計、出版業以及廣告製作中不可或缺的一環。Adobe Illustrator和InDesign作為行業內公認的專業設計軟件,它們在處理各式各樣的影像方面擁有強大的功能,但同時也伴隨著諸多需要注意的細節。今天,讓我們深入探討置入影像時的細節管理,從色彩模式
Thumbnail
影像和檔案的處理技術已成為設計師的基本功。從精緻的插圖到複雜的版面設計,每一步操作都蘊含著無限的可能性與挑戰。本文將帶領您深入了解如何精準控制影像置入過程中的細節,從而達到既定的設計目標。 精確控制影像置入的技巧 當我們談論將影像或檔案置入Adobe Illustrator或InDesign時,
Thumbnail
影片剪輯比較複雜 創作者不但要能文能武,還需要會影片剪輯。影片剪輯說起來就比較複雜,因為牽涉到比較多的面向。剛開始入手的時候很難理解,不過了解系統架構以後,其實也就那麼一回事。但是總得來說,耗時相對要多很多,比起一般的文章或繪圖,你也可能要耗時許多,因為他的素材就是比較多。 聲音素材、圖片素材、
Thumbnail
AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
Thumbnail
作為一名創作者,我們在完成設計作品後,最令人期待的就是看到它在印刷品上呈現出色。 為了確保設計能夠完美呈現,我們需要掌握完稿檔案的基本知識。首先要為各位介紹的就是Illustrator,這個製作萬能的工具,真可謂是設計師的得力助手。無論是製作『單張印刷品』還是複雜的『多頁印刷品』,甚至是『軋型加工
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
上圖是根據彩色故事腳本生成的照片與草圖。 運用圖生圖的原理,把AI視覺故事腳本的其中一個畫面。擷取出來。 輸入重新繪製這張圖片 AI 會自然根據草圖,重新繪製元素一樣的精細畫面。
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
當今數位時代,AI 的應用正在不斷擴展,其中一個最令人振奮的領域就是 AI 插圖生成。Ilus AI 作為一款 AI 插圖生成器,以其快速、方便和豐富的功能,吸引了眾多用戶。因此今天,我們將分享 Ilus AI,帶你了解如何使用它,並讓 AI 幫你打造你想要的插圖,讓你的創作增添無限可能性。
Thumbnail
當今數位化快速發展的時代,圖像處理已經成為平面設計、出版業以及廣告製作中不可或缺的一環。Adobe Illustrator和InDesign作為行業內公認的專業設計軟件,它們在處理各式各樣的影像方面擁有強大的功能,但同時也伴隨著諸多需要注意的細節。今天,讓我們深入探討置入影像時的細節管理,從色彩模式
Thumbnail
影像和檔案的處理技術已成為設計師的基本功。從精緻的插圖到複雜的版面設計,每一步操作都蘊含著無限的可能性與挑戰。本文將帶領您深入了解如何精準控制影像置入過程中的細節,從而達到既定的設計目標。 精確控制影像置入的技巧 當我們談論將影像或檔案置入Adobe Illustrator或InDesign時,
Thumbnail
影片剪輯比較複雜 創作者不但要能文能武,還需要會影片剪輯。影片剪輯說起來就比較複雜,因為牽涉到比較多的面向。剛開始入手的時候很難理解,不過了解系統架構以後,其實也就那麼一回事。但是總得來說,耗時相對要多很多,比起一般的文章或繪圖,你也可能要耗時許多,因為他的素材就是比較多。 聲音素材、圖片素材、
Thumbnail
AI圖形工具 今天分享一些常用的AI圖形工具。現在的圖形工具非常多,不可能全部都熟悉,因為真的太多了。所以介紹幾個比較常用的工具來供參考。算是我工作室的員工。 取代部分繪圖的工作 AI圖形工具基本上可以取代一部分繪圖的工作。就像速寫一樣,本身長年在畫速寫,但再怎麼說速度也不會比AI生成圖片來得
Thumbnail
作為一名創作者,我們在完成設計作品後,最令人期待的就是看到它在印刷品上呈現出色。 為了確保設計能夠完美呈現,我們需要掌握完稿檔案的基本知識。首先要為各位介紹的就是Illustrator,這個製作萬能的工具,真可謂是設計師的得力助手。無論是製作『單張印刷品』還是複雜的『多頁印刷品』,甚至是『軋型加工