場景背景制作

背景部分的制作，主要包括背景屬性設(shè)置，各場景組成圖片的導(dǎo)入、添加及屬性設(shè)置，以及圖片屬性設(shè)置的具體舉例和圖層及相關(guān)操作介紹等。

二、  場景背景制作 1

2．1  背景屬性設(shè)置 1

2．2  圖片 2

2．2．1  圖片導(dǎo)入 3

2．2．2  圖片添加 3

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

2．2．4  圖片屬性設(shè)置舉例 7

2．2．5  圖層及相關(guān)操作 10

2．1  背景屬性設(shè)置

在背景屬性設(shè)置中包括：聲音、尺寸大小和在該場景的IM窗口中各部分文字顏色的設(shè)置等，此外針對(duì)文字顏色的設(shè)置，還提供了“預(yù)覽”功能，可以隨時(shí)查看修改了顏色之后的效果！

圖6  背景屬性設(shè)置

聲音：指該場景的背景音樂，可以通過“選擇”把文件添加進(jìn)來，同時(shí)還可以進(jìn)行試聽，所有添加的聲音文件都會(huì)出現(xiàn)在“下拉列表”中和界面左下角的“元件圖庫”中，如圖6中的綠色區(qū)域。

說明：“元件圖庫”中的各個(gè)文件可以通過鼠標(biāo)左鍵雙擊進(jìn)行選中

    最小大小：指設(shè)計(jì)區(qū)可以拉伸的最小限制大小

當(dāng)前大�。�指設(shè)計(jì)區(qū)目前實(shí)際的大小尺寸，這個(gè)尺寸至少要大于等于“最小大小”的數(shù)值。

顏色：這里的包括對(duì)背靜、消息窗口背景、對(duì)方和自己發(fā)言標(biāo)識(shí)、聊天消息、系統(tǒng)消息的文字和鏈接等場景中元素的顏色設(shè)置。

     說明：顏色設(shè)置部分還提供了“預(yù)覽”功能，為便于隨時(shí)查看顏色設(shè)置的效果，大家可以選中“預(yù)覽”功能。這樣，當(dāng)改變各部分顏色后，即可隨時(shí)在背景中看到修改后的效果。

2．2  圖片

在背景屬性中僅可以設(shè)置背景的顏色等，為了場景更生動(dòng)豐富，我們還可以在背景上添加一張或者多張圖片。

2．2．1  圖片導(dǎo)入

通過“導(dǎo)入圖片”可以將切好的各種用來制作場景的圖片導(dǎo)入到場景編輯器界面中左下的元件圖庫中，供需要時(shí)使用。

當(dāng)需要對(duì)某個(gè)圖片進(jìn)行屬性設(shè)置時(shí)，可以通過鼠標(biāo)左鍵雙擊元件圖庫中該圖片就可以把它添加到背景上（或者可以通過鼠標(biāo)左鍵選中圖片把它拖拽添加到背景上），同時(shí)這個(gè)圖片也出現(xiàn)在場景編輯器界面中左上角的場景元件的列表中，進(jìn)而就可以對(duì)該圖片進(jìn)行屬性設(shè)置了。

圖7  導(dǎo)入圖片

2．2．2  圖片添加

“圖片添加”實(shí)際上是將“導(dǎo)入圖片”和添加到背景中這個(gè)兩個(gè)功能的合成。可以通過以下兩種方式添加圖片到場景編輯器的背景，同時(shí)這個(gè)圖片也出現(xiàn)在場景編輯器界面中左上角的場景元件的列表中，進(jìn)而就可以對(duì)該圖片進(jìn)行屬性設(shè)置了：

1、 在背景區(qū)域中選擇右鍵菜單中的“添加圖片”

2、在菜單中選擇“編輯”—“添加圖片”，如圖8：

                              圖8  圖片添加

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

由于在QQ中，場景是可隨IM窗口拉伸的，所以為了更好保證場景的效果，背景中各圖片在拉伸情況下的位置、拉伸方式等都需要進(jìn)行設(shè)置。

圖片屬性設(shè)置包括名稱、位置大小、拉伸方式等。

圖9  圖片屬性設(shè)置界面

名稱和大小：圖片添加到背景中時(shí)，該圖片的默認(rèn)名稱和大小就已經(jīng)被自動(dòng)顯示出來，大家還可以根據(jù)需要自行修改。如圖9，可以通過鼠標(biāo)拉動(dòng)圖片各個(gè)方向上的9個(gè)紅點(diǎn)直接調(diào)整圖片尺寸，也可以輸入圖片的寬和高的具體數(shù)值（如圖9中的綠色區(qū)域），還可以設(shè)定圖片為原始大小等。

窗口拉伸：具體又分為左右、上下位移方式和填充方式的設(shè)置

說明：

左右拉伸：如果希望圖片隨窗口左右均勻拉伸，即可選擇“寬度隨著窗口變化而變化”，

一般說來水平方向上均勻的圖片更適合左右拉伸，如圖9中的圖片：

如果圖片左右拉伸會(huì)變型失去原來效果，或者希望圖片在IM窗口拉伸過程

中左右長度不變，則可以選擇“保持相對(duì)位置”，并進(jìn)一步在下拉列表中設(shè)置該圖片為左或者右對(duì)齊。

左對(duì)齊：該圖片在在IM窗口拉伸過程中相對(duì)左邊框的位置是不變的。

填充方式：分為直接拉伸和平鋪兩種。

直接拉伸：就是對(duì)圖片進(jìn)行均勻拉伸的一種效果，如下圖9.1為將圖片左右方向直接拉伸后的效果，圖9.2為將圖片上下方向直接拉伸后的效果：

圖9.2  將圖片上下方向直接拉伸后的效果

平鋪：就是在拉伸時(shí)對(duì)圖片進(jìn)行重復(fù)的拼接，以此來填充指定的該圖片顯示區(qū)域的一種效果，如下圖9.3為將圖片左右方向平鋪后的效果，圖9.4為將圖片上下方向平鋪后的效果：

   圖9.4  將圖片上下方向平鋪后的效果

坐標(biāo)視圖：幫助大家確定當(dāng)前圖片的四邊相對(duì)于背景四邊的位置，如圖9所示：

2．2．4  圖片屬性設(shè)置舉例

以場景“春天”為例來對(duì)圖片的屬性設(shè)置進(jìn)一步說明：

1、如圖9中的，天空圖片在水平方向是均勻的，所以可以將圖片屬性設(shè)置中設(shè)置如下圖10，設(shè)成“寬度隨窗口變化而變化”、保持“上端對(duì)齊”和設(shè)定圖片為直接“拉伸”方式。

                           圖10 圖片天空的屬性設(shè)置

2、“田野”圖片屬性設(shè)置中設(shè)置如下圖11，設(shè)成“寬度隨窗口變化而變化”、保持“下端對(duì)齊”和設(shè)定圖片為直接“平鋪”方式，“平鋪”可以更好的體現(xiàn)“田野”的綿延。

圖11 圖片田野的屬性設(shè)置

3、 場景中的其他元素如山巒、云朵、新枝等圖片在IM窗口尺寸變化時(shí)，大小都被我們設(shè)置為不變的，我們只需要設(shè)置他們在IM窗口尺寸變化時(shí)的相對(duì)位置即可。

新枝：設(shè)成保持“右端”“上端”對(duì)齊和設(shè)定圖片為直接“平鋪”或者“拉伸”方式都可以。

圖12 圖片新枝的屬性設(shè)置

2．2．5  圖層及相關(guān)操作

在上面2．1．2．4  圖片屬性設(shè)置舉例中，大家可能已經(jīng)發(fā)現(xiàn)，背景中各圖片之間可能存在彼此重疊的情況，比如圖12中的云和天空等，當(dāng)圖片出現(xiàn)彼此重疊，就涉及到誰覆蓋誰的問題，為了更好的標(biāo)識(shí)這種關(guān)系，我們可以將不同的圖片看作不同的圖層。

在場景編輯器的背景部分，提供各個(gè)圖層間的操作“上移”、“下移”、“最上層”、“最下層”等，如下圖13，為將新枝圖層設(shè)置到天空圖層之下的效果，可以看到天空圖層和新枝圖層重疊的部分中，天空覆蓋了新枝。

說明：在場景元件列表中可以看到各個(gè)圖層之間的上下關(guān)系，如下圖13綠色的區(qū)域中可以看到，新枝圖層已經(jīng)移到天空圖層下。

圖13  將新枝圖層設(shè)置到天空圖層之下的效果