QQ場景動作製作説明

導讀： 場景動作製作大家在QQ中會發現，場景除了包括背景之外，還可以添加動作。一般來説動作主要是指在場景中我們為部分圖片製作的運動軌跡，或者將動態圖片添加到場景中顯示出來等。三、  場景動作製作 13．1  添..

大家在QQ中會發現，場景除了包括背景之外，還可以添加動作。一般來説動作主要是指在場景中我們為部分圖片製作的運動軌跡，或者將動態圖片添加到場景中顯示出來等。

三、  場景動作製作 1

3．1  添加動作 1

3．2  動作屬性設置 2

3．3  圖片屬性設置 3

3．4  時間軸區域設置及動作實現原理 4

3．5  動作實現具體操作步驟 5

可以在下圖14中，選擇添加動作。

圖14  添加動作

如圖15所示，成功添加了“動作01”，在場景編輯器中可以添加多個動作。

圖15  成功添加動作

如上圖15中的紅色區域所示，動作的屬性設置主要包括：

名稱：該動作的名稱，場景製作並安裝到QQ後，也將出現在QQ中的動作下拉列表中

聲音：在場景中做動作時的背景音樂，可以設置“循環播放”

動畫：指場景中的動作，可以設置“循環播放”

時間軸單位設置：指時間軸中一個格表示的時間長短。

説明：場景中的動作是有一定時間長短的，這個時間長短就是依靠對“時間軸單位”時間的設定，外加在時間軸上為各圖片的每部分直線軌跡設置包括幾個時間單位，從而來最終確定的。

舉例：在圖片的每部分直線軌跡設置包括幾個時間單位固定的情況下，“時間軸

單位”時間設定的越大，則圖片完成該動作軌跡的時間就越長。

即，如果想該圖片移動的較快，則需要將“時間軸單位”時間設定的小些

預覽動作：在完成動作的設置後，可以在場景編輯器中通過預覽功能來觀看動作在背景中完成的實際效果

圖16  動作屬性設置

動作主要是指在場景中為圖片製作的運動軌跡，或者將動態圖片添加到場景中顯示出來等。

在“動作”中添加圖片的方法可以參考2．1．2．2  圖片添加，一個動作可以由多個圖片的移動來完成。下面我們主要來看如何完成動作中“圖片屬性設置”。

如下圖17所示，紅色區域中的屬性設置的方法可以參考2．1．2．3  圖片屬性設置，下面主要介紹圖17綠色區域中的操作。

  圖17  圖片屬性設置

圖17中的綠色區域中叫做時間軸區域，在這裏將控制該圖片如何實現在場景中的動作，即在這裏可以通過各種設置來實現該圖片在場景中的各種運動軌跡。

下面我們來説明完成動作軌跡設置的原理：

1、 在時間軸上控制動作時間長短：

當在“動作屬性”中完成時間軸單位時間大小的設定以後，整個時間軸點點之間就已經確定了具體的時間大小。

當在“動作屬性”中完成時間軸單位時間大小的設定以後，整個時間軸點點之

間就已經確定了具體的時間大小。

如：時間軸單位時間設定為100毫秒後，那麼當兩個點間包括了1個點，等同兩個點間包括了兩個時間單位，則這兩個點間的時間長短就是200毫秒。

2、 完成圖片初步移動：

前面我們已經知道如何控制動作時間長短，接下來看如何完成圖片的初步移動，

其實只要我們為圖片在場景上，相應的確定兩個位置，進而讓這兩個位置和時間軸上代表一定時間長度的兩個點對應起來（比如象上面的兩個點間的時間長短就是200毫秒），這樣就已經完成了這個圖片的初步移動。

即，當時間軸移動到第一個點時，圖片就在場景中的第一個位置，而當時200毫秒之後（時間軸移動到指定的第二個點時），該圖片就立即移動到場景中之前設定的第二個位置，並且這段軌跡就是圖片在場景中兩點間的直線。

習慣上我們將在時間軸上設定時間點，同時指定該點時間圖片在場景中的位置這種對應關係，叫做添加一個“關鍵幀”（如圖18中，在時間軸區域中鼠標的右鍵盤菜單中就可以提供這些功能）。“關鍵幀”是定義在動畫中的變化的幀。

可能大家想問，我希望的是圖片在場景中均勻的完成這段移動，而不是在200毫秒中都是一個位置，200毫秒後突然改變位置，其實很簡單，只要在圖18中的時間軸兩點間選擇“創建補間動畫”，場景編輯器就會自動完成內插幀。這樣，選擇“預覽動作”就可以看到，現在圖片是在200毫秒延直線從一個點均勻的移動到另外一個點。

                     圖18  時間軸區域鼠標的右鍵菜單相關操作

3、 切分圖片運動軌跡：

圖片在場景中的運動軌跡可能是不規則的任何圖線，移動的快慢也可能在軌跡

中各段有所不同，前面我們已經知道如何控圖片在一段時間中完成直線和均勻移動，接下來，要想更好的讓圖片在場景中完成自己設計的軌跡，就需要將軌跡按照直線段進行切分，如果在一段直線中圖片移動的快慢有所不同，則還需要進行進一步切分。

完成切分後，就可以為切分好的每一小段軌跡來在時間軸上設置時間以及各時間點上圖片在背景中的位置，從而最終完成圖片的整個移動軌跡。

4、 動作組成：

        場景中的一個動作可以由多副圖片的移動來完成，如在“春天”場景中的動作除了可以有落花之外，還可以有燕子飛過等。原理是一樣的，只需進一步添加圖片，並設置屬性和完成動畫即可。

在上面2．2．4動作實現原理章節中已經介紹了設置圖片移動的原理，以及按照需要對圖片運動軌跡進行切分的原則，下面來介紹動作實現具體的操作：

1、 按照場景中各圖片運動的大致快慢在“動作屬性”中來設置時間軸單位，比如各個圖片普遍運動較快，就可以把時間軸單位的數值設置的小些，反之，則將時間軸單位的數值設置的大些。

説明：如果場景中的兩個圖片的運動速度存在很大差別，無法在統一的時間軸單位下實現設計的效果，這種情況下，可以再添加一個動作，將圖片運動速度差別大的圖片放在新動作中，新動作中的時間軸單位可以按照需要進行設置

2、 對圖片運動軌跡進行切分，可以參考2．2．4動作實現原理中介紹的切分原則。

3、 圖片移動具體實現，比如下面我們要完成場景中“落花”的一個右下飄落的過程，已經設定時間軸單位為200毫秒：

A、 首先選定該圖片開始動作的原始位置，對應時間軸上起點的“關鍵幀”，如圖19，蘭色區域為用鼠標選定的圖片動作中的初始位置，對應時間軸區域中紅色區域中處起始位置的“關鍵幀”。

                       圖19  選定圖片初始位置

B、 如果希望在1000毫秒後，圖片被移動到場景下偏右方，則可以在時間軸5的位置選擇鼠標右鍵菜單中的“添加關鍵幀”，然後再用鼠標在場景中把圖片移動到設想中500毫秒後希望圖片所處的位置，如下圖20，完成設定後，可以選擇工具欄中的“預覽動作”（綠色區域），觀看圖片移動的效果

C、 由於落花的動作是連續的，所以還要在時間軸上兩個“關鍵幀”之間的區域中選擇鼠標右鍵菜單中的“創建補間動畫”，然後再選擇“預覽動作”就可以看到現在的效果了

4、 圖片移動的大致製作如上，此外還需要完成圖片的屬性設置，主要確保在IM窗口被拉伸的情況下，圖片完成動作過程中在整個場景中的相對位置。具體各個選項可以參考2．1．2．3  圖片屬性設置，下面解釋下“隱藏”選項：

       隱藏：指動作過程中，圖片在場景中的開始和結束位置時不被顯示出來，比如一般在製作雨滴的動作過程中就需要這樣的效果