Canva 工具列的動畫功能設定,讓你的設計動起來!

Last Updated on 2021 年 12 月 11 日 by 小幫手

Canva toolbar animation settings 封面圖片

我們在使用 Canva 的時候,經常會用到它圖片編輯器上面工具列的功能,例如顏色、文字、翻轉或是透明度等。而這篇文章要介紹的是「動畫」效果設定,它可以替設計專案裡面的頁面或元素添加各種動畫,讓你可以做出影片或 GIF 圖片等動態性的作品。

如何設定動畫?

當我們打開 Canva 的設計專案進入圖片編輯器畫面時,只要畫板內容不是空白的,就可以在上方工具列裡看到一個很明顯的 動畫 按鈕,它可以打開圖片編輯器左邊的動畫設定介面。如果是選取畫板中的元素或是文字,這些物件的工具列裡面也都會有動畫的功能鍵。

Canva 圖片編輯器工具列上的動畫設定


頁面動畫 (Page animations)

當我還未選取畫板中的元素物件時,我點擊那個 動畫 按鈕可以打開這個頁面的動畫設定 (頁面動畫),它裡面有簡單的動畫分類:

  • 基本:揚升、平移、淡化、板塊移動、飄移、緩慢浮現。
  • 縮放類:緩慢浮現、重踏、彈跳。
  • 誇張類:滾動、方快閃線、霓虹燈、剪貼簿、彈跳、重踏。
  • 滑入滑出:揚升、平移、飄移、板塊移動、線條出現。

只要把滑鼠懸停這些動畫縮圖的方塊上,右邊的設計頁面就會即時地展現動畫的效果,點擊可直接把動畫套用上去,其中有些動畫需要 Canva Pro 的版本才能套用。

頁面動畫設定


下圖展現的是 基本淡化 這個頁面動畫的套用效果。

淡化動畫效果


元素動畫 (Element animations)

如果我點選了畫板中的「元素」,這時候點擊工具列的 動畫 會打開 元素動畫 設定的介面,元素可以設定的動畫類型跟頁面動畫裡的差不多,不過它這些動畫效果就只會套用在這個元素上。

元素動畫設定


文字動畫 (Text animations)

如果我點選畫板中的文字或是文字群組,也可以在工具列裡面打開文字動畫的設定介面 (文字的工具列功能比較多,所以動畫鍵的位置放得更右邊一點),而文字動畫除了前面有提到的動畫類型之外,它還有額外的 簡單書寫類粗體書寫類 的動畫效果可以讓我們設定。

文字動畫設定

延伸閱讀:Canva 如何做出【文字描邊or邊框】的效果?絕對實用!


照片動畫 (Photo animations)

如果我點選畫板中的「照片」,可以從工具列打開它的照片動畫的設定介面,它裡面也有額外的 照片動向 的動畫效果可以設定。

照片動畫設定





動畫時間設定及預覽

只要你套用頁面動畫或是畫板中任何一個物件的動畫效果,它上面的工具列會多出一個 時間設定 的功能,編輯器右上角 下載 按鈕的旁邊也會出現一個 預覽影片 的按鈕。

每個頁面預設為 5 秒鐘,像下圖我有三個 5 秒鐘的頁面,所以整個影片的長度就會是 15 秒。而你可以利用它的 時間選擇 來調整那個頁面的顯示時間,一個頁面最長可以設定到 30 秒鐘。

設定頁面動畫時間


當時間都設定好了之後,可以點擊右上角的按鈕來先預覽整支影片。

預覽動畫效果


可再添加轉場效果

如果你覺得影片畫面切換過程太過簡單生硬的話,你可以打開編輯器的 時間線視圖,然後從頁面的選單裡面點擊 新增轉場,這樣頁面在切換的時候就比較會有視覺效果!

添加轉場

延伸閱讀:Canva 如何替頁面添加轉場效果?讓畫面切換多點視覺變化!


如何移除動畫效果?

如果你想要移除設計專案裡的頁面或是元素等物件的動畫效果,就要選擇那個有動畫效果的頁面或元素 (工具列原本的動畫鍵會變成已套用的動畫名稱),然後點擊左邊動畫設定下方的 移除動畫 即可。

移除動畫效果



結語

以上就是 Canva 工具列動畫效果的簡單介紹,其實可以設定的動畫不多但也不算太少,而且像文字或照片會有一些額外的動畫效果可以設定,只要適當地使用動畫,可以替你的簡報、影片或 GIF 圖片加不少分,看起來更加美觀專業!


延伸閱讀


aifian APP推薦活動


最後
§ 很感謝你的閱讀 §
如果你喜歡這篇文章的話
歡迎使用下面分享按鈕分享


留言區