|
2.8 Text option（文本選項）面板
Text option面板是Flash5浮動面板中算是一個難點，很多的設(shè)計人員對它也并不十分熟悉，這主要的原因是因為它的面板并不是單一的形態(tài)，它會根據(jù)設(shè)計人員的選擇以三種模式出現(xiàn)，分別是靜態(tài)文本、動態(tài)文本和文本輸入框。在很多的傾向于美工的設(shè)計人員中并不多用。很多時候，由于Flash軟件的分工，這個面板的大部份功能為程序開發(fā)人員所熟知，也是因為動態(tài)文本框和文本輸入框必須是要結(jié)合Action腳本編程一起使用的，這就對一些沒有編程基礎(chǔ)的設(shè)計人員造成了一定的難度。在這一節(jié)通過一個實例了解一下這個面板的用途，如果界時你對面板還不了解的話，不用著急，想信通過本書后面的編程內(nèi)容，最終可以學(xué)會這個面板的。
圖2-32 Text Options面板的三種狀態(tài)
2.8.1靜態(tài)文本
打開Text Options面板，默認(rèn)的狀態(tài)是Static Text靜態(tài)文本框，在下拉菜單中選擇其它的兩項可以切換到動態(tài)文本框和文本輸入框，靜態(tài)文本框只有兩個單選框，Use Device Fonts和Selectable項。
Use Device Fonts的意思為使用內(nèi)建字體，在Flash5中共有三種內(nèi)建字體，_sans、_serif、_typewriter。前面說過，F(xiàn)lash在輸出的時候會把文字發(fā)布成圖形，由于對中文字體的支持不好，所以經(jīng)常會出現(xiàn)文字粘連的現(xiàn)象，解決的辦法之一就是使用內(nèi)建字體。另外內(nèi)建字體的另一個好處是在文字比較多的情況下，會使顯示的速度加快，而且內(nèi)建字體也會使動畫的體積相應(yīng)的減小。
圖2-33 Flash的內(nèi)建字體
Selectable是指文字可以被選取，利用文字的選取可以使用戶在觀看動畫的同時，對動畫中的文字進(jìn)行選取和復(fù)制等操作。
2.8.2動態(tài)文本
在Text Options面板上選取Dynamic Text選項，可以切換到動態(tài)文本框。這是Flash5新增的功能，動態(tài)文本框可以將文字動態(tài)的顯示出來，通過對程序和對變量的設(shè)置，文本框?qū)ψ兞績?nèi)容動態(tài)讀取，然后顯示在觀眾的眼前，比如我們制作一個動態(tài)的時鐘，如果沒有動態(tài)文本框的支持將是一件不可能的事情。程序設(shè)計人員還可以通過對動態(tài)文本框的設(shè)置取得程序的運行過程中的某個變量的數(shù)據(jù)變化。
圖2-34 動態(tài)文本面板
◆在動態(tài)文本選擇框的下方有一個單行或多行的下拉選擇菜單，共有兩個選擇，Single Line項目為單行文本，Multiline為多行文本。
◆在Variable輸入框中可以輸入變量名稱，也即代表文本框的名稱。
◆在右側(cè)第一個單選框HTML為可支持HTML代碼，這也是Flash5呈現(xiàn)給大家的一個特別的功能。由于Flash是基于網(wǎng)絡(luò)的大環(huán)境下，所以在動畫內(nèi)嵌入網(wǎng)頁也是非常受大家歡迎的一項功能�？上е恢С諬TML1.0的標(biāo)準(zhǔn)，相信會在以后的版本中得到改進(jìn)。
◆Border/Bg單選框是設(shè)置邊界與背景設(shè)置的功能。選取后，文本框會以白色的背景和黑色的邊框線來顯示。
◆Selectable已經(jīng)在靜態(tài)文本中有過敘述，是用來使文字可以被選取的功能。
◆最下方的Embed fonts項為嵌入字符功能，當(dāng)此選項沒有一個按紐處于被按下狀態(tài)時，動畫將以內(nèi)建字體來顯示。如果按下了第一個按鈕，表示將使用全部的字體的所有字符集。其它按鈕為此功能的細(xì)致劃分，依次為嵌入大寫，嵌入小寫，嵌入數(shù)字，嵌入符號。
◆自動過濾字符可以限制輸入輸出的字符，如果在框內(nèi)輸入了123，哪么在輸出的時候，只有123才可以顯示出來，其它的字符將不再顯示。
2.8.3文本輸入
在Text Options面板中選取Inpub Text選項，將打開文本輸入面板。在制作交互動畫時這個功能尤為重要，它可以讓用戶在動畫中輸入字符內(nèi)容，也可以利用這個面板制作密碼驗證窗口，還可以利用后臺程序與用戶交換信息。
圖2-35 文本輸入面板
◆輸入文本框的下拉菜單中，多了一個Password項，表示輸入的字符全部以*號顯示，這就是為密碼驗證程序制作的。
◆Word Wrap項表示當(dāng)文本的邊界超出文本框的大小時，是否自動換行。
◆在文本輸入面板中多了一個Max Chars:輸入框，此框的表示可以定義輸入的最多字符數(shù)限制。如在框內(nèi)填寫數(shù)字2，哪么用戶將無法在輸入框內(nèi)填寫兩個以上的字符數(shù)。注意中文字符一個字為兩個字符。
◆在Input Text面板中的其它設(shè)置與動態(tài)文本面板的基本相同。
2.9 Mixer面板（調(diào)色）面板
在以前的面板實例中，我們已經(jīng)接觸到了Mixer面板的使用，Mixer面板主要的功能還是配合Fill面板一起使用的，對其它的功能并不常用。
圖2-36 Mixer面板
在講解Mixer面板時，要帶給讀者一些關(guān)于色彩的知識，Mixer面板中共有四個輸入框和五個按鈕一個色盤，此外還有一個三角的擴展功能。R（紅）、G（綠）、B（藍(lán)）三原色的組合一共帶給我們1670萬種顏色。通過對Alpha透明度的設(shè)置可以達(dá)到更多的效果，這其實也就是Flash 動畫和一般GIF256色動畫的根本區(qū)別。在色盤上用鼠標(biāo)可以直接選取色彩，也可以在R、G、B三個框內(nèi)輸入色彩的值。
◆鉛筆工具可以選取圖像邊緣的色彩。
◆油漆桶工具可以選取圖像的填充色。
◆另外的三個按鈕第一個是使用Flash默認(rèn)的白色填充黑色邊緣，第二個按鈕只有當(dāng)油漆桶或是鉛筆工具中有一個為不填充時才顯示出來，最后一個按鈕是使油漆桶中的顏色和筆觸顏色互換。
◆在R、G、B三個框內(nèi)可以輸入具體的色彩值，當(dāng)然這需要你有很深的美術(shù)造詣和計算機繪圖知識，才可以勝任。
◆在Alpha框內(nèi)輸入的是透明度，0為全透明，100為不透明。
現(xiàn)在來講解一下擴展按鈕中的功能和有關(guān)色彩方面的知識。
◆RGB模式：計算機用R、G、B三種色彩的數(shù)值來顯示顏色，而這三種色彩的混合又可以產(chǎn)生1670萬種色彩值，這就是我們所說的真彩，它創(chuàng)建了真彩的世界，這是理論上色彩的最高值。顯示器、掃描儀等等眾多設(shè)備都是使用的RGB模式，也是Flash的默認(rèn)色彩值。
◆HSB模式：它將色彩描述成了三個主要素，色調(diào)、飽和度和亮度。這種色彩更加符合人們的心理和主觀感受，因為它是非常直觀的表現(xiàn)出來。
◆Hex模式：是一種16進(jìn)制的色彩模式，在網(wǎng)頁制作軟件中比較常見，在圖像制作方面的軟件中并不多見，很少有人在使用。
◆Add Swatch：為加入一個色彩模式。
2.10 Swatches（色盤）面板
Swatches面板正像是一個大色盤，如果你認(rèn)為它只有拾取色彩的功能哪你就錯了，Swatches面板的擴展功能非常的強，色含有很多的關(guān)于色彩方面的設(shè)置，對這些功能很多并不是經(jīng)常用到的。Swatches面板在色彩的替換方面無與倫比，可以看出Macromedia公司在這方面下了很深的功夫，其實這也是Flash之所以火爆的原因之一。
圖2-37 Swatches面板
面板的上半部份是色盤，下半部份存儲著各種漸變色的信息，通過對色盤的選取，可以動態(tài)改變油漆桶工具中的填充色。而在擴展菜單中羅列著各種關(guān)于色彩值的選項。
◆ Duplicate Swatch：復(fù)制色彩樣本，通過對此項目的選取可以復(fù)制所選取的色彩值，復(fù)制樣本會顯示在色盤的最下方。
◆ Delete Swatch：刪除色彩樣本，用以刪除選定的色彩樣式。
◆ Add Colors：添加色彩，當(dāng)此選項被選取時，將打開一個Import Color Swatch的屬性對話框，用來導(dǎo)入外部的圖像色彩，其中*.clr為Flash的色彩文件，*.act為色彩表文件，*.gif為圖像文件。Flash將從這三種文件中讀取色彩值。
圖2-38 Import Color Swatch對話框
◆ Replace Colors：此項的意義為替換色彩值，通過對此項目的選取可以從外部圖像文件中導(dǎo)入色彩值，并且替換掉原來的色彩樣本。
◆ Load Default Colors：裝載默認(rèn)的設(shè)置。
◆ Save Colors：存儲色彩值，以備日后選用。
◆ Save as Default：將現(xiàn)有色盤設(shè)置存儲為Flash的默認(rèn)設(shè)置。
◆ Chear Colors：清除所有的色彩樣本，在色盤上只會留下黑色和白色兩種色彩。
◆ Web 216：裝載網(wǎng)絡(luò)的216色色彩樣本設(shè)置。
◆ Sort by Color：排序，對色彩樣本按照色彩的值進(jìn)行排序。
2.11 Instance面板（實例）面板
Instance面板也是Flash5中的一個重要的面板，它的最常用的功能就是為Movie Clip影片剪輯取分身名稱，另外它還可以為按鈕和圖像指定播放的屬性，如循環(huán)等。在Instance面板中的右下角放置了一些按鈕，這些按鈕可以進(jìn)行對符號的復(fù)制等等。符號是Flash中一個重要的概念，其實我們還可以把場景看成是一個大的電影符號，而分布在其中的圖像和電影剪輯是包含在場景大符號中的小符號，一環(huán)嵌入一環(huán)構(gòu)成了整部電影。
圖2-39 Instance面板
在Instance面板中的Behavior下拉菜單中列出了Flash的三種符號，當(dāng)符號被選取時，Instance面板被激活，Instance面板會自動根據(jù)符號的種類打開相應(yīng)的Behavior項。你也可以通過下拉菜單為符號指定。
◆ 在Movie Clip電影剪輯的情況下，只有一個Name項，它是為電影剪輯取分身名稱的作用，這個功能在Flash中的作用相當(dāng)大，已經(jīng)成為了Instance面板的最常用功能，因為電影剪輯只有在取得了分身名稱的情況下，才能為ActionScript腳本所調(diào)用。
◆ 當(dāng)Botton按鈕符號被選取時，在下方的Options下拉菜單中會出現(xiàn)兩種選擇。Trank as Botton是指Flash將此按鈕做為按鈕處理，或是Trank as Menu ltem，F(xiàn)lash將此按鈕做為菜單處理。
◆ 當(dāng)Graphic圖像符號被選取時，會出現(xiàn)三種下拉菜單和一個First輸入框，Loop指循環(huán)數(shù)，可以在First框內(nèi)指定你想讓圖像循環(huán)按放多少次；Play Once是只播放一次；Single Frame為播放幀，可以輸入想要播放的幀數(shù)。
◆ 在右下角的按鈕欄中，依次為交換符號、編輯符號、復(fù)制符號和編輯腳本程序。
2.12 Effect面板（效果）面板
在Effect面板中放置了一些比較實用的特效，分別是Brightness（亮度）、Tint（色彩）Alpha（透明度）和Advanced（高級）設(shè)定。第一個效果被選取時，會彈出相應(yīng)的面板設(shè)置，很多對符號的效果，特別是對Movie Clip電影剪輯的效果都是從這個面板里進(jìn)行設(shè)置的。
圖2-40 Effect面板
◆ Brightness亮度設(shè)置比較簡單，通過旁邊的縱向拉桿達(dá)到對符號的亮度設(shè)置。100為最亮，-100為最暗，默認(rèn)值為0。
◆ Tint色彩設(shè)置的面板比較類似色盤面板，也是通過對RGB三色的具體值設(shè)定來達(dá)到對符號的色彩變化，也可以通過直接選取下方的色彩來達(dá)到目的。而最上方的縱向拉桿表示色彩的飽和度設(shè)定。
◆ Alpha值為透明度設(shè)置。
◆ Advanced面板的內(nèi)容比較復(fù)雜。如圖2-41所示，它是使用具體的值對符號的效果進(jìn)行全面的設(shè)定。它的設(shè)定方法與其它的色彩設(shè)定方法不太相同，它是通過左邊框內(nèi)，對符號原有色彩的百分?jǐn)?shù)取值乘以右邊框內(nèi)新的色彩的百分?jǐn)?shù)取值，得到新的色彩值。
圖2-41 Advanced高級效果面板
以下實例的效果是一個飛機從屏幕的左方飛往右方，在飛行的過程中飛機慢慢的消失。
步驟一、打開Flash5，選擇Window|Common Library命令，打開共享庫面板，從中選取Movie Clip項，把飛機拖入場景。
步驟二、將飛機放置在編輯區(qū)的最左側(cè)，然后在時間軸的第二十幀處按F6鍵，插入一個關(guān)鍵幀。
步驟三、在第二十幀處把飛機拖向編輯區(qū)的最右側(cè)，然后回到第一幀，在時間軸上點擊鼠標(biāo)右鍵，選擇Create Motion Tween，建立一個Motion動畫，用回車鍵測試飛機從左方飛向右方。
步驟四、打開Effect面板，在第一幀處使飛機為被選取狀態(tài)，選擇 Effect面板中的Alpha項，設(shè)定值為100，在第二十幀處Alpha值為0。圖4-42為效果的演示過程。
圖2-42 透明度的漸變過程
在使用Effect面板對符號進(jìn)行效果設(shè)定時，一般來說是不允許同時使用兩種效果的，而且請一定注意起始幀和結(jié)束幀都是在Motion運動的范圍內(nèi)。當(dāng)符號不再選取狀態(tài)時，Effect面板為非激活姿態(tài)。
出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色
上一頁 2.3 - 2.7 Flash 浮動面板 下一頁 2.13 - 2.14 Flash5浮動面板
◎進(jìn)入論壇Flash專欄版塊參加討論
|
第 1 頁 
第 3 頁 2.8 - 2.12 Flash 浮動面板
