flash動畫設(shè)計第4章

1、flash動畫設(shè)計第4章 第4章 Flash 文本操作2 學習目標學習目標 l了解了解Flash文本區(qū)域類型文本區(qū)域類型 l熟悉創(chuàng)建文本熟悉創(chuàng)建文本 l熟悉對創(chuàng)建的文本區(qū)域進行屬性的設(shè)置熟悉對創(chuàng)建的文本區(qū)域進行屬性的設(shè)置 l掌握編輯文本，并能夠制作特效文字掌握編輯文本，并能夠制作特效文字 第4章 Flash 文本操作3 4.1創(chuàng)建文本創(chuàng)建文本 4.2設(shè)置文本屬性設(shè)置文本屬性 4.3編輯文本編輯文本 4.4制作特效文字制作特效文字 第4章 Flash 文本操作4 4.1創(chuàng)建文本創(chuàng)建文本 Flash 中可以按多種方式在項目中加入文本。通常一個中可以按多種方式在項目中加入文本。通常一個Flash 項

2、目中會包含幾種不同的文本類型，每種類型都適用于特定的文字項目中會包含幾種不同的文本類型，每種類型都適用于特定的文字 內(nèi)容。內(nèi)容。 Flash中使用的中使用的3種主要的文本區(qū)域類型種主要的文本區(qū)域類型： 靜態(tài)文本：靜態(tài)文本用于顯示在影片中不作任何變化的文字。靜態(tài)文本：靜態(tài)文本用于顯示在影片中不作任何變化的文字。 文本內(nèi)容，在運行時不會發(fā)生改變。靜態(tài)文本可以創(chuàng)建文本內(nèi)容，在運行時不會發(fā)生改變。靜態(tài)文本可以創(chuàng)建 超級鏈接，并且選擇目標窗口。超級鏈接，并且選擇目標窗口。 動態(tài)文本：動態(tài)文本區(qū)域用來顯示在影片中會被更新的文字。該內(nèi)動態(tài)文本：動態(tài)文本區(qū)域用來顯示在影片中會被更新的文字。該內(nèi) 容可以來自于即

3、時數(shù)據(jù)源、動態(tài)更新的文本，如體育比容可以來自于即時數(shù)據(jù)源、動態(tài)更新的文本，如體育比 分、氣溫、物價等。分、氣溫、物價等。 輸入文本：輸入文本區(qū)域用于在運行時由用戶輸入文本，它可用于輸入文本：輸入文本區(qū)域用于在運行時由用戶輸入文本，它可用于 任何需要用戶輸入的時候，如輸入密碼或者回答問題等。任何需要用戶輸入的時候，如輸入密碼或者回答問題等。 第4章 Flash 文本操作5 4.1.2設(shè)置垂直文本的首選參數(shù)設(shè)置垂直文本的首選參數(shù) 在在Flash中還添加了從左向右或從右向左閱讀的垂直文本框選中還添加了從左向右或從右向左閱讀的垂直文本框選 項。垂直文本選項，可以很輕松地把版式從水平排列變成垂直排列，項

4、。垂直文本選項，可以很輕松地把版式從水平排列變成垂直排列， 每個字母可以疊放或者旋轉(zhuǎn)過來。每個字母可以疊放或者旋轉(zhuǎn)過來。 第4章 Flash 文本操作6 4.1.3創(chuàng)建文本創(chuàng)建文本 要在要在Flash文檔中創(chuàng)建文本，在工具面板中單擊文檔中創(chuàng)建文本，在工具面板中單擊【文本工具文本工具】 激活它即可。在激活它即可。在Flash文檔窗口中創(chuàng)建文本時有兩種方法：文檔窗口中創(chuàng)建文本時有兩種方法： 標簽文本：在文檔舞臺上單擊然后開始輸入，即可在一個可擴展的標簽文本：在文檔舞臺上單擊然后開始輸入，即可在一個可擴展的 文本框中輸入文本。文本框中輸入文本。 塊文本：在文檔舞臺中單擊并拖動文本框直到要求的寬度，這

5、樣可塊文本：在文檔舞臺中單擊并拖動文本框直到要求的寬度，這樣可 以為文本區(qū)域定義固定的寬度，當輸入文字過多時就會自動調(diào)整文以為文本區(qū)域定義固定的寬度，當輸入文字過多時就會自動調(diào)整文 字間距。字間距。 【操作實例1】創(chuàng)建文本 第4章 Flash 文本操作7 4.1.4創(chuàng)建滾動文本創(chuàng)建滾動文本 在創(chuàng)作時，如果動態(tài)文本或輸入文本需要使用多行文本區(qū)域，在創(chuàng)作時，如果動態(tài)文本或輸入文本需要使用多行文本區(qū)域， 但是空間有限，那可以使用但是空間有限，那可以使用【文本菜單文本菜單】【可滾動可滾動】命令將文命令將文 本區(qū)域設(shè)置為可滾動的，這樣文本可以延伸到文本框的或可視區(qū)本區(qū)域設(shè)置為可滾動的，這樣文本可以延伸到

6、文本框的或可視區(qū) 域以外。域以外。 第4章 Flash 文本操作8 4.2設(shè)置文本屬性設(shè)置文本屬性 文本工具在工具面板中沒有選項，因為文本控制選項現(xiàn)在已經(jīng)文本工具在工具面板中沒有選項，因為文本控制選項現(xiàn)在已經(jīng) 全部集成到屬性面板中。所有的全部集成到屬性面板中。所有的Flash文本都是用文本工具在文本文本都是用文本工具在文本 框中創(chuàng)建的，但是文本框創(chuàng)建完成以后，可以使用屬性面板為文框中創(chuàng)建的，但是文本框創(chuàng)建完成以后，可以使用屬性面板為文 本設(shè)置不同的屬性。只有在激活文本工具或者使用選擇工具選中本設(shè)置不同的屬性。只有在激活文本工具或者使用選擇工具選中 文本框時，屬性面板中的文本控制選項才可見。文本

7、框時，屬性面板中的文本控制選項才可見。 第4章 Flash 文本操作9 421選擇字體、點數(shù)、樣式和顏色選擇字體、點數(shù)、樣式和顏色 在創(chuàng)建文本框時，用戶可以設(shè)置選定文本的字體、點數(shù)、樣式在創(chuàng)建文本框時，用戶可以設(shè)置選定文本的字體、點數(shù)、樣式 和顏色。設(shè)置文本顏色時，只能使用純色，而不能使用漸變色。和顏色。設(shè)置文本顏色時，只能使用純色，而不能使用漸變色。 若要向文本應用漸變色，必須將該文本轉(zhuǎn)換為線條和填充圖形。若要向文本應用漸變色，必須將該文本轉(zhuǎn)換為線條和填充圖形。 【操作實例2】文本框的字體、點數(shù)、樣式和顏色的設(shè)置 第4章 Flash 文本操作10 4.2.2設(shè)置字符間距、字距微調(diào)和字符位置設(shè)

8、置字符間距、字距微調(diào)和字符位置 在在Flash MX中，設(shè)置字符間距將調(diào)整選定字符或整個文本塊中，設(shè)置字符間距將調(diào)整選定字符或整個文本塊 的間距，字符間距值的調(diào)整范圍是的間距，字符間距值的調(diào)整范圍是-6060磅。字距微調(diào)控制字磅。字距微調(diào)控制字 符之間的距離，若要使用字體的內(nèi)置字距微調(diào)信息，可以在選中符之間的距離，若要使用字體的內(nèi)置字距微調(diào)信息，可以在選中 文本塊后在文本屬性面板中選中文本塊后在文本屬性面板中選中【自動調(diào)整字距自動調(diào)整字距】復選框。對于復選框。對于 水平文本，間距和字距微調(diào)設(shè)置了字符間的水平距離；對于垂直水平文本，間距和字距微調(diào)設(shè)置了字符間的水平距離；對于垂直 文本，間距和字距

9、微調(diào)設(shè)置了字符間的垂直距離。文本，間距和字距微調(diào)設(shè)置了字符間的垂直距離。 第4章 Flash 文本操作11 4.2.3設(shè)置對齊、邊距、縮進和行距設(shè)置對齊、邊距、縮進和行距 對齊方式確定了段落中每行文本相對與文本塊邊緣的位置。對齊方式確定了段落中每行文本相對與文本塊邊緣的位置。 文本的對齊方式有如下文本的對齊方式有如下4種：種： 左左/頂端對齊：這是我們?nèi)粘Ｊ褂玫姆绞?，所有行的左端在同一條頂端對齊：這是我們?nèi)粘Ｊ褂玫姆绞?，所有行的左端在同一條 豎直線上。豎直線上。 居中對齊：所有行的中心在同一條豎直線上。居中對齊：所有行的中心在同一條豎直線上。 右右/底端對齊：所有行的右端在同一條豎直線上。底端

10、對齊：所有行的右端在同一條豎直線上。 兩端對齊：所有行的左端和右端在同一條豎直線上。兩端對齊：所有行的左端和右端在同一條豎直線上。 【操作實例操作實例3】使用文本工具創(chuàng)建文本內(nèi)容。使用文本工具創(chuàng)建文本內(nèi)容。 第4章 Flash 文本操作12 4.2.4使用設(shè)備字體使用設(shè)備字體 在在Flash 影片中使用安裝在系統(tǒng)中的字體時，影片中使用安裝在系統(tǒng)中的字體時，F(xiàn)lash中嵌入的中嵌入的 字體信息將保存在字體信息將保存在SWF文件中，以確保這些字體能在文件中，以確保這些字體能在Flash播放時播放時 完全顯示出來。但不是所有顯示在完全顯示出來。但不是所有顯示在Flash中的字體都能夠與影片一中的字體

11、都能夠與影片一 起輸出。在起輸出。在Flash中，可以使用設(shè)備字體來解決上述問題。中，可以使用設(shè)備字體來解決上述問題。 Flash包含包含3種設(shè)備字體：種設(shè)備字體：_sans， _serif和和 _typewriter 。 第4章 Flash 文本操作13 4.2.6將文本鏈接到將文本鏈接到URL 對于水平文本，可以進行超級鏈接。如圖對于水平文本，可以進行超級鏈接。如圖4.17所示了一個超級所示了一個超級 鏈接的建立。要建立超級鏈接，首先選中要進行超級鏈接的文本，鏈接的建立。要建立超級鏈接，首先選中要進行超級鏈接的文本， 在屬性面板中填寫在屬性面板中填寫URL。URL可以是以下內(nèi)容之一：可以是

12、以下內(nèi)容之一： 本機文件地址。本機文件地址使用本機文件地址。本機文件地址使用“”作為開頭，例如：作為開頭，例如： 網(wǎng)絡(luò)文件地址。本機文件地址使用網(wǎng)絡(luò)文件地址。本機文件地址使用“:/”作為開頭，其作為開頭，其 中的中的是傳輸?shù)奈募f(xié)議，例如：是傳輸?shù)奈募f(xié)議，例如： 郵件發(fā)送。郵件發(fā)送使用郵件發(fā)送。郵件發(fā)送使用“mailto:”開頭，例如：開頭，例如： mailto: 第4章 Flash 文本操作14 43編輯文本編輯文本 在在Flash MX中，用戶可使用多種字處理技術(shù)來編輯文本，中，用戶可使用多種字處理技術(shù)來編輯文本， 例如，可使用剪切、復制、粘貼命令移動或復制文本，還可以對例如，可使用剪切

13、、復制、粘貼命令移動或復制文本，還可以對 創(chuàng)建的文本進行變形和分離等操作。創(chuàng)建的文本進行變形和分離等操作。 第4章 Flash 文本操作15 4.3.1選擇文本選擇文本 編輯文本或更改文本屬性時，必須先選擇要更改的字符。如編輯文本或更改文本屬性時，必須先選擇要更改的字符。如 果要選擇文本塊中的字符，可以先選取工具果要選擇文本塊中的字符，可以先選取工具 面板中的面板中的【文本工具文本工具】， 然后可單擊并拖動選擇字符或雙擊選擇一句；如果要選擇整個文本然后可單擊并拖動選擇字符或雙擊選擇一句；如果要選擇整個文本 塊，可以選取塊，可以選取【工具工具】面板中的面板中的【箭頭箭頭】工具，然后單擊文本塊；工

14、具，然后單擊文本塊； 如果要選擇多個文本塊，可以用如果要選擇多個文本塊，可以用【箭頭工具箭頭工具】框選一組文本塊，框選一組文本塊， 或按下或按下【Shift】鍵單擊選擇多個文本塊。鍵單擊選擇多個文本塊。 第4章 Flash 文本操作16 4.3.2編輯文本編輯文本 在對在對Flash中的文本塊進行編輯時，用戶可以隨時修改已輸入中的文本塊進行編輯時，用戶可以隨時修改已輸入 文本的內(nèi)容或者修改其屬性。要修改文本的內(nèi)容，只需在文本塊文本的內(nèi)容或者修改其屬性。要修改文本的內(nèi)容，只需在文本塊 上方雙擊鼠標即可，此時將進入文本編輯狀態(tài)。要更改文本的屬上方雙擊鼠標即可，此時將進入文本編輯狀態(tài)。要更改文本的屬

15、 性，可先選中文本，然后借助屬性面板來操作。性，可先選中文本，然后借助屬性面板來操作。 第4章 Flash 文本操作17 4.3.3變形文本變形文本 在在Flash中，用戶可方便地利用工具面板中的中，用戶可方便地利用工具面板中的【任意變形工任意變形工 具具】，或者選擇，或者選擇【修改修改】【變形變形】菜單中的命令對文本塊進行菜單中的命令對文本塊進行 縮放、旋轉(zhuǎn)、傾斜和翻轉(zhuǎn)等操作，以產(chǎn)生有趣的效果?？s放、旋轉(zhuǎn)、傾斜和翻轉(zhuǎn)等操作，以產(chǎn)生有趣的效果。 第4章 Flash 文本操作18 4.3.4分離文本分離文本 Flash MX中，用戶可以對文本塊進行分離，使其成為單個的中，用戶可以對文本塊進行分離

16、，使其成為單個的 字符或填充圖形，從而輕松的制作出每個字符的動畫或特殊的文字字符或填充圖形，從而輕松的制作出每個字符的動畫或特殊的文字 效果。一旦文本被分離為填充圖形，就不再具有文本的屬性，而擁效果。一旦文本被分離為填充圖形，就不再具有文本的屬性，而擁 有了填充圖形的屬性。但是，請注意，只有靜態(tài)文本才能被分離。有了填充圖形的屬性。但是，請注意，只有靜態(tài)文本才能被分離。 【操作實例操作實例4】分離文本分離文本 第4章 Flash 文本操作19 4.3.5改變分離后文本的形狀改變分離后文本的形狀 將文本分離為填充圖形后，就可以很方便地改變其形狀，將文本分離為填充圖形后，就可以很方便地改變其形狀，

17、如圖如圖4.22所示。在改變分離后文本的形狀時，用戶可以使用所示。在改變分離后文本的形狀時，用戶可以使用 【箭頭工具箭頭工具】，【部分選取工具部分選取工具】進行操作。進行操作。 第4章 Flash 文本操作20 4.3.6填充文本填充文本 將文本分離為填充圖形后，就可以很方便地為其設(shè)置填充效果，將文本分離為填充圖形后，就可以很方便地為其設(shè)置填充效果， 對其應用純色填充、位圖填充、線性填充等，使文字產(chǎn)生特殊的效對其應用純色填充、位圖填充、線性填充等，使文字產(chǎn)生特殊的效 果。要設(shè)置文本的填充效果，可以先把需要進行填充效果設(shè)置的文果。要設(shè)置文本的填充效果，可以先把需要進行填充效果設(shè)置的文 本進行分離

18、，使其成為填充圖形，然后在本進行分離，使其成為填充圖形，然后在【混色器混色器】面板中選擇需面板中選擇需 要的填充方式，對文本框進行填充即可。要的填充方式，對文本框進行填充即可。 【操作實例操作實例5】填充位圖填充位圖 第4章 Flash 文本操作21 4.4制作特效文字制作特效文字 4.4.1五彩字五彩字 用戶在用戶在Flash中輸入文本后，可以為文本設(shè)置多彩的效果。中輸入文本后，可以為文本設(shè)置多彩的效果。 若要設(shè)置文本的多彩效果，要先將文本分離為填充圖形，再用若要設(shè)置文本的多彩效果，要先將文本分離為填充圖形，再用 【混色器混色器】為圖形填充顏色即可。為圖形填充顏色即可。 【操作實例操作實例6

19、】制作五彩字制作五彩字 4.4.2空心字空心字 用戶在用戶在Flash中輸入文本后，可以為文本設(shè)置空心效果。在中輸入文本后，可以為文本設(shè)置空心效果。在 設(shè)置文本的空心效果時，可先將文本分離為填充，然后使用設(shè)置文本的空心效果時，可先將文本分離為填充，然后使用 【墨水瓶工具墨水瓶工具】在文本上單擊，為其添加輪廓線，最后將文本填在文本上單擊，為其添加輪廓線，最后將文本填 充刪除，只保留輪廓線即可。充刪除，只保留輪廓線即可。 【操作實例操作實例7】制作空心字制作空心字 第4章 Flash 文本操作22 4.4.3陰影字陰影字 在在Flash中可以利用變形文本來設(shè)置陰影字效果。中可以利用變形文本來設(shè)置陰

20、影字效果。 【操作實例操作實例8】制作陰影字制作陰影字 4.4.4立體字立體字 在在Flash中用戶還可以為輸入的文本設(shè)置立體效果。中用戶還可以為輸入的文本設(shè)置立體效果。 【操作實例操作實例9】制作立體字制作立體字 第4章 Flash 文本操作23 45上機操作綜合指導上機操作綜合指導 上機操作指導上機操作指導1 操作要求：操作要求： 此實例的目的是實現(xiàn)帶熒光文字效果，在制作過程中主要使此實例的目的是實現(xiàn)帶熒光文字效果，在制作過程中主要使 用了漸變填充等工具，通過簡簡單單幾樣工具便創(chuàng)造出了漂亮的用了漸變填充等工具，通過簡簡單單幾樣工具便創(chuàng)造出了漂亮的 文字特效。難點就在于圖形、色彩編輯的技巧和

21、填充工具的使用。文字特效。難點就在于圖形、色彩編輯的技巧和填充工具的使用。 通過對文字邊框進行柔化處理，產(chǎn)生具有霓虹燈效果的熒光文字。通過對文字邊框進行柔化處理，產(chǎn)生具有霓虹燈效果的熒光文字。 第4章 Flash 文本操作24 操作步驟操作步驟 第一步：利用文本工具創(chuàng)建文本第一步：利用文本工具創(chuàng)建文本 1.新建一個文擋，在屬性面板中設(shè)置其尺寸為新建一個文擋，在屬性面板中設(shè)置其尺寸為480pxX150px,選擇選擇 一種顏色（本例為一種顏色（本例為#FFFFFF）作為背景色。）作為背景色。 2.從工具面板中選取文本工具，在屬性面板中設(shè)置字體類型設(shè)置從工具面板中選取文本工具，在屬性面板中設(shè)置字體類

22、型設(shè)置 成成Verdana，字體大小設(shè)置成，字體大小設(shè)置成60,樣式為粗體、傾斜，在舞臺上輸樣式為粗體、傾斜，在舞臺上輸 入入 “Flash MX”。 第二步：分離文本創(chuàng)建空心文本第二步：分離文本創(chuàng)建空心文本 3在工具面板中單擊在工具面板中單擊【箭頭工具箭頭工具】按鈕，將文字移動到工作區(qū)按鈕，將文字移動到工作區(qū) 中間。選擇中間。選擇2次次【修改修改】【分離分離】命令，將文本分離為填充命令，將文本分離為填充 圖形。如圖圖形。如圖4.39所示所示 圖4.39 分離后的文本 第4章 Flash 文本操作25 4. 在工具面板中單擊在工具面板中單擊【墨水瓶工具墨水瓶工具】按鈕，在按鈕，在【墨水瓶工具墨

23、水瓶工具】屬屬 性面板中設(shè)置輪廓線的筆觸顏色為性面板中設(shè)置輪廓線的筆觸顏色為#FF00CC，筆觸高度為，筆觸高度為3，筆，筆 觸樣式為實線。將鼠標移動到工作區(qū)中，鼠標光標將變成墨水瓶觸樣式為實線。將鼠標移動到工作區(qū)中，鼠標光標將變成墨水瓶 形狀，用鼠標依次點擊文字邊框，文字周圍將出現(xiàn)明粉色邊框。形狀，用鼠標依次點擊文字邊框，文字周圍將出現(xiàn)明粉色邊框。 按按Delete刪除填充區(qū)域，效果如圖刪除填充區(qū)域，效果如圖4.40所示。所示。 圖4.40 空心文本 第三步：柔化填充邊緣第三步：柔化填充邊緣 5. 在工具面板中單擊在工具面板中單擊【箭頭工具箭頭工具】按鈕，按住鍵盤上的按鈕，按住鍵盤上的【Sh

24、ift】 鍵，依次雙擊每個字鍵，依次雙擊每個字 母外的粉色邊框，將他們?nèi)窟x中，選擇母外的粉色邊框，將他們?nèi)窟x中，選擇 【修改修改】【形狀形狀】【將線條轉(zhuǎn)換為擴充將線條轉(zhuǎn)換為擴充】菜單命令，粉色菜單命令，粉色 邊框被轉(zhuǎn)變成可填充區(qū)域。邊框被轉(zhuǎn)變成可填充區(qū)域。 第4章 Flash 文本操作26 6. 選擇選擇【修改修改】【形狀形狀】【柔化填充邊緣柔化填充邊緣】，再按照如圖所，再按照如圖所 示的參數(shù)設(shè)置示的參數(shù)設(shè)置【柔化填充邊緣柔化填充邊緣】對話框，進行如圖對話框，進行如圖4.41所示，所示， 點擊點擊【確定確定】按鈕，關(guān)閉對話框。按鈕，關(guān)閉對話框。 圖4.41柔化填充邊緣對話框的設(shè)置 第4章

25、Flash 文本操作27 7.選擇工具欄中箭頭工具，在工作區(qū)的空白處點擊鼠標，取消對文選擇工具欄中箭頭工具，在工作區(qū)的空白處點擊鼠標，取消對文 字邊框的選擇。這時可以看到，粉色邊線兩邊出現(xiàn)了模糊漸變，保字邊框的選擇。這時可以看到，粉色邊線兩邊出現(xiàn)了模糊漸變，保 存作品。存作品。 第四步：測試影片第四步：測試影片 8按按【Ctrl+Enter】預覽最終效果，就可以看見漂亮的熒光文預覽最終效果，就可以看見漂亮的熒光文 字效果。字效果。 第4章 Flash 文本操作28 上機操作指導上機操作指導2 操作要求：操作要求： 利用文本、顏料桶、填充變形等工具制作如圖利用文本、顏料桶、填充變形等工具制作如圖

26、4.42所示的變形文字所示的變形文字 。 圖4.42變形文字 第4章 Flash 文本操作29 操作步驟操作步驟 第一步：利用文本工具創(chuàng)建文本第一步：利用文本工具創(chuàng)建文本 1啟動啟動Flash MX程序，選擇程序，選擇【文件文件】【新建新建】命令，建立一命令，建立一 個新的個新的Flash文檔。文檔。 2. 單擊工具面板中單擊工具面板中【文本工具文本工具】按鈕，在打開的文本屬性面板中按鈕，在打開的文本屬性面板中 設(shè)置字體為設(shè)置字體為“Arial Black”，字體大小，字體大小96，加粗，文字顏色為藍色。，加粗，文字顏色為藍色。 輸入文本輸入文本“OK”。 第4章 Flash 文本操作30 第二步：分離文本，改變文本形狀第二步：分離文本，改變文本形狀 3. 使用使用【箭頭工具箭頭工具】按鈕，選中文本內(nèi)容，選擇按鈕，選中文本內(nèi)容，選擇2次次【修改修改】 【分離分離】命令，將文本分離為填充圖形。如圖命令，將文本分離為填充圖形。如圖4.43所示。所示。 圖4.43分離后的文本 4利用利用【部分選取工具部分選取工具】單擊文字邊緣，并拖動