每日焦點！MOHO Tutorial 1.5: Animation

This tutorial continues on from the previous three, moving into the animation features ?of Moho. You can either continue on with your project from the previous tutorial, or ?you can use a file that has been created for you - it’s named “Tutorial 1.4” and it’s ?located in the “Tutorials/1 - Basics” subfolder within your custom content folder.?

There are three basic ways to animate objects in Moho:

(相關資料圖)

? animating an entire layer,?

? using bones to animate parts of an object,?

? animating the individual points on an object These three types can be combined to make very complex animations. This tutorial ?will walk you through all three types of animation.

Open your previous project (or the “Tutorial 1.4” file) in Moho. Make sure all the ?layers are visible by clicking to turn on each layer in the Layers window.

本教程從前三個繼續(xù)，進入 Moho 的動畫功能。 您可以繼續(xù)上一個教程中的項目，也可以使用為您創(chuàng)建的文件 - 它名為“Tutorial 1.4”，位于自定義內容文件夾中的“Tutorials/1 - Basics”子文件夾中 .

在 Moho 中為對象設置動畫有三種基本方法：

? 為整個圖層制作動畫，

? 使用骨骼為對象的某些部分設置動畫，

? 為對象上的各個點設置動畫 這三種類型可以組合起來制作非常復雜的動畫。 本教程將引導您完成所有三種類型的動畫。

在 Moho 中打開您之前的項目（或“Tutorial 1.4”文件）。 通過單擊打開“圖層”窗口中的每個圖層，確保所有圖層都可見。

Layer Animation

圖層動畫是讓對象在 Mohoanimation 中四處移動的最簡單方法。 您可以移動對象的方式受到限制，但在某些情況下，這就是您所需要的。 圖層動畫移動整個圖層，就好像它是在一塊玻璃上繪制的一樣。

單擊“圖層”窗口中的“云”圖層以將其激活。 接下來，將當前時間設置為第 72 幀。這是在 Timeline 窗口中完成的。 要設置時間，請橫向滾動時間線面板（如有必要），直到在頂部的標尺中看到數(shù)字 72。 點擊數(shù)字72，時間標記會跳到那一幀，如下圖

If you do not see multiple channels in the timeline, you may ?have Moho set to collapse them. Choose Edit > Preferences, and uncheck the “Consolidate timeline channels” option in the ?Options tab. This displays all animation channels in the timeline.

如果您在時間線中沒有看到多個通道，您可能將 Moho 設置為折疊它們。 選擇“編輯”>“首選項”，然后取消選中“選項”選項卡中的“合并時間線通道”選項。 這將顯示時間軸中的所有動畫通道。

In Moho, an important concept is to learn the importance of ?frame zero. At the far left end of the timeline is a frame marked ?zero. When the time is set to zero, you are in Moho’s creation mode. ?For now, you should only draw, add bones, or create other objects ?at frame zero. When Moho is at any other frame, you are animating ?the objects you have created. As you get more comfortable with ?Moho, you can choose to draw objects at other frames, but for now ?it’s best only to create new objects when the time is set to frame ?zero. You can switch back to frame zero at any time by pressing the ?rewind button, or by clicking on the number 0 in the timeline. For ?now, leave the time at frame 72.

在 Moho 中，一個重要的概念是學習零幀的重要性。 在時間線的最左端是標記為零的幀。 當時間設置為零時，您處于 Moho 的創(chuàng)建模式。 目前，您應該只在零幀處繪制、添加骨骼或創(chuàng)建其他對象。 當 Moho 位于任何其他幀時，您正在為您創(chuàng)建的對象設置動畫。 隨著您對 Moho 越來越熟悉，您可以選擇在其他幀處繪制對象，但目前最好僅在時間設置為零幀時創(chuàng)建新對象。 您可以隨時通過按下倒帶按鈕或單擊時間軸中的數(shù)字 0 切換回零幀。 現(xiàn)在，將時間留在第 72 幀。

Select the Transform Layer tool from the toolbar從工具欄中選擇變換圖層工具。

Click and drag to the right in the working area to move the cloud layer to ?the right. You can press the Shift key, if desired, to constrain the movement to a ?straight line.:在工作區(qū)域中單擊并向右拖動，將云層向右移動。 如果需要，您可以按 Shift 鍵將移動限制為直線。：

Notice that a marker appeared in the timeline at frame 72. (You may have to scroll ?downwards to see the marker.) This marker represents a keyframe - a point in time ?at which the layer has been given a position. There are several animation channels ?displayed in the Timeline panel. This keyframe appeared in the Layer Translation ?channel, because that’s what type of action you just performed - you translated ?(moved) a layer.

請注意，時間線中的第 72 幀出現(xiàn)了一個標記。（您可能必須向下滾動才能看到該標記。）該標記表示一個關鍵幀 - 一個時間點，在該時間點上已為圖層指定了一個位置。 “時間軸”面板中顯示了多個動畫通道。 這個關鍵幀出現(xiàn)在圖層翻譯通道中，因為這就是您剛剛執(zhí)行的操作類型 - 您翻譯（移動）了一個圖層。

Try out the animation so far: press the play button at the bottom-left of the main ?window. The animation loops when it reaches the end (in this case frame 240). When ?you’ve seen enough, press the stop button.?

If you prefer, you can shorten the length of the animation to 72 frames, so that it will ?loop back to the beginning once it reaches the last keyframe. Simply change the ?total number of frames to 72 as shown below.

試用目前的動畫：按下主窗口左下角的播放按鈕。 動畫在到達結尾時循環(huán)播放（在本例中為第 240 幀）。 當你看夠了，按下停止按鈕。

如果您愿意，可以將動畫的長度縮短到 72 幀，這樣一旦到達最后一個關鍵幀，它就會循環(huán)回到開頭。 只需將總幀數(shù)更改為 72，如下所示。

Bone animation uses skeleton structures to move an object around. You got a good ?feel for how bones work in the previous tutorial when you used the Manipulate Bones ?tool. When animating bones you use very similar tools.?

Activate the Skeleton layer by clicking its entry in the Layer panel.

骨骼動畫使用骨架結構來移動對象。 當您使用“操縱骨骼”工具時，您對上一教程中骨骼的工作原理有了很好的了解。 為骨骼設置動畫時，您使用非常相似的工具。

通過單擊圖層面板中的條目來激活骨架圖層。

Set the time to frame 12 by clicking the number 12 in the Timeline window. (You may ?have to scroll the Timeline window before you can see the number 12.)?

Now, pick the Manipulate Bones tool in the toolbar. Click and drag the ?bones in Frank’s legs until they are positioned as shown below:

通過單擊時間軸窗口中的數(shù)字 12 將時間設置為第 12 幀。 （您可能需要滾動時間軸窗口才能看到數(shù)字 12。）

現(xiàn)在，選擇工具欄中的操縱骨骼工具。 單擊并拖動 Frank 腿中的骨骼，直到它們的位置如下所示：

Note that the Manipulate Bones tool works differently at frame 12 than it did at ?frame 0 in the previous tutorial. At frame 0, this tool is used to test a bone system, and ?doesn’t permanently modify the bones. However, when you are animating bones ?(at any frame other than 0), the bones do hold their new position.?

Next, pick the Transform Bone tool. Click on Frank’s spine bone and drag it ?downwards a bit:

請注意，操縱骨骼工具在第 12 幀的工作方式與在上一教程中在第 0 幀的工作方式不同。 在第 0 幀，此工具用于測試骨骼系統(tǒng)，不會永久修改骨骼。 但是，當您為骨骼設置動畫時（在 0 以外的任何幀），骨骼確實會保持其新位置。

接下來，選擇變換骨骼工具。 單擊 Frank 的脊椎骨并將其向下拖動一點：

To transform the bone, drag from the bottom control point on ?the bone. For more information about the control points in the ?Transform Bone tool, see “Transform Bone” on page 92 in your ?Moho Users Manual.

要變換骨骼，請從骨骼上的底部控制點拖動。 有關變換骨骼工具中控制點的更多信息，請參閱 Moho 用戶手冊中第 92 頁的“變換骨骼”。

Next, set the time to frame 24 and choose the Bone > Reset All Bones menu ?command. Press the play button to watch your animation, and press stop when ?you’re done.

接下來，將時間設置為第 24 幀并選擇“骨骼”>“重置所有骨骼”菜單命令。 按播放按鈕觀看動畫，完成后按停止。

When you played back the animation, you probably noticed that after frame 24, ?Frank doesn’t move any more. You could add more keyframes by setting the time?to some later frame and moving Frank’s bones some more, but let’s try out Moho’s ?animation looping feature.?

In the timeline, you should see a group of keyframes at frame 24. These keys ?represent bone movement (the spine bone moving up and down) and bone ?rotation (the bending legs). Drag a rectangle around these keyframes to select ?them:

當您回放動畫時，您可能注意到在第 24 幀之后，弗蘭克不再移動。 您可以通過將時間設置為稍后的幀并進一步移動 Frank 的骨骼來添加更多關鍵幀，但讓我們嘗試一下 Moho 的動畫循環(huán)功能。

在時間軸中，您應該在第 24 幀處看到一組關鍵幀。這些關鍵幀代表骨骼運動（脊柱骨骼上下移動）和骨骼旋轉（彎曲的腿）。 在這些關鍵幀周圍拖動一個矩形以選擇它們：

Next, right-click on one of these selected keys. A popup menu will appear. Select ?“Cycle...” from the popup menu.接下來，右鍵單擊這些選定的鍵之一。 將出現(xiàn)一個彈出菜單。 從彈出菜單中選擇“循環(huán)...”。

What you’re telling Moho is that you want these keys to cycle back to an earlier ?point in the timeline. A dialog will appear asking you what frame to cycle back to - ?enter the settings shown below. You’re telling Moho that on this keyframe, the bone ?movement should cycle back to frame 1.

您告訴 Moho 的是您希望這些鍵循環(huán)回到時間線中的較早點。 將出現(xiàn)一個對話框，詢問您要循環(huán)回到哪個幀 - 輸入如下所示的設置。 你告訴 Moho 在這個關鍵幀上，骨骼運動應該循環(huán)回到第 1 幀。

Close the Keyframe dialog and press the play button to see the difference. An ?animation channel with cycling turned on will repeat its animation over and over ?indefinitely. Typically this would be used for some kind of background element, not ?a foreground character like Frank, but it’s a great time saver. In the timeline you can ?see an indication of the cycling in the bone channels:關閉關鍵幀對話框并按下播放按鈕查看差異。 開啟循環(huán)的動畫通道將無限期地重復其動畫。 通常這將用于某種背景元素，而不是像 Frank 這樣的前景角色，但它可以節(jié)省大量時間。 在時間線中，您可以看到骨骼通道中的循環(huán)指示：