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:07Ctrl + 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感謝收看
Amara Bot edited Chinese, Traditional subtitles for Timeline Enhancements - Google Web Designer |