Animate CC 匯入Illustrator 素材

更新於 發佈於 閱讀時間約 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
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Animate Out 是預設的文字出場(離開)效果。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Thumbnail
從2021年就在日本巡迴的《Animage雜誌和吉卜力展》,現在從1/8~4/6在華山1914文創園區東2C、D棟展出。
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
上圖是根據彩色故事腳本生成的照片與草圖。 運用圖生圖的原理,把AI視覺故事腳本的其中一個畫面。擷取出來。 輸入重新繪製這張圖片 AI 會自然根據草圖,重新繪製元素一樣的精細畫面。
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
當今數位時代,AI 的應用正在不斷擴展,其中一個最令人振奮的領域就是 AI 插圖生成。Ilus AI 作為一款 AI 插圖生成器,以其快速、方便和豐富的功能,吸引了眾多用戶。因此今天,我們將分享 Ilus AI,帶你了解如何使用它,並讓 AI 幫你打造你想要的插圖,讓你的創作增添無限可能性。
提問的內容越是清晰,強者、聰明人越能在短時間內做判斷、給出精準的建議,他們會對你產生「好印象」,認定你是「積極」的人,有機會、好人脈會不自覺地想引薦給你
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果。 Animate Out 是預設的文字出場(離開)效果。
Thumbnail
Animation Presets 是預設的動畫效果和屬性設定,套用後就可以做出動畫效果,無需從零開始進行複雜的調整。 其中的 Animate In 是讓文字以各種動畫方式進場。可用來製作標題或字幕進場的動畫。
Thumbnail
從2021年就在日本巡迴的《Animage雜誌和吉卜力展》,現在從1/8~4/6在華山1914文創園區東2C、D棟展出。
Thumbnail
插畫和動畫之間有著密切的關係,但並不是說一定要先有插畫才有動畫。插畫通常是靜態的圖像,用來表達一個概念、故事或角色,而動畫則是將這些靜態圖像連續播放,創造出動態效果。 在很多情況下,動畫的製作確實會從插畫開始。插畫可以用來設計角色、場景和故事板,這些都是動畫製作的重要步驟。例如,漫畫或插畫書經
Thumbnail
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
上圖是根據彩色故事腳本生成的照片與草圖。 運用圖生圖的原理,把AI視覺故事腳本的其中一個畫面。擷取出來。 輸入重新繪製這張圖片 AI 會自然根據草圖,重新繪製元素一樣的精細畫面。
Thumbnail
想搞設計,卻沒有靈感嗎?以下提供7個提供高質量Adobe Illustrator模板的網站:
Thumbnail
當今數位時代,AI 的應用正在不斷擴展,其中一個最令人振奮的領域就是 AI 插圖生成。Ilus AI 作為一款 AI 插圖生成器,以其快速、方便和豐富的功能,吸引了眾多用戶。因此今天,我們將分享 Ilus AI,帶你了解如何使用它,並讓 AI 幫你打造你想要的插圖,讓你的創作增添無限可能性。