關於 Animate 中的 3D 圖像

Animate CC (先前稱為 Flash Professional CC) 可讓您在「舞台」上的 3D 空間裡移動與旋轉影片片段,藉此建立 3D 效果。Animate 在每個影片片段實體的屬性中加入 Z 軸來表示 3D 空間。只要使用「3D 轉移」以及「3D 旋轉」工具沿著 X 軸移動,或沿著 X 或 Y 軸旋轉,即可在影片片段實體中加入 3D 透視效果。在 3D 的術語中,在 3D 空間裡移動物件就稱為「轉移」,旋轉物件則稱為「變形」。一旦影片片段套用了任何這些效果,Animate 便會將其視為 3D 影片片段,而且每當選取該影片片段時,都將出現覆蓋於其上的彩色座標軸指示器。

若要讓物件看起來靠近或遠離觀賞者,請使用「3D 轉移」工具或「屬性」檢測器沿著其 Z 軸移動該物件。若要讓物件看起來與觀賞者呈某個角度,請使用「3D 旋轉」工具沿著其 Z 軸旋轉影片片段。只要組合使用這些工具,您就可以建立具有真實感的透視特效。

「3D 轉移」和「3D 旋轉」工具都能讓您在全域或本機 3D 空間中操作物件。全域 3D 空間是指「舞台」空間。全域的變形與轉移相對於「舞台」。本機 3D 空間是指影片片段空間。本機的變形及轉移相對於影片片段空間。例如,如果您的影片片段包含許多巢狀影片片段,這些片段的本機 3D 變形即相對於容器影片片段中的繪圖區。「3D 轉移」和「3D 旋轉」工具的預設模式為全域。若要在本機模式中使用這些工具,請按一下「工具」面板中「選項」區段的「全域」切換按鈕。

只要在 FLA 檔中使用影片片段實體的 3D 屬性,您就可以建立各種圖像效果,而且不需要複製元件庫中的影片片段。但是,若您透過元件庫編輯影片片段,就看不見套用的 3D 變形與轉移。當您編輯影片片段內容時,只看得見巢狀影片片段的 3D 變形。

dr_global_3d_space
「舞台」包含在全域 3D 空間中旋轉的影片片段。

dr_local_3d_space
「舞台」包含在區域 3D 空間中旋轉的巢狀影片片段。

註解:

一旦影片片段實體加入了 3D 變形,即無法使用「在原地編輯」模式編輯其父影片片段元件。

如果「舞台」上有 3D 物件,您就可以將特定 3D 特效當做群組新增至全部物件,做法是調整 FLA 檔的「透視角度」與「消失點」屬性。「透視角度」屬性有縮放「舞台」檢視的效果。「消失點」屬性則有左右移動「舞台」上 3D 物件的效果。這些設定只會影響已套用 3D 變形或轉移之影片片段的外觀。

在 Animate 編寫工具中,您可以控制單一視點 (或稱「攝影機」)。FLA 檔的攝影機檢視與「舞台」檢視相同。每個 FLA 檔只有一項「透視角度」與「消失點」設定。

若要使用 Animate 的 3D 功能,FLA 檔案的發佈設定必須設為 Flash Player 10 以及 ActionScript 3.0。只有影片片段實體可以沿著 Z 軸旋轉或轉移。ActionScript 提供了一些無法直接從 Animate 使用者介面取用的 3D 功能,例如每個影片片段的多個「消失點」及個別攝影機。使用 ActionScript 3.0,便可以將 3D 屬性套用到文字、FLV Playback 組件和按鈕等物件,而非僅限於影片片段。

註解:

您無法對遮色片圖層上的物件使用 3D 工具,而含有 3D 物件的圖層也不能當成遮色片圖層使用。如需有關遮色片圖層的詳細資訊,請參閱使用遮色片圖層

在 3D 空間中移動物件

您可以使用「3D 變形」工具 ,在 3D 空間中移動影片片段實體。當您使用工具選取影片片段時,X 、Y 和 Z 三軸會出現在物件上方的「舞台」。X 軸為紅色、Y 軸為綠色,而 Z 軸為藍色。

「3D 轉移」工具的預設模式為全域。在全域 3D 空間中移動物件與相對於「舞台」移動物件一樣。在本機 3D 空間中移動物件與相對於上層影片片段 (如果有的話) 移動物件一樣。若要在全域與本機模式間切換「3D 轉移」工具,請在選取「3D 轉移」工具的同時,按一下「工具」面板之「選項」區域中的「全域」切換按鈕。只要在使用「3D 轉移」工具拖曳的同時按下 D 鍵,您就可以暫時從全域模式切換到本機模式。

在「工具」面板中,「3D 轉移」與「3D 旋轉」工具位於同一個空間。在「工具」面板中,按住作用中的 3D 工具圖示,便可以選取目前非作用中的 3D 工具。

根據預設,如果選取的物件已套用 3D 轉移,則出現時會在「舞台」上形成一個 3D 軸重疊部分。您可以關閉 Animate「偏好設定」之「一般」區域中這個重疊的部分。

dr_3d_translation_overlay
「3D 轉移」工具會重疊。

註解:

3D 影片片段的 z 軸位置若有變更,會導致影片片段的 x 和 y 位置看似亦發生變更。這是因為沿著 z 軸的移動會跟隨自 3D 消失點 (設定於 3D 元件實體的「屬性」檢測器) 向外散射的隱藏透視線延展至「舞台」邊緣。

在 3D 空間中移動單一物件

  1. 在「工具」面板中選取「3D 轉移」工具 (或按 G 鍵以選取該工具)。
  2. 將工具設定為區域或全域模式.

    請檢查「工具」面板中「選項」區段的「全域」切換按鈕,確定工具處於您想要的模式。按一下按鈕或按下 D 鍵來切換模式。

  3. 使用「3D 轉移」工具 選取影片片段。
  4. 若要使用工具拖曳來移動物件,請將滑鼠指標移到 X、Y 或 Z 軸控制項。移到任一控制項時,指標就會改變。

    X 與 Y 軸控制項是指軸上各自的箭頭尖端。往箭頭的方向拖曳其中一個控制項,即可沿著選取的軸移動物件。Z 軸控制項是指影片片段中間的黑點。沿著 Z 軸上下拖曳 Z 控制項,即可移動物件。

  5. 若要使用「屬性」檢測器移動物件,請在「屬性」檢測器的「3D 位置」和「檢視」區域中輸入 X、Y 或 Z 的值。

    當您在 Z 軸上移動物件時,物件的外觀大小會改變。在「屬性」檢測器的「3D 位置和檢視」區段中,可視大小會顯示為「寬度」和「高度」值。這些都是唯讀值。

在 3D 空間中移動多個物件選取範圍

當您選取多個影片片段時,可以使用「3D 轉移」工具 移動其中一個選取的物件,而其他物件就會以相同的方式移動。

  • 若要在全域 3D 空間中以相同方式移動群組的每個物件,請將「3D 轉移」工具設為全域模式,然後再使用軸控制項來拖曳其中一個物件。按 Shift+按兩下其中一個選取的物件,將軸控制項移動到該物件。

  • 若要在本機 3D 空間中以相同方式移動群組的每個物件,請將「3D 轉移」工具設為本機模式,然後再使用軸控制項來拖曳其中一個物件。按 Shift+按兩下其中一個選取的物件,將軸控制項移動到該物件。

您也可以按兩下 Z 軸控制項,將軸控制項移動到多個選取區域的中間。按 Shift+按兩下其中一個選取的物件,將軸控制項移動到該物件。

在 3D 空間中旋轉物件

您可以使用「3D 旋轉」工具 在 3D 空間中旋轉影片片段實體。3D 旋轉控制項會顯示在「舞台」上選取物件的上方。X 控制項為紅色、Y 控制項為綠色,而 Z 控制項為藍色。您可以使用橘色的自由旋轉控制項,同時繞著 X 與 Y 軸旋轉。

「3D 旋轉」工具的預設模式為全域。在全域 3D 空間中旋轉物件與相對於「舞台」移動物件一樣。在本機 3D 空間中旋轉物件與相對於上層影片片段 (如果有的話) 移動物件一樣。若要在全域與本機模式間切換「3D 旋轉」工具,請在選取「3D 旋轉」工具的同時按一下「工具」面板中「選項」區段的「全域」切換按鈕。只要在使用「3D 旋轉」工具拖曳的同時按下 D 鍵,您就可以暫時從全域模式切換到本機模式。

在「工具」面板中,「3D 轉移」與「3D 旋轉」工具位於同一個空間。在「工具」面板中,按住作用中的 3D 工具圖示,便可以選取目前非作用中的 3D 工具。

根據預設,如果選取的物件已套用 3D 旋轉,則出現時會在「舞台」上形成一個 3D 軸重疊部分。您可以關閉 Animate「偏好設定」之「一般」區域中這個重疊的部分。

dr_global_3d_rotation_overlay
全域 3D 旋轉工具重疊。

dr_local_3d_rotation_overlay
區域 3D 旋轉工具重疊。

在 3D 空間中旋轉單一物件

  1. 在「工具」面板中選取「3D 旋轉」工具 (或按 W 鍵)。

    請檢查「工具」面板中「選項」區段的「全域」切換按鈕,確定工具處於您想要的模式。按一下按鈕或按下 D 鍵,將模式切換為區域或全域。

  2. 在「舞台」上選取影片片段。

    「3D 旋轉」控制項在選取的物件上會顯示為重疊。如果控制項顯示在不同的位置,請按兩下控制中心點以移至選取的物件。

  3. 將指標移到 4 個旋轉軸控制項中的一個。

    移到其中一個控制項時,指標就會改變。

  4. 拖曳其中一個軸控制項可繞著該軸旋轉,而拖曳自由旋轉控制項 (橘色外圈) 則可同時旋轉 X 與 Y 軸。

    左右拖曳 X 軸控制項可繞著 X 軸旋轉。上下拖曳 Y 軸控制項可繞著 Y 軸旋轉。繞圈拖曳 Z 軸控制項可繞著 Z 軸旋轉。

  5. 若要重置相對於影片片段的旋轉控制項中心點,請拖曳中心點。若要將中心點限定為每次移動 45 度,請按住 Shift 鍵進行拖曳。

    移動旋轉控制項中心點可讓您控制物件的旋轉效果及其外觀。按兩下中心點可將其移回選取之影片片段的中心。

    選取之物件的旋轉控制項中心點的位置會在「變形」面板中顯示為「3D 中心點」屬性。您可以在「變形」面板裡修改中心點的位置。

在 3D 空間中旋轉多個物件選取範圍

  1. 在「工具」面板中選取「3D 旋轉」工具 (或按 W 鍵)。

    請檢查「工具」面板中「選項」區段的「全域」切換按鈕,確定工具處於您想要的模式。按一下按鈕或按下 D 鍵,將模式切換為區域或全域。

  2. 在「舞台」上選取多個影片片段。

    「3D 旋轉」控制項在最近選取的物件上會顯示為重疊。

  3. 將指標移到 4 個旋轉軸控制項中的一個。

    移到其中一個控制項時,指標就會改變。

  4. 拖曳其中一個軸控制項可繞著該軸旋轉,而拖曳自由旋轉控制項 (橘色外圈) 則可同時旋轉 X 與 Y 軸。

    左右拖曳 X 軸控制項可繞著 X 軸旋轉。上下拖曳 Y 軸控制項可繞著 Y 軸旋轉。繞圈拖曳 Z 軸控制項可繞著 Z 軸旋轉。

    所有選取的影片片段會繞著出現在旋轉控制項中心的 3D 中心點旋轉。

  5. 若要重置 3D 旋轉控制項中心點,請執行下列步驟之一:
    • 若要將中心點移到任意位置,請拖曳中心點。

    • 若要將中心點移到其中一個選取之影片片段的中心,請按住 Shift,然後按兩下該影片片段。

    • 若要將中心點移到選取之影片片段群組的中心,請按兩下該中心點。

    變更 3D 旋轉中心點的位置可讓您控制物件的旋轉效果。

    選取之物件的旋轉控制項中心點的位置會在「變形」面板中顯示為「3D 中心點」。您可以在「變形」面板裡修改中心點的位置。

使用變形面板旋轉選取範圍

  1. 開啟「變形」面板 (「視窗 > 變形」)。
  2. 在「舞台」上選取一個或多個影片片段。
  3. 在「變形」面板「3D 旋轉」的 X 、Y 和 Z 欄位中輸入所需數值,旋轉選取範圍。這些欄位包含 Hot Text,因此您可以拖曳這些值來加以變更。

    註解:

    3D 旋轉會在全域或本機 3D 空間內進行,視「工具」面板中「3D 旋轉」的目前模式而定。

  4. 若要移動 3D 旋轉點,請在「3D 中心點」的 X、Y 和 Z 欄位中輸入所需值。

調整透視角度

FLA 檔的「透視角度」屬性可以控制「舞台」上 3D 影片片段檢視的外觀角度。

增加或減少「透視角度」會影響 3D 影片片段的外觀大小及其相對於「舞台」邊緣的位置。只要增加「透視角度」,您就可以讓 3D 物件看起來更靠近觀賞者。只要減少「透視角度」,您就可以讓 3D 物件看起來距離更遠。這項特效就像是使用攝影機鏡頭放大或縮小,藉此透過鏡頭變更檢視的角度。

dr_perspective_angle_55
「舞台」的「透視角度」為 55。

dr_perspective_angle_110
「舞台」的「透視角度」為 110。

「透視角度」屬性會影響所有已套用 3D 轉移或旋轉的影片片段。「透視角度」不會影響其他影片片段。預設的「透視角度」是 55 度,與一般攝影機鏡頭一樣。值的範圍從 1 度到 180 度。

若要在「屬性」檢測器中檢視或設定「透視角度」,您必須在「舞台」上選取某個 3D 影片片段。您可以立即看見「舞台」的「透視角度」變化。

當您更改「舞台」大小時,「透視角度」會自動改變,如此一來,3D 物件的外觀就不會改變。您可以在「文件屬性」對話方塊中關閉這個行為。

若要設定「透視角度」:

  1. 在「舞台」上選取一個已套用 3D 旋轉或轉移的影片片段實體。
  2. 在「屬性」檢測器的「透視角度」欄位中輸入新值,或是藉由拖曳 Hot Text 來變更值。

調整消失點

FLA 檔的「消失點」屬性可以控制「舞台」上 3D 影片片段 Z 軸的方向。FLA 檔中所有 3D 影片片段的 Z 軸會往「消失點」的方向後退。只要重置「消失點」,您就可以在沿著 Z 軸轉移物件時變更其移動方向。只要調整「消失點」的位置,您就可以精確地控制「舞台」上 3D 物件和動畫的外觀。

舉例來說,如果您將「消失點」置於「舞台」的右上角 (0, 0),然後增加影片片段的 Z 屬性值,影片片段就會遠離觀賞者,往「舞台」左上角移動。

因為「消失點」會影響所有的 3D 影片片段,所以變更「消失點」也會變更所有已套用 Z 軸轉移之影片片段的位置。

「消失點」是一項文件屬性,會影響所有已套用 Z 轉移或旋轉的影片片段。「消失點」不會影響其他影片片段。「消失點」的預設位置是「舞台」的中心。

若要在「屬性」檢測器中檢視或設定「消失點」,您必須在「舞台」上選取某個 3D 影片片段。您可以立即看見「舞台」的「消失點」變化。

若要設定「消失點」:

  1. 在「舞台」上選取一個已套用 3D 旋轉或轉移的影片片段。
  2. 在「屬性」檢測器的「消失點」欄位中輸入新值,或是藉由拖曳 Hot Text 來變更值。格線會指示於「舞台」上拖曳 Hot Text 時,「消失點」的位置。
  3. 若要將「消失點」移回「舞台」的中心點,請按一下「屬性」檢測器中的「重設」按鈕。

註解:

調整「舞台」大小時並不會自動更新「消失點」。若要維持以特定「消失點」位置建立的 3D 外觀,您必須根據新的「舞台」大小重新定位「消失點」。

AnimateCCBanner

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

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