Return to Video

Timeline Enhancements - Google Web Designer

  • 0:04 - 0:04
    大家好
  • 0:04 - 0:07
    我叫 Natalie
    我是 Google Web Designer 的工程師
  • 0:07 - 0:09
    今天我要示範幾項
  • 0:09 - 0:12
    我們為 Google Web Designer 時間軸
    添加的新功能
  • 0:12 - 0:14
    這次的一大改良功能
  • 0:14 - 0:16
    和動畫播放有關
  • 0:16 - 0:18
    如果你按下 [播放]
    會看到隨著動畫播放
  • 0:18 - 0:22
    播放頭也會一起移動
    而且你可以在任何一點
  • 0:22 - 0:24
    暫停和繼續播放
  • 0:24 - 0:27
    動畫會從播放頭所在位置
    開始播放
  • 0:27 - 0:29
    所以只要把播放頭
    移到要偵錯的部分
  • 0:29 - 0:32
    然後按下 [播放]
    就可以為該部分動畫偵錯
  • 0:38 - 0:43
    另一項新功能是
  • 0:43 - 0:46
    現在可以用點線框
    一次選取多個主要畫面格
  • 0:46 - 0:52
    只要點選圖層中任何一個地方
    然後拖曳即可
  • 0:52 - 0:54
    你也可以按下
    Ctrl 或 Command 鍵
  • 0:54 - 0:57
    並逐一選取主要畫面格
  • 0:57 - 0:59
    然後新增或移除
    選取的主要畫面格
  • 0:59 - 1:02
    我可以移除一些主要畫面格
    然後再加回去
  • 1:02 - 1:04
    還有一項新功能是
  • 1:04 - 1:08
    你可以一次針對多個跨度
    調整加/減速
  • 1:08 - 1:10
    只要按住 Ctrl 或 Command 鍵
    再選取多個跨度
  • 1:10 - 1:13
    或使用「點線框」工具
    選取多個跨度
  • 1:13 - 1:16
    然後按一下右鍵
    並照常調整加/減速即可
  • 1:16 - 1:20
    如果我把這些跨度
    都設定為加速
  • 1:20 - 1:23
    設定就會套用到
    所有選取的跨度
  • 1:23 - 1:24
    設定就會套用到
    所有選取的跨度
  • 1:24 - 1:27
    你現在也可以一次編輯
    多個主要畫面格
  • 1:27 - 1:30
    舉例來說
  • 1:30 - 1:33
    如果要讓這架飛機飛高一點
  • 1:33 - 1:35
    我只要選取動畫主要畫面格
  • 1:35 - 1:39
    這裡原本就有一點
    Y 軸位移動畫
  • 1:39 - 1:43
    我先進入差異值模式
  • 1:43 - 1:47
    然後把飛機提高大約 50 像素
  • 1:47 - 1:48
    這樣就完成了
  • 1:51 - 1:52
    現在 Y 軸位移高了 50 像素
  • 1:55 - 1:58
    另外我們還新增了
    主要畫面格的複製和貼上功能
  • 1:58 - 2:01
    先選取主要畫面格
    然後按右鍵
  • 2:01 - 2:03
    選取 [複製主要畫面格]
    或者使用鍵盤快速鍵
  • 2:03 - 2:07
    Ctrl + C 鍵或 Command + C 鍵
  • 2:07 - 2:08
    然後移到目標圖層
  • 2:08 - 2:10
    你可以貼到同一個圖層
    或其他圖層
  • 2:10 - 2:12
    然後再按右鍵
  • 2:12 - 2:18
    選取 [貼上主要畫面格]
    或按下 Ctrl + V 鍵或 Command + V 鍵
  • 2:18 - 2:20
    你也可以快速複製主要畫面格
  • 2:20 - 2:23
    只要按住 Alt 鍵
    或 Option 鍵 (Mac)
  • 2:23 - 2:26
    然後拖曳即可
  • 2:26 - 2:28
    你也可以複製到其他圖層
  • 2:32 - 2:34
    今天要示範的最後一項新功能
  • 2:34 - 2:36
    是圖層複製
  • 2:36 - 2:42
    你可以在圖層清單中
    選取多個圖層
  • 2:42 - 2:45
    然後按右鍵
    就會看到 [複製圖層] 選項
  • 2:45 - 2:47
    這樣就完成了
  • 2:47 - 2:48
    這是一種方法
  • 2:48 - 2:51
    如果想要把元素和動畫一併複製
  • 2:51 - 2:54
    另一種方法是在中心區域選取目標
    然後按 Command 或 Ctrl + C 鍵
  • 2:54 - 2:57
    再按 Command 或 Ctrl + V 鍵
  • 2:57 - 3:01
    就可以把圖層和動畫一起貼上
  • 3:01 - 3:02
    就可以把圖層和動畫一起貼上
  • 3:02 - 3:05
    這是預設功能
  • 3:05 - 3:07
    如果只想貼上圖層
    不要貼上動畫
  • 3:07 - 3:10
    你可以在 [編輯] 選單
    找到相應的選項
  • 3:10 - 3:11
    好了
  • 3:11 - 3:12
    今天的介紹到此為止
  • 3:12 - 3:14
    感謝收看
Title:
Timeline Enhancements - Google Web Designer
Description:

more » « less
Duration:
03:16

Chinese, Traditional subtitles

Revisions