- Adobe Animate 使用手冊
- Animate 簡介
- 動畫
- Animate 中的動畫基本概念
- 如何在 Animate 中使用影格及關鍵影格
- Animate 中的逐格動畫
- 如何在 Animate 中使用傳統補間動畫
- 筆刷工具
- 移動導引線
- 移動補間動畫與 ActionScript 3.0
- 關於移動補間動畫
- 移動補間動畫
- 建立移動補間動畫
- 使用屬性關鍵影格
- 使用補間動畫將位置製成動畫
- 如何使用移動編輯器編輯移動補間動畫
- 編輯補間動畫的移動路徑
- 操作移動補間動畫
- 新增自訂加/減速
- 建立和套用移動預設效果
- 設定動畫補間動畫範圍
- 使用儲存為 XML 檔案的移動補間動畫
- 移動補間動畫與傳統補間動畫
- 形狀補間動畫
- 在 Animate 中使用骨塊工具動畫
- 在 Animate 進行角色製作
- 如何在 Adobe Animate 中使用遮色片圖層
- 如何在 Animate 中使用場景
- 互動
- 工作區和工作流程
- 建立和管理繪圖筆刷
- 在 HTML5 Canvas 文件中使用 Google 字體
- 使用 Creative Cloud Libraries 和 Adobe Animate
- 使用 Animate 的舞台和工具面板
- Animate 工作流程和工作區
- 在 HTML5 Canvas 文件中使用網頁字體
- 時間軸與 ActionScript
- 使用多重時間軸
- 設定偏好設定
- 使用 Animate 編寫面板
- 使用 Animate 建立時間軸圖層
- 匯出適用於行動裝置應用程式和遊戲引擎的動畫
- 移動和複製物件
- 範本
- Animate 中的尋找和取代
- 還原、重做和操作記錄面板
- 鍵盤快速鍵
- 如何在 Animate 中使用時間軸
- 建立 HTML 擴充功能
- 影像和 GIF 動畫的最佳化選項
- 匯出影像和 GIF 的設定
- Animate 中的資源面板
- 多媒體和視訊
- 在 Animate 中變形及結合圖像物件
- 在 Animate 中建立並使用元件實體
- 影像描圖
- 如何在 Adobe Animate 中使用聲音
- 匯出 SVG 檔案
- 建立要在 Animate 中使用的視訊檔案
- 如何在 Animate 增加視訊
- 使用 Animate 繪製及建立物件
- 調整線條和形狀
- 使用 Animate CC 中的筆畫、填色和漸層
- 使用 Adobe Premiere Pro 和 After Effects
- Animate CC 中的色彩面板
- 使用 Animate 開啟 Flash CS6 檔案
- 在 Animate 中使用傳統文字
- 將圖案放入 Animate 中
- Animate 中匯入的點陣圖
- 3D 圖像
- 在 Animate 中使用元件
- 使用 Adobe Animate 繪製線條和形狀
- 使用 Animate 中的元件庫
- 匯出聲音
- 在 Animate CC 中選取物件
- 在 Animate 中使用 Illustrator AI 檔案
- 套用混合模式
- 排列物件
- 使用命令選單自動執行工作
- 多國語言文字
- 使用 Animate 中的攝影機
- 圖像濾鏡
- 聲音和 ActionScript
- 繪圖偏好設定
- 使用鋼筆工具繪圖
- 平台
- 將 Animate 專案轉換成其他文件類型格式
- 自訂平台支援
- 在 Animate 中建立及發佈 HTML5 Canvas 文件
- 建立並發佈 WebGL 文件
- 如何封裝 AIR for iOS 的應用程式
- 發佈 AIR for Android 應用程式
- Adobe AIR for Desktop 的發佈功能
- ActionScript 發佈設定
- 最佳作法 - 在應用程式中組織 ActionScript
- 如何搭配使用 ActionScript 與 Animate
- Animate 工作區中的輔助功能
- 撰寫和管理指令碼
- 啟用自訂平台的支援
- 自訂平台支援概觀
- 使用自訂平台支援外掛程式
- ActionScript 3.0 的除錯
- 啟用自訂平台的支援
- 匯出與發佈
- 疑難排解
關於濾鏡
濾鏡概觀
濾鏡 (圖像特效) 可讓您將豐富的視覺特效加入至文字、按鈕和影片片段。Animate 有一個獨特的功能,可讓您使用移動補間動畫,將套用的濾鏡製成動畫。
Animate 混合模式可以讓您建立複合影像。複合是指對兩個或兩個以上的重疊物件,變化其透明度或顏色互動的過程。 混合模式也會將控制項的尺寸加入至物件與影像的不透明度。 您也可以使用 Animate 混合模式來建立亮部或陰影,以便展示下層影像的細節,或是讓影像的顏色看起來更飽和。
關於將濾鏡動畫化
您可以在「時間軸」中將濾鏡製成動畫。位於不同關鍵影格上而以補間動畫結合的物件,在中間影格上也有對應的補間動畫濾鏡參數可用。 如果濾鏡在補間動畫的另一端沒有相符的濾鏡 (相同類型的濾鏡),程式會自動增加一個相符濾鏡,以確保該特效會出現在連續動畫的結尾。
為了防止補間動畫因某端遺失濾鏡,或兩端以不同的順序套用濾鏡,而導致移動補間動畫不正確運作,Animate 會進行下列調整:
如果您在已套用濾鏡的影片片段上套用移動補間動畫,當您在補間動畫的另一端插入關鍵影格時,影片片段便會於補間動畫的最後一個影格處,自動套用與補間動畫的起始處堆疊順序相同的同一組濾鏡。
如果您將影片片段放置在兩個分別套用不同濾鏡的影格上,再將移動補間動畫套用至兩個影格之間,Animate 會優先處理擁有濾鏡數較多的影片片段。接著 Animate 便會將套用在第一個影片片段上的濾鏡,和第二個影片片段所使用的濾鏡進行比較。如果在第二個影片片段上沒有發現相符的濾鏡,Animate 便會產生一個不具現有濾鏡參數和顏色的虛擬濾鏡。
如果兩個關鍵影格之間有移動補間動畫,而且您在某個關鍵影格中為物件增加濾鏡,當影片片段到達補間動畫另一端的關鍵影格時,Animate 會自動將虛擬濾鏡增加至影片片段。
如果兩個關鍵影格之間有移動補間動畫,而且您從某個關鍵影格中的物件移除濾鏡,則當影片片段到達補間動畫的另一端關鍵影格時,Animate 會自動從影片片段中移除相符的濾鏡。
如果移動補間動畫開始和結束的濾鏡參數設定不一致,Animate 會將開始影格的濾鏡設定套用至漸變影格。若補間動畫的開始與結束之間設定下列不同的參數時,便會出現不一致的設定:去底色、內陰影、內光暈,以及漸層光暈和漸層斜角的類型。
例如,如果您利用投影濾鏡建立移動補間動畫,並在補間動畫第一個影格上套用去底色的投影,並在最後一個影格上套用內陰影,Animate 便會修正移動補間動畫中濾鏡不一致的使用方式。在這樣的情況下,Animate 會套用用於補間動畫第一個影格上的濾鏡設定,也就是去底色的投影效果。
關於濾鏡與 Flash Player 效能
套用至物件的濾鏡類型、數量和品質,會影響 SWF 檔案播放時的效能。為了正確顯示您建立的視覺特效,在物件上套用了越多濾鏡,Adobe® Flash® Player 就必須處理更大的計算量。因此,Adobe® 建議您不要在指定的物件上套用太多濾鏡。
每個濾鏡都包含控制項,可以讓您調整套用之濾鏡的強度和品質。使用較低的設定,可以改善在較慢電腦上播放的效能。如果您要建立的內容會在各式各樣的電腦上播放,或是您不確定觀眾電腦的運算能力等級,請設定「低」品質等級,以獲得最佳的播放效能。
關於 Pixel Bender 濾鏡
Adobe Pixel Bender™ 是由 Adobe 所開發的程式語言,讓使用者能夠建立自訂濾鏡、效果和混合模式以應用於 Animate 和 After Effects 中。Pixel Bender 與硬體無關,其設計原理可自動在各種 GPU 和 CPU 架構上有效率地執行。
Pixel Bender 開發人員只需撰寫 Pixel Bender 程式碼,並將程式碼儲存於副檔名為 pbj 的文字檔,即可建立濾鏡。撰寫完成後,Pixel Bender 濾鏡便能供任何 Animate 文件使用。利用 ActionScript® 3.0 則可載入濾鏡與使用濾鏡控制項。
如需有關在 ActionScript 中使用 Pixel Bender 的詳細資訊,請參閱 ActionScript 3.0 開發人員指南。
以下視訊教學課程將示範如何在 Animate 中使用 Pixel Bender 濾鏡:
使用濾鏡
Animate 中的增強功能
每次您在物件上增加新的濾鏡時,就會將該濾鏡增加至「屬性」檢測器中該物件的套用濾鏡清單上。 您可以在物件上套用多個濾鏡,也可以移除先前已套用的濾鏡。 您只能將濾鏡套用至文字、按鈕、影片片段、組件和編譯的片段物件。
您可以建立濾鏡設定元件庫,以便輕鬆地在物件上套用相同的濾鏡或濾鏡組。 Animate 會將您在「屬性」檢測器的「濾鏡」區段所建立的濾鏡預設效果儲存於「濾鏡 > 預設效果」選單中。
在 Flash Professional CS6 及更早版本中,套用濾鏡僅限於影片片段和按鈕元件。有了 Animate,您現在還可以將濾鏡套用至編譯的片段和影片片段組件。如此,您只要按一下按鈕 (或按兩下),就可以直接將各種效果加到組件,使您的應用程式外觀更為出色。在 Flash CS6 中,若要將濾鏡或其他效果加到組件,必須將它包覆在影片片段元件內。方法如下:
- 在舞台上建立或新增組件。
- 以滑鼠右鍵按一下組件,然後選取「轉換成元件」。
- 從「組件」面板在舞台上建立或新增按鈕,接著選取「按鈕」。
- 在「屬性」面板上,從「濾鏡」區段的下拉式清單中按一下 按鈕,並且選取「斜角」濾鏡。「斜角」濾鏡的屬性和值隨即顯示。
- 針對任何所要的屬性修改或設定適當值。例如,「X 軸模糊」、「Y 軸模糊」、「強度」、「陰影」等。您將會發現效果同時反映在選取的按鈕上。
套用或移除濾鏡
-
選取要套用濾鏡或從中移除濾鏡的文字、按鈕或影片片段物件。
-
在「屬性」面板的「濾鏡」區域中,執行下列其中一項:
若要新增濾鏡,請按一下 按鈕,然後選取濾鏡。您可以嘗試使用各種設定,直到找到想要的外觀為止。
若要移除濾鏡,請在已套用的濾鏡清單中選取要移除的濾鏡,然後按一下「移除濾鏡」按鈕 。您可以刪除或重新命名任何預設效果。
複製並貼上濾鏡
-
選取要從中複製濾鏡的物件,然後選取「濾鏡」面板。
-
選取要複製的濾鏡,並按一下 按鈕。在下拉式清單中,按一下「複製選取的濾鏡」。若要複製所有濾鏡,請選擇「複製所有濾鏡」。
-
選取要套用濾鏡的物件,並按一下按鈕。在下拉式清單中,按一下「貼上篩選」。
將預設濾鏡套用至物件
-
選取要套用濾鏡預設效果的物件,然後選取「濾鏡」標籤。
-
按一下 按鈕,以開啟下拉式清單。
-
從下拉式清單底部的可用預設效果清單中,選取要套用的濾鏡預設效果。
當您將濾鏡預設效果套用至物件後,Animate 會將目前套用在選定物件上的任何濾鏡,取代為預設效果中所使用的濾鏡。
啟用或停用套用至物件的濾鏡
-
所有濾鏡預設為啟用。按一下濾鏡名稱旁邊的 圖示可停用濾鏡清單中的濾鏡。按一下濾鏡名稱旁邊的 X 按鈕可啟用濾鏡。
若要切換清單中其他濾鏡的啟用狀態,請按住 Alt 再按一下 (Windows) 或按住 Option 再按一下 (Macintosh)「濾鏡」清單中的「啟用」圖示。如果您按住 Alt 再按一下 圖示,便會啟用選取的濾鏡,同時停用清單中的所有其他濾鏡。
啟用或停用套用至物件的所有濾鏡
-
按一下 按鈕,並從下拉式清單中選取「全部啟用」或「全部停用」。
若要啟用或停用清單中的所有濾鏡,請按住 Control 再按一下「濾鏡」清單中的「啟用」或「停用」圖示。
建立預設效果濾鏡元件庫
您可以將濾鏡設定儲存為預設效果元件庫,以便輕鬆地套用至影片片段和文字物件。 您也能夠與其他使用者共用這些濾鏡預設效果,只需要為他們提供濾鏡組態設定檔即可。 濾鏡組態設定檔就是儲存在 Animate Configuration 資料夾之下列位置中的 XML 檔案:
- Windows 7 和 8:C:\Users\使用者名稱\AppData\Local\Adobe\Flash CC\語言\Configuration
- (僅適用於 Flash Professional CS6 或更早版本) Windows XP:C:\Documents and Settings\使用者名稱\Local Settings\Application Data\Adobe\Flash CS6\語言\Configuration\Filters\filtername.xml
- (僅適用於 Flash Professional CS6 或更早版本) Windows Vista:C:\Users\使用者名稱\Local Settings\Application Data\Adobe\Flash CS6\語言\Configuration\Filters\filtername.xml
- Macintosh:Macintosh HD/Users/使用者名稱/Library/Application Support/Adobe/Flash CC/語言/Configuration/Filters/filtername.xml
建立具有預設設定的濾鏡元件庫
-
將一個或多個濾鏡套用至任何選取的物件。
-
按一下 按鈕以新增濾鏡。
-
選取濾鏡,再按一下 按鈕,並選擇「另存成預設效果」。
-
在「另存預設效果為」對話方塊中,輸入濾鏡設定的名稱,然後按一下「確定」。
重新命名濾鏡預設效果
-
按一下 按鈕並新增濾鏡。
-
選取濾鏡並按一下 按鈕。按一下「編輯預設效果」。
-
按兩下您要修改的預設效果名稱。
-
輸入新預設效果名稱,然後按一下「確定」。
刪除濾鏡預設效果
-
按一下 按鈕並新增濾鏡。
-
選取濾鏡並按一下 按鈕。
-
按一下「編輯預設效果」。
-
在「編輯預設效果」對話方塊中,選取要移除的預設效果,然後按一下「刪除」。
套用濾鏡
套用投影
「投影」濾鏡會模擬將陰影投射至表面之物件的外觀。
如需具有傳統補間動畫的投影範例,請參閱「Animate 範例」網頁,網址為 www.adobe.com/go/learn_fl_samples_tw。下載並解壓縮 Samples 這個壓縮檔,然後瀏覽至 Graphics\AnimatedDropShadow 目錄。
-
選取要套用投影的物件。
-
在「屬性」檢測器的「濾鏡」區段中,按一下 按鈕,並選取「投影」。
-
編輯濾鏡設定:
- 若要設定投影的寬度和高度,請設定「X 軸模糊」與「Y 軸模糊」的值。
- 若要設定陰影的暗度,請設定「強度」值。數值越高,陰影就越暗。
- 選取投影的品質等級。 「高」與「高斯」模糊的品質等級很接近。「低」會讓播放效能最佳化。
- 若要設定陰影的角度,請輸入值。
- 若要設定陰影和物件之間的距離,請設定「距離」的值。
- 選取「去底色」去除 (或是視覺上隱藏) 來源物件的底色,並僅在去底色的影像上顯示投影。
- 若要在物件的邊界內套用陰影,請選取「內陰影」。
- 若要隱藏物件並僅顯示其陰影,請選取「隱藏物件」。「隱藏物件」能讓您更輕易地建立真實的陰影。
- 如果要開啟「顏色挑選器」並設定陰影顏色,請按一下「顏色」控制項。
建立傾斜投影
-
選取具有您要傾斜之陰影的物件。
-
重製 (選取「編輯 > 重製」) 來源物件。
-
選取重製的物件,然後使用「自由變形」工具 (「修改 > 變形 > 旋轉和傾斜」) 將其傾斜。
-
將「投影」濾鏡套用到重製的影片片段或文字物件 (如果您重製的物件已經有投影,表示已經套用此濾鏡)。
-
在「濾鏡」面板中,選取「隱藏物件」來隱藏重製的物件,並同時可以看到它的陰影。
-
選取「修改 > 排列 > 往後移」,將重製的物件及其陰影放到您重製的原始物件後面。
-
請調整「投影」濾鏡的設定和傾斜投影的角度,直到達到所需的外觀為止。
套用模糊
「模糊」濾鏡會柔化物件的邊緣和細節。在物件上套用模糊,可以使物件看起來像是位於其他物件後面,或使物件看起來像在移動中。
-
選取要套用模糊的物件,然後選取「濾鏡」。
-
按一下 按鈕並選取「模糊」。
-
編輯「濾鏡」標籤上的濾鏡設定:
- 若要設定模糊的寬度和高度,請設定「X 軸模糊」與「Y 軸模糊」的值。
- 選取模糊的品質等級。「高」與「高斯」模糊的品質等級很接近。「低」會讓播放效能最佳化。
套用光暈
「光暈」濾鏡可讓您將顏色套用至物件邊緣的周圍。
-
選取要套用光暈的物件,然後選取「濾鏡」。
-
按一下 按鈕並選取「光暈」。
-
編輯「濾鏡」標籤上的濾鏡設定:
- 若要設定光暈的寬度和高度,請設定「X 軸模糊」與「Y 軸模糊」的值。
- 如果要開啟「顏色挑選器」並設定光暈顏色,請按一下「顏色」控制項。
- 若要設定光暈的清晰度,請設定「強度」的值。
- 若要去除 (或是視覺上隱藏) 來源物件的底色,並僅在去底色的影像上顯示光暈,請選取「去底色」。
- 若要在物件的邊界內套用光暈,請選取「內光暈」。
- 選取光暈的品質等級。「高」與「高斯」模糊的品質等級很接近。「低」會讓播放效能最佳化。
套用斜角
套用斜角就是將亮部增加至物件,使物件看起來像曲起在背景表面上。
-
選取要套用斜角的物件,然後選取「濾鏡」。
-
按一下 按鈕並選取「斜角」。
-
編輯「濾鏡」標籤上的濾鏡設定:
- 若要設定斜角的類型,請從「類型」選單中選取斜角。
- 若要設定斜角的寬度和高度,請設定「X 軸模糊」與「Y 軸模糊」的值。
- 從彈出式面板中選取斜角的陰影和亮部顏色。
- 若要設定斜角的不透明度,而不影響斜角的寬度,請設定「強度」的值。
- 若要變更斜角化邊緣投射的陰影角度,請設定「角度」的值。
- 若要定義斜角的寬度,請針對「距離」輸入值。
- 若要去除 (或是視覺上隱藏) 來源物件的底色,並僅在去底色的影像上顯示斜角,請選取「去底色」。
套用漸層光暈
套用漸層光暈會產生帶有漸層顏色跨越光暈表面的光暈外觀。漸層光暈需要在漸層開頭使用 Alpha 值為 0 的顏色。這個顏色的位置不能移動,但可以變更顏色。
-
選取要套用漸層光暈的物件。
-
在「屬性」檢測器的「濾鏡」區段中,按一下 按鈕,並選取「漸層光暈」。
-
編輯「濾鏡」標籤上的濾鏡設定:
- 從「類型」彈出式選單中選取要套用至物件的光暈類型。
- 若要設定光暈的寬度和高度,請設定「X 軸模糊」與「Y 軸模糊」的值。
- 若要設定光暈的不透明度,而不影響光暈的寬度,請設定「強度」的值。
- 若要變更光暈投射的陰影角度,請設定「角度」的值。
- 若要設定陰影和物件之間的距離,請設定「距離」的值。
- 若要去除 (或是視覺上隱藏) 來源物件的底色,並僅在去底色的影像上顯示漸層光暈,請選取「去底色」。
- 指定光暈的漸層顏色。漸層包含兩種以上的顏色,這些顏色會互相淡出或混合。您為漸層開頭選取的顏色,便稱為 alpha 顏色。
- 若要變更漸層中的顏色,請選取漸層定義列下方的任一個顏色指標,然後按一下色域 (顯示在漸層列正下方) 顯示「顏色挑選器」。滑動這些指標會調整漸層中顏色的層級與位置。
- 若要在漸層中加入指標,請按一下漸層定義列或其下方。若要建立最多含有 15 種顏色轉換的漸層,最多可加入 15 種顏色指標。若要改變指標在漸層中的位置,請沿著漸層定義列拖曳指標。若要移除指標,請將指標向下拖曳出漸層定義列。
- 選取漸層光暈的品質等級。「高」與「高斯」模糊的品質等級很接近。「低」會讓播放效能最佳化。
套用漸層斜角
套用漸層斜角時,系統會使用跨越斜角表面的漸層顏色,產生使物件看起來像在背景上凸起的外觀。漸層斜角需要在漸層中間使用 Alpha 值為 0 的顏色。
-
選取要套用漸層斜角的物件。
-
在「屬性」檢測器的「濾鏡」區段中,按一下 按鈕,並選取「漸層斜角」。
-
編輯「濾鏡」標籤上的濾鏡設定:
從「類型」彈出式選單中選取要套用至物件的斜角類型。
若要設定斜角的寬度和高度,請設定「X 軸模糊」與「Y 軸模糊」的值。
若要影響斜角的平滑度,但不影響其寬度,請輸入「強度」的值。
若要設定光源的角度,請輸入「角度」的值。
若要去除 (或是視覺上隱藏) 來源物件的底色,並僅在去底色的影像上顯示漸層斜角,請選取「去底色」。
指定斜角的漸層顏色。漸層包含兩種以上的顏色,這些顏色會互相淡出或混合。中間的指標會控制漸層的 Alpha 顏色。您可以變更 Alpha 指標的顏色,但是無法在漸層中重新定位此顏色。
若要變更漸層中的顏色,請選取漸層定義列下方的任一個顏色指標,然後按一下色域 (顯示在漸層列正下方) 顯示「顏色挑選器」。若要調整漸層中顏色的層級與位置,請滑動這些指標。
若要在漸層中加入指標,請按一下漸層定義列或其下方。若要建立最多含有 15 種顏色轉換的漸層,最多可加入 15 種顏色指標。若要改變指標在漸層中的位置,請沿著漸層定義列拖曳指標。若要移除指標,請將指標向下拖曳出漸層定義列。
套用調整顏色濾鏡
「調整顏色」濾鏡可以讓您細部控制所選物件的顏色屬性,包括對比、亮度、飽和度和色相。
-
選取要調整顏色的物件。
-
在「屬性」檢測器的「濾鏡」區段中,按一下 按鈕,並選取「調整顏色」。
-
輸入顏色屬性的值。如下列所示的屬性及其對應值:
對比
可調整影像的亮部、陰影與中間色調。
亮度
可調整影像的亮度。
飽和度
可調整顏色的飽滿度。
色相
可調整顏色的陰影。
-
若要將所有顏色調整重設為 0 並讓物件返回原始的狀態,請按一下「重設濾鏡」。