?? 26-1.cfm.htm
字號:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>Microsoft Image Composer的特性</TITLE>
</HEAD>
<BODY>
<B><FONT FACE="宋體" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">Microsoft Image Composer的特性</P>
</B></FONT><FONT FACE="宋體" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"> 當你能夠使用Microsoft Image Composer 之前，首先必須安裝它。你可以從FrontPage或Visual InterDev一起得到其一個拷貝。你至少需要16MB的磁盤空間為其最小安裝。這意味著只安裝Image Composer和Impressionist Plug-In插件。如果你要安裝例子和幫助文件的話，需要28MB的磁盤空間。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">技巧</P>
</B><P ALIGN="JUSTIFY"> 完全安裝需要292MB的磁盤空間。但是其中的絕大多數是藝術范例。它們最好被留在CD上。這樣，你就可以隨時從CD上獲得這些例子。將它們打開并把它們插入當前的圖片組中去。這樣，你就可以不必為此浪費大量的硬盤空間。</P>
<P ALIGN="JUSTIFY"> 在安裝了Microsoft Image Composer 之后，啟動程序如圖所視（圖26.1）。</P>
<P ALIGN="JUSTIFY">你首先應該熟悉一下Image Composer中三個常用控件區：</P>
<P ALIGN="JUSTIFY">■ 活動特性控件區</P>
<P ALIGN="JUSTIFY">■ 特性畫板控件區</P>
<P ALIGN="JUSTIFY">■ 菜單/工具條控件區</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"><IMG SRC="Image31.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image31.gif" WIDTH=593 HEIGHT=447> <B> 圖26.1 Microsoft Image Composer的用戶界面</P>
</B><P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> 以下幾段將分別介紹以上的區域和其功能，使你能更好地理解通過這些工具你可以完成什么工作。然后按此方式自己可以嘗試一下以便更好地掌握它。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">技巧</P>
</B><P ALIGN="JUSTIFY"> 如同對于任何一種你不熟悉的軟件一樣，你不應該在安裝Image Composer之后立即用它來進行實際的工作。如果這樣的話，你可能會受到挫折，最后抱怨這個產品。記住，在用其進行實際開發之前，應用它進行不斷的實驗來逐步地掌握其特性。利用這種方式，你的工作小綹會更高，工作會更成功。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> 當你用Image Composer進行工作之前首先應該熟悉一下術語：</P>
<P ALIGN="JUSTIFY">■<B>Sprite。</B>在這里，它并不代表一種飲料。而是Image Composer的最基本的組成部分。你可以用鼠標對其進行拖放，就象你在Windows 95的桌面上拖動各種可見圖標一樣。當你將一個圖片放入Image Composer工作區內時，它將自動裝化成一個Sprite。這并不意味著你的圖片源文件被修改--它就象圖片的工作拷貝一樣。</P>
<P ALIGN="JUSTIFY">■<B>畫板</B>。它是你用來涂色的工具。它包含了所有你能夠用來創建圖象的顏色，無論其顏色在真實世界中是否存在。MIC有八種不同的含有不同控制的調色板，根據所選的特性而定。</P>
<P ALIGN="JUSTIFY">■<B>工具注釋條</B>。就象大多數Microsoft控制一樣，將鼠標放在Image Composer中的某個控制選項上將會出現一個小的黃色標記條叫做工具注釋條。這種注釋條給你提示，告訴你這個特定控件的功能和作用。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> 以下段落將介紹這些控制和它們相關的調色板工具盒：</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋體" LANG="ZH-CN"><P ALIGN="JUSTIFY">工具盒</P>
</B></FONT><FONT FACE="宋體" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">工具盒如圖26.2所示，以工具條按鈕的形式來顯示當前的控制。共有10種控制工具。其中8種當選中時會出現相關的控制調色板。表26.1顯示了各種工具。以下各段將分別詳細介紹每種工具的功能。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"><IMG SRC="Image32.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image32.gif" WIDTH=263 HEIGHT=52><B> 圖26.2 工具盒</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">表26.1 Image Composer toolbox中的各種工具</P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><HR ALIGN="RIGHT"><HR ALIGN="RIGHT" SIZE=1><B> </B>工具 名稱</P>
<P ALIGN="JUSTIFY"><IMG SRC="Image33.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image33.gif" WIDTH=24 HEIGHT=24><IMG SRC="Image34.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image34.gif" WIDTH=24 HEIGHT=25><IMG SRC="Image35.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image35.gif" WIDTH=25 HEIGHT=23><IMG SRC="Image36.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image36.gif" WIDTH=24 HEIGHT=23><IMG SRC="Image37.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image37.gif" WIDTH=25 HEIGHT=24><IMG SRC="Image38.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image38.gif" WIDTH=24 HEIGHT=24><IMG SRC="Image39.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image39.gif" WIDTH=25 HEIGHT=23><IMG SRC="Image40.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image40.gif" WIDTH=25 HEIGHT=24><IMG SRC="Image41.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image41.gif" WIDTH=25 HEIGHT=23><IMG SRC="Image42.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image42.gif" WIDTH=25 HEIGHT=24><HR ALIGN="RIGHT"> </P>
<B><P ALIGN="JUSTIFY"> </P>
</FONT><FONT FACE="宋體" LANG="ZH-CN"><P ALIGN="JUSTIFY">排列工具</P>
</B></FONT><FONT FACE="宋體" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">排列工具（如圖26.3所示）。在啟動了Image Composer時作為卻省的選中工具。這種工具用來在你的工作區內安排布置sprite圖片組。當sprite被選中的時候，它周圍會出現高亮度的邊框，并有8個尺寸變化控制框（見圖26.4）。如果你不選中圖片，調色板控制也不會被激活。</P>
<B><P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image43.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image43.gif" WIDTH=289 HEIGHT=265><IMG SRC="Image44.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image44.gif" WIDTH=264 HEIGHT=52><B>圖26.3 使用排列工具來安排圖片sprite的大小和位置</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> 圖26.4 帶有尺寸控制點的被選Sprite</P>
</B><P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋體" LANG="ZH-CN"><P ALIGN="JUSTIFY">控制尺寸大小和位置</P>
</B></FONT><FONT FACE="宋體" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"> 尺寸控制點--帶有遠離圖片箭頭的白色小盒--使得你能夠動態地改變圖片的尺寸大小。如果你拾取了一個控制點并且拖拉它，圖片會向你拉伸的方向變形。如果你想保持圖片形狀的縱橫比例因子(一種使圖片看起來不變形的方式），則當在改變圖片大小的時候按住Shift鍵。這使得圖片保持它原來的縱橫比例。</P>
<P ALIGN="JUSTIFY">在圖片右上放方的箭頭同其他箭頭不一樣，這個彎曲的箭頭使得你能夠動態地旋轉圖片。同時當一個Sprite被選中的時候，其特定的屬性將在調色板上顯示（見圖26.5）。這個排列調色板能夠控制圖片的大小，位置，所屬Sprite組等等各種特性。各種特性將在這段和以下各章節中一一介紹。</P>
<B><P ALIGN="JUSTIFY">圖26.5 排列調色板</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image45.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image45.gif" WIDTH=569 HEIGHT=136></P>
<P ALIGN="JUSTIFY"> 其中的寬度和高度框顯示了當前sprite的尺寸。顯示方式可以使像素單位或者是百分比，這根據你在Units下拉列表中所作的選擇而定。當你改變高度或寬度值的時候，Apply按鈕被激活，使得你能夠應用所作的變化。你也可以直接使用寬度和高度框旁邊的微調按鈕來改變值的大小，或者簡單地在文本框內輸入適當的新值。</P>
<P ALIGN="JUSTIFY"> 如果你選中Keep Aspect Ratio復選框的話，當你對圖片的高度或者寬度設置改變時，其相對應的設置也會自動更改以確保圖片以合適的比例因子顯示。這樣對圖片的任何尺寸改動都不會導致圖片的變形彎曲（其作用同用尺寸調節框拖放圖片時按下Shift鍵一樣）。</P>
<P ALIGN="JUSTIFY"> 在Units選項的左邊有兩個按鈕。其中左邊的按鈕是Fit to Bounding Box，用來改變圖片的大小以適應圖片框邊界。除非你已經使用了在其右邊的Crop/Extend按鈕來改變了圖片的邊框大小，否則這個按鈕是不必要使用的。Crop/Extend按鈕用來改變當前所選的圖片的邊界--消除其不需要的圖片空隙--或擴展邊界來使其容納整個圖片。如果你擴大邊界之后想要恢復以前的設置使得邊界與圖片相匹配的話，使用Fit Bounding Box按鈕。</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋體" LANG="ZH-CN"><P ALIGN="JUSTIFY">旋轉和翻轉</P>
</B></FONT><FONT FACE="宋體" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"> 如果你改動了旋轉設置框的設置，在其旁邊相應的Apply按鈕便會被激活。單擊Apply按鈕，所選擇的圖片將和它的邊框一起順時針旋轉X度。X的范圍是從1到360度。記住360度和0度一樣--不作任何旋轉。如果你輸入0度，并單擊Apply按鈕，不會產生任何效果。</P>
<P ALIGN="JUSTIFY">旋轉和翻轉設置框使得你能夠直接對圖片進行操作。這由你所作的選擇的區域有關。對于旋轉，可以是向左逆時針旋轉90度。向右順時針旋轉90度，或180度（不需要確定方向，因為旋轉180度在每個方向上結果都一樣〕。對于翻轉而言，選擇有水平翻轉，垂直翻轉或同時在兩個方向上翻轉。</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋體" LANG="ZH-CN"><P ALIGN="JUSTIFY">用sprite組進行工作</P>
</B></FONT><FONT FACE="宋體" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"> 排列調色板的最右邊區域的頂部有7個按鈕。從左到右，前三個用于對圖片進行分組。中間一個用來把圖片展平。最后三個用來定位和主頁設置。</P>
<P ALIGN="JUSTIFY"> 如果你想創建一個sprite組的話，按住shift健的同時選擇每個sprite。如果想要不選擇一個sprite的話，按住shift鍵再對其選一次即可。當選擇了所需要的圖片之后，單擊第一個按鈕：Group按鈕。這樣，你就創建了一個圖片組。如果想拆分此組，按旁邊的UnGroup按鈕。這些sprite仍然被選中。但是你可以看到它們已經從組里分離了出來。將sprite成組的原因是，當你創建組合圖片（由一張或幾張sprite組成〕時，你可能需要在排列時一起移動它們。通過成組的方法你就可以將組合的圖片同時移動。成組只是簡單地將許多圖片組合成一個組合圖片。</P>
<P ALIGN="JUSTIFY">使用位于UnGroup 右邊按鈕的Explode 按扭的功能和Ungroup 相似，但是它將保持圖片組里的子圖片組析分時保存原封不動，如果你對所組合的圖片感到滿意而又不愿別人偶然將它析分的話，你可以選擇把組展平從而由它創建一個新的sprite。 這可以通過使用位于Explode 按鈕右邊的Flatten 按扭，一旦進行這個操作之后只有通過立即選擇Edit|undo 命令來取消此操作（或按Ctrl+Z）。在你這樣做之前一定要確認是否要將圖片展平。</P>
<P ALIGN="JUSTIFY">使用位于Flatten 按鈕右邊的home 和anchoring 按鈕，你可以為一個sprite 設置一個home position 并且鎖定它防止你在移動其它sprite時偶然移動它。Set home Position(帶有?的那個)按鈕允許你為當前所選擇的sprite設置一個初始位置。如果你設置了它的初始位置之后又移動了它，又決定將它移回原來的位置時，單擊位于Set home Position按鈕右邊的Return home Position按鈕。所選的sprite將回到它的初始位置。位于Return home Position右邊的Lock按鈕使你可以對sprite進行鎖定。在你執行其他操作時可以防止偶然移動它。</P>
<P ALIGN="JUSTIFY">Order和Align選項決定了Sprite在屏幕上的顯示方式。Order設置控制了在你的sprite 在Z方向的定位順序。Z方向的定位順序是在當前的組合sprite圖片中每個sprite前后之間的相對位置。Z是前后位置，X是sprite的水平排列位置，Y是sprite的垂直排列位置。Align選項控制了你的sprite 與其它sprite 之間的對齊方式。首先選中一個sprite， 然后移動你的鼠標指針至將要對齊或進行順序排列的區域，工具注釋條將會出現，介紹你所能進行的操作選項，然后就可以單擊合適的選項。</P>
<P ALIGN="JUSTIFY">接下來介紹的是Abut銨鈕，當一個sprite被選中的時候，這個命令允許你將選中的sprite的左邊與其它的sprite右邊對齊。這項命令在你需要將兩個sprite以對邊左右對齊的方式排列時十分有用——例如，當你用兩個sprite創造一個鏡像圖片效果的時候。</P>
<P ALIGN="JUSTIFY"> </P>
</FONT><B><FONT FACE="宋體" LANG="ZH-CN"><P ALIGN="JUSTIFY">上色工具</P>
</B></FONT><FONT FACE="宋體" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">上色工具（圖26.6顯示）通過許多不同的藝術方法來增強你的sprite圖片的藝術效果，當這個工具被選中的時候顏色調色板變成可見（見圖26.7）。</P>
<B><P ALIGN="JUSTIFY"> </P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image46.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image46.gif" WIDTH=263 HEIGHT=52><B>圖26.6 使用上色工具來為圖片增加不同的顏色</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">圖26.7 著色調色板</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image47.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image47.gif" WIDTH=596 HEIGHT=137></P>
<P ALIGN="JUSTIFY">著色調色板包含三塊區域。左邊區域有20個按鈕使得你能夠選擇多種不同的著色工具。最上面三排是刷子;低部一行是刷子修改按鈕。在調色板中間，你可以選擇或創建不同尺寸的刷子。通過在調色板右邊區域的選項，你可以修改刷子的尺寸和透明度。</P>
<P ALIGN="JUSTIFY">首先，我將討論著色工具的類型。設想在這個區域上的20個按鈕以1到20標號，每行5個排成一行，那么第一行將是1-5，第二行是6-10，以此類推，從左到右，從上到下，這樣，就比較容易進行討論。</P>
<P ALIGN="JUSTIFY">缺省的著色工具類型是畫刷（按鈕1）。當選擇此按鈕時將顯示當前所選擇的畫刷顏色，這個顏色在工具盒下邊的大框中顯示，單擊此框可以使你通過彈出的顏色拾取對話框來改變調色板的顏色如圖26.8所示。</P>
<B><P ALIGN="JUSTIFY">圖26.8 顏色拾取對話框</P>
</B><P ALIGN="JUSTIFY"><IMG SRC="Image48.gif" tppabs="http://210.74.168.175/guide/asp/part26/Image48.gif" WIDTH=464 HEIGHT=312></P>
<P ALIGN="JUSTIFY"> 你可以通過四種方式選擇你的顏色：</P>
<P ALIGN="JUSTIFY">■ 使用紅一藍一綠組合值（RGB，缺省顏色選擇）</P>
<P ALIGN="JUSTIFY">■ 使用灰度一飽和度值組合（HSV，可選的顏色選擇）</P>
<P ALIGN="JUSTIFY">■ 使用你的鼠標在顏色面板上單擊來選擇一種顏色</P>
<P ALIGN="JUSTIFY">■使用Eyedropper按鈕來（靠近顏色拾取對話框中央底部）從一個激活的sprite 中選擇一種顏色</P>
<P ALIGN="JUSTIFY"> 使用RGB顏色組合選項你可以在文本框中直接手工輸入紅、綠、藍的值，或者直接使用在每個文本框右邊的旋轉按鈕，還可以用滾動條來設置，如果你寧愿使用HSV顏色選項的話，使用同調整RGB相同的方法設置。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">注意</P>
</B><P ALIGN="JUSTIFY"> 如果你選擇了HSV。相應的選項標識從紅、綠、藍變成灰度飽和度和值。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">在顏色設置選項上面你可以看到兩塊顏色區域。在其右邊的按鈕上標有》，這些顏色區域代表了當你打開顏色拾取對話框時所最初選擇的顏色（左邊）和你在對話框內當前所選擇的顏色（右邊）。如果你想恢復你最初所選的顏色，按》按鈕。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">技巧</P>
</B><P ALIGN="JUSTIFY"> 記住工具注釋條的優點（將你的鼠標放在控制所在區域上得到的實時幫助）。當你使用調色板和對話框時它會使你節省時間，有利于你提早而順利地完成工作。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY"> 	接下來再回到著色調色板和20個工具按鈕上來——以下各段將分別簡要地討論每個的功能。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">注意</P>
</B><P ALIGN="JUSTIFY"> 如果你選中Sticky 檢查框（位于著色調色板的右下角），當你在不同的sprite 中切換時將保持當前所選擇的著色工具類型。否則的話，你需要在激活不同的Sprite 時選擇一個著色工具。</P>
<P ALIGN="JUSTIFY"> </P>
<B><P ALIGN="JUSTIFY">注意</P>
</B><P ALIGN="JUSTIFY"> 無論打開的圖片文件中是否會有透明顏色設置區域，當對這些圖片著色時，只有可見顏色區域被著色。</P>
<P ALIGN="JUSTIFY"> </P>
<P ALIGN="JUSTIFY">當你選擇不同的著色風格時，在20個按鈕右邊區域中會提供不同的屬性設置，為你所選的特定風格。</P>
<P ALIGN="JUSTIFY">以下的表格描述了在第一行中多個按鈕功能。</P>
<P ALIGN="JUSTIFY"> 按鈕 名稱 描述</P>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -