場景動作制作

大家在QQ中會發(fā)現(xiàn)，場景除了包括背景之外，還可以添加動作。一般來說動作主要是指在場景中我們?yōu)椴糠謭D片制作的運動軌跡，或者將動態(tài)圖片添加到場景中顯示出來等。

三、  場景動作制作 1

3．1  添加動作 1

3．2  動作屬性設(shè)置 2

3．3  圖片屬性設(shè)置 3

3．4  時間軸區(qū)域設(shè)置及動作實現(xiàn)原理 4

3．5  動作實現(xiàn)具體操作步驟 5

3．1  添加動作

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

圖14  添加動作

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

圖15  成功添加動作

3．2  動作屬性設(shè)置

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

名稱：該動作的名稱，場景制作并安裝到QQ后，也將出現(xiàn)在QQ中的動作下拉列表中

聲音：在場景中做動作時的背景音樂，可以設(shè)置“循環(huán)播放”

動畫：指場景中的動作，可以設(shè)置“循環(huán)播放”

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

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

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

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

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

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

圖16  動作屬性設(shè)置

3．3  圖片屬性設(shè)置

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

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

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

  圖17  圖片屬性設(shè)置

3．4  時間軸區(qū)域設(shè)置及動作實現(xiàn)原理

圖17中的綠色區(qū)域中叫做時間軸區(qū)域，在這里將控制該圖片如何實現(xiàn)在場景中的動作，即在這里可以通過各種設(shè)置來實現(xiàn)該圖片在場景中的各種運動軌跡。

下面我們來說明完成動作軌跡設(shè)置的原理：

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

當在“動作屬性”中完成時間軸單位時間大小的設(shè)定以后，整個時間軸點點之間就已經(jīng)確定了具體的時間大小。

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

間就已經(jīng)確定了具體的時間大小。

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

2、 完成圖片初步移動：

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

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

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

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

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

                     圖18  時間軸區(qū)域鼠標的右鍵菜單相關(guān)操作

3、 切分圖片運動軌跡：

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

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

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

4、 動作組成：

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

3．5  動作實現(xiàn)具體操作步驟

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

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

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

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

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

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

                       圖19  選定圖片初始位置

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

C、 由于落花的動作是連續(xù)的，所以還要在時間軸上兩個“關(guān)鍵幀”之間的區(qū)域中選擇鼠標右鍵菜單中的“創(chuàng)建補間動畫”，然后再選擇“預(yù)覽動作”就可以看到現(xiàn)在的效果了

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

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