關於加/減速

加/減速功能可加快及減慢動畫轉換的速度。Google Web Designer 提供五種以 CSS3 規格定義的標準加/減速功能,進階模式還提供步驟轉換以及自訂加/減速選項。

注意:文字效果有多種不同的加/減速選項。

快速模式中的加/減速設定

快速模式中,您可以將相同的加/減速設定套用至縮圖之間的所有動畫元素。

如果先在進階模式中編輯加/減速設定,那麼改用快速模式後,加/減速類型就會顯示「混合」。

如何在快速模式中變更加/減速設定:

  1. 按一下縮圖之間的「主要畫面格選項」按鈕
  2. 轉換編輯器隨即會開啟。
  3. 在轉換編輯器中,按一下箭頭即可循環切換預設的加/減速設定。您也可以直接變更加/減速的時間,方法是輸入秒數,或是點選時間欄位再往左或往右拖曳。

預設加/減速設定

加/減速預設 說明

線性
動畫以固定的速度變換。

加/減速
動畫開始時速度穩定,最終以減速作結。

減速
動畫開始時速度加快,最終以減速作結。

加速
動畫開始時速度減慢,最終以加速作結。

先加速後減速
動畫開始與結束時速度減慢,但在中間時加快。

步驟結束
動畫在加/減速時期維持在起始位置,然後直接跳到結束位置。

步驟開始
動畫直接跳到結束位置。

進階模式中的加/減速設定

進階模式還提供下列加/減速選項:

如何在進階模式中變更加/減速設定:

  1. 找出要調整加/減速的動畫跨度,按一下滑鼠右鍵。如要一次編輯多個加/減速設定,請按住 Shift 鍵並點選連續的跨度,或是按住 Ctrl 鍵 (Windows) 或 Command 鍵 (Mac),再分別選取各個不連續的跨度,然後在其中一個所選跨度上按一下滑鼠右鍵 (只有包含動畫的跨度能夠調整加/減速)。

  2. 從彈出式選單中任選一個加/減速預設設定,或是選取 [加/減速選項…],再調整加/減速曲線或自訂加/減速設定。

如何建立自訂的加/減速設定:

  1. 在相關跨度上按一下滑鼠右鍵,然後選取「加/減速選項…」以開啟「加/減速」對話方塊。
  2. 使用下列其中一種方法變更加/減速:
    • 拖曳控點來調整加/減速曲線的形狀。控制項控點的角度可決定彎曲的幅度,而控制項控點的長度則可決定加速或減速的強度。
    • 在「三次方貝茲」欄位中輸入您要的貝茲曲線 cubic-bezier() 函式符號。如果輸入無效的值,該欄位會顯示紅色底線。
  3. (選用) 按一下「儲存為新的預設設定」即可將這個自訂/加減速設定儲存為預設設定。
  4. 按一下「套用」即可將這個自訂加/減速設定用於所選的一或多個跨度。

自訂預設的加/減速設定

如果需要將特定自訂加/減速設定重複用於多個跨度,您可以直接將該設定存成預設設定。存成預設設定有以下優點:
  • 容易存取:在任何跨度上按一下滑鼠右鍵,就可以在彈出式選單中看到預設的加/減速設定選項。
  • 容易辨識:進階模式中的時間軸會顯示預設設定的名稱。
自訂預設設定會儲存為您個人的 Google Web Designer 執行個體,可用於各種文件。如果您開啟的文件含有其他使用者自訂的預設設定,系統顯示的加/減速設定名稱將會是「自訂」,而非使用原本的名稱。加/減速曲線本身將維持原樣。
如要儲存新的自訂預設設定,請在「加/減速」選項對話方塊中建立自訂加/減速,然後按一下 [儲存為新的預設設定] 並輸入名稱。預設設定的名稱和三次方貝茲曲線不可重複,如果既有跨度使用了相同的自訂值,這些跨度將顯示自訂的預設設定名稱。
如要重新命名自訂預設設定,請按兩下預設設定,或是將滑鼠游標懸停在「加/減速」選項對話方塊中的預設設定,然後按一下設定名稱旁邊顯示的鉛筆圖示。編輯名稱並按下 Enter 鍵後,凡是套用這個預設設定的跨度都會顯示新名稱。
如要刪除自訂預設設定,請將滑鼠游標懸停在「加/減速」選項對話方塊中的預設設定,然後按一下設定名稱旁邊顯示的垃圾桶圖示。刪除後,所有套用這個預設設定的跨度仍會保持原樣,只是名稱改成自訂。
您無法編輯既有預設設定的曲線,但可以建立新的自訂預設設定,再套用至需要變更的任何跨度。

這對您有幫助嗎?

我們應如何改進呢?
true
搜尋
清除搜尋內容
關閉搜尋
主選單
4114955106075596079
true
搜尋說明中心
true
true
true
true
true
5050422
false
false