使用圖層深度功能,輕鬆地運用攝影機為您的動畫建立視差效果。

在這個版本中,您可以建立涉及多個物件、不同深度的動畫。運用「攝影機」工具,為動畫增加視差效果。先前,動畫人員必須猜測物件的大小、物件距離「攝影機」工具的遠近,藉此建立視差效果。 

在 2017 年 6 月版本中,這個功能已在 Animate CC 的 ActionScript 3.0 和 WebGL 平台提供使用。 

圖層深度

Animate 設計人員能夠將圖層放置在不同的平面上,用以創造深度的幻覺。 之前,Animate 構圖中的圖層已存在於相同的平面上。 

您可以使用「圖層深度」面板動態變更圖層的深度。若要使用圖層深度,請按一下「視窗 > 圖層深度」

開啟圖層深度面板
開啟圖層深度面板

如上面螢幕快照所示,圖層深度的值會在每個指定影格的圖層名稱旁邊顯示。

  • 將滑鼠停留在每個值的上方,按一下並將滑桿向右或向左拖曳。
  • 若要增加深度,請將滑桿向左拖曳,若要降低深度,則請將滑桿向右拖曳。 
  • 您可以使用負值代表較靠近的物件,而正值則代表較遠的物件。
Timeline-view-layers

在圖層深度對話方塊中,每個圖層都有代表的獨特顏色線條。您可以在「時間軸」視窗中檢視每個圖層的代表顏色。

您也可以透過上下移動顏色線條的方式,增加或降低每個圖層物件的深度。

  • 若要增加圖層中物件的深度,請將線條向上移動。
  • 若要降低圖層中物件的深度,請將線條向下移動。

您可以檢視圖層深度功能的前後效果,如下列圖例所示:

Content without Layer Depth
沒有圖層深度的內容

Content with Layer Depth
含有圖層深度的內容

維持圖層深度的大小

您可以變更物件的圖層深度,而不影響舞台中物件的大小。若要啟用這個功能,請按一下「圖層深度」面板右上角的「維持大小」按鈕。

您能以兩個模式來使用維持大小選項:

  • 按一下「維持大小」按鈕並修改所要圖層的圖層深度。「維持大小」按鈕會自動切換為啟用。
  • 按住 Alt 鍵以暫時啟用「維持大小」選項,同時拖曳圖層深度值。
維持圖層深度的大小
維持圖層深度的大小

您可以將圖層深度的最小值和最大值設定在 -5000 到 10000 的範圍內。 

使用攝影機 Z 深度的視差效果

您可以使用圖層深度功能,透過攝影機為物件建立視差效果。

  1. 在 Animate 的不同圖層中建立多個物件。 

  2. 在每個物件加入不同的圖層深度。

  3. 按一下「攝影機」工具並在物件上平移攝影機。

在建立視差效果時,靠近攝影機的物件與距離攝影機較遠的物件移動速度會不同。

您可以使用這個效果檢視物件的深度與透視。

  • 靠近攝影機的物件移動速度會比距離攝影機較遠的物件快。
  • 靠近攝影機的物件具有高圖層深度的負值,距離攝影機較遠的物件具有高圖層深度的正值。

註解:

變更深度不會同時變更物件的大小。這個功能讓您能夠依照順序放置物件,並使用平移攝影機來模擬視差效果

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策