1. 著作權所有 © 旗標出版股份有限公司 第 7 章 編輯動畫中的文字

2. 2 本章提要  7-1 輸入文字 7-1 輸入文字  7-2 編輯與修改文字物件的屬性 7-2 編輯與修改文字物件的屬性  7-3 指定替代字體 7-3 指定替代字體  7-4 將文字轉為圖形 7-4 將文字轉為圖形

3. 3 7-1 輸入文字  文字工具 (Text Tool) 是用來新增文字 的工具鈕, 可建立的文字物件分成以下 3 種類別：  靜態文字 (Static Text) ：靜態文字是一般最 常用的文字物件, 通常用來製作成動畫中的 標題、內文, 也可加上超連結位址, 做成超 連結文字。  動態文字 (Dynamic Text) ：可配合 ActionScript 來製作動態顯示的文字。

4. 4 輸入文字  輸入文字 (Input Text) ：可供瀏覽者輸入資 料, 並配合 ActionScript 製作出互動表單或 Flash 遊戲... 等等。  這 3 種文字物件的性質與功能雖然不同, 但建立與編輯方式大致相同。文字工具 預設建立的文字物件是靜態文字, 以下 我們便以靜態文字為例, 說明如何建立 文字物件。

5. 5 建立文字物件  請開啟一份新文件, 再按下工具面板的 文字工具鈕, 然後按一下編輯區, 出現 可輸入文字的區塊後, 就可以輸入文字 了。  輸入的文字會容納在一個文字區塊中, 這個區塊就是一個文字物件。你可以先 確定文字區塊的寬度再輸入文字, 也可 以隨文字輸入的多寡來增加文字區塊的 寬度。

6. 6 隨文字變化寬度的文字區塊  按下文字工具鈕後, 滑鼠指標在編輯區 會變成 圖示, 接著在編輯區域按一下 會立即出現文字區塊, 且文字插入點在 文字區塊中會不停閃爍：

7. 7 隨文字變化寬度的文字區塊

8. 8  雖然文字區塊的寬度不受限制, 但是當 文字寬度超出舞台範圍, 檔案匯出後, 超 出的部份會被截斷, 因此輸入文字時, 仍 要避免超過舞台範圍。

9. 9 已定義寬度的文字區塊  按下文字工具鈕後, 若在編輯區域按住 滑鼠左鈕不放, 拉曳出預定的文字區塊 寬度, 當輸入的文字過文字區塊寬度時, 文字將會自動換行。

10. 10 已定義寬度的文字區塊  如果想要增減文字區塊的寬度, 只要將 滑鼠指標移到方形控制點上, 當指標變 成雙向箭頭 時, 再拉曳控制點即可 改變文字區塊寬度。  文字輸入完畢, 按一下文字區塊以外的 編輯區域, 可結束此文字物件的編輯狀 態, 文字區塊的框線也會隨之消失。

11. 11 已定義寬度的文字區塊

12. 12 已定義寬度的文字區塊  由於 Flash 預設會將文字做消除鋸齒 (Anti-alias) 的處理, 因此在結束文字的 編輯狀態時, 會感覺文字邊緣平滑, 但有 些字型的邊緣則可能產生模糊的現象, 此時可設定字體顯示方式來改善此現象, 我們將在下一節詳細說明。

13. 13 7-2 編輯與修改文字物件的屬性  建立文字物件之後, 還可以進一步修改 文字的顏色、字級、間距... 等屬性, 這 些設定都可以在屬性面板中修改。

14. 14 選取文字  依選取的文字範圍不同, 編輯的結果也 不同。若點選整個文字物件, 編輯的效 果會套用到整個文字物件；若雙按文字 物件進入編輯文字的狀態, 則可選取單 一或部份文字, 並針對所選取的文字設 定屬性：

15. 15 設定文字屬性  以下我們針對文字物件的各項屬性加以 說明：

16. 16 文字類型、大小與位置  文字類型、寬 / 高及 X/Y ( 位置 ) 3 個屬性 都屬於整個文字物件, 我們無法針對物 件中選取的文字進行修改：

17. 17 設定個別文字的類型、寬 / 高及位置  輸入了一段文字後, 若要針對其中個別 的文字設定類型、寬 / 高或位置, 必須先 將這段文字的每個文字拆成個別物件, 再一一進行設定。要將文字拆成個別物 件時, 請選取整個文字物件, 再執行 『修改 / 打散』 命令, 即可將整個文字物 件拆成一個個的文字物件。

18. 18 文字類型、大小與位置  文字類型：可將選取的文字物件設為靜 態文字、動態文字或輸入文字 3 種類型。  文字物件的寬度與高度：單位為像素 (Pixel), 可手動輸入數值來指定目前選 取文字物件的寬、高, 也可以設定是否 強制等比例縮放, 當欄位左側為解鎖狀 態 時, 表示寬度與長度可以個別輸入 互不影響；當鎖定比例 時, 只要輸入 其中一項的數值, 整個文字物件將會等 比例放大或縮小。

19. 19 文字類型、大小與位置  修改文字物件的寬度、高度時, 將會使 其中的文字隨之放大、縮小或變形；若 要更改文字物件的寬度、高度, 但不想 更動文字的級數, 那麼請雙按文字物件, 然後重新拉曳控點來改變文字物件的區 塊大小。

20. 20 文字類型、大小與位置  X 軸與 Y 軸座標位置：從整個動畫舞台 的左上角算起, X 軸座標為橫向往右遞 增； Y 軸座標為垂直往下遞增。單位為 像素, 可手動輸入數值來指定所選文字 物件的位置。

21. 21 字體、字元間距、字級、顏色

22. 22 字體、字元間距、字級、顏色  字體：指定文字物件要使用的字體。在 此特別提醒您, 若使用內建的裝置字體 (Device Fonts, 如 _sans 、 _serif 、 _typewriter), 由於不是向量字型 (True Type), 因此在經過變形等處理, 並發佈 成.swf 影片檔後, 文字可能會消失或無 法正常顯示。

23. 23 字體、字元間距、字級、顏色  建議您在動畫中使用向量字體, 或將文 字打散成圖像物件, 以確保文字能正常 顯示。

24. 24 「裝置字體」的作用  要在 Flash 處理文字, 主要有 2 種方法： 第 1 種方式是內嵌, 就是將製作動畫時 選用的字體 ( 非裝置字體 ) 附在.swf 檔 中一起發佈, 此種方式的缺點是動畫檔 案較大, 但可確保動畫中的字體在每台 電腦中播放時, 看到的字體都一樣。

25. 25 「裝置字體」的作用  另一個方式則是選用觀賞動畫者電腦中 最接近裝置字體的任一字體來顯示, 例 如較接近 _sans 的是 Arial 或 Helvetica, 這就是裝置字體基本的意義。  經由這種方式處理的動畫檔體積較小, 但缺點是在不同電腦播放時, 顯示的字 體可能會不一樣, 且當瀏覽者電腦中的 裝置字體屬於非向量文字, 而動畫中的 文字物件又剛好經過變形處理, 仍會有 文字無法正常顯示的可能。

26. 26 字體、字元間距、字級、顏色  字元位置：當文字內容需要使用到數學 的平方項目, 或是化學元素等特殊字元 時, 便可藉由調整字元位置來達成：

27. 27 字體、字元間距、字級、顏色  字級：可直接輸入數值來設定文字級數, 或是按下右方 鈕拉曳滑動桿來設定 大小。

28. 28 設定字體的顯示方式  結束文字的輸入狀態後, 可能會覺得文 字有些模糊, 這是因為 Flash 預設將文 字做消除鋸齒 (Anti-alias) 的處理, 使文 字的邊緣能呈現圓滑、平順的效果。

29. 29 設定字體的顯示方式  只是這樣的做法使用在較小字級上, 消 除鋸齒的效果卻可能讓文字變得不易辨 識。此時, 我們便可藉由字體顯示方式 欄位來設定想要的顯示效果：

30. 30 設定字體的顯示方式  使用裝置字體 (Use device fonts) ：當我 們將字體設定為 Flash 內建的 3 種裝置 字體 (_sans 、 _serif 、 _typewriter), Flash 在播放動畫時會在瀏覽者電腦中 既有的字體裡選擇一個最接近的字體來 顯示, 例如較接近 _sans 的是 Arial 或 Helvetica 、 _serif 接近 Times Roman 、 _typewriter 近似 Courier 。不過, 裝置字 體只能使用在靜態文字及水平文字上。

31. 31 設定字體的顯示方式  點陣字 ( 無消除鋸齒 ) (Bitmap text (no anti-alias)) ：關閉消除鋸齒功能, 將文字 以點陣化方式顯示, 選用此項動畫檔案 會比使用裝置字體大。  消除動畫鋸齒 (Anti-alias for animation) ： 選擇此項, 文字邊緣會有較佳的平滑效 果, 但必須使用在內嵌字體的方式上, 因 此會增加檔案的體積。此外, 消除動畫 鋸齒的顯示方式不適用在太小的字級, 建議您將文字設定在 10 級以上。

32. 32 設定字體的顯示方式  消除鋸齒增加易讀性 (Anti-alias for readability) ：此項設定可使較小字級的 文字更容易辨識, 提供比消除動畫鋸齒 更佳的文字效果, 但同樣需要內嵌字體, 檔案將比使用消除動畫鋸齒還要來得大。  自訂消除鋸齒 (Custom Anti-Aliasing) ： 如果對於以上的顯示方式都不滿意, 可 選擇此項自行定義文字的顯示方式。

33. 33 設定字體的顯示方式

34. 34 設定字體的顯示方式  以下我們將 5 種文字效果列於表格中, 由於部份的文字顯示方式差異不大 ( 例 如：消除動畫鋸齒與消除鋸齒增加易讀 性 ), 建議您開啟 07-04.fla 檔案, 仔細觀 查文字在螢幕上的差異, 檔案中我們將 中文字設為 16 級字；英文字設為 12 級 字：

35. 35 設定字體的顯示方式

36. 36 文字格式、方向與對齊

37. 37 文字格式、方向與對齊  對齊：選取文字或整個文字物件, 再按 下 鈕可設定文字段落的對齊 方式。按下編輯格式選項鈕, 則可針對 文字的對齊位置做進一步的設定：

38. 38 文字格式、方向與對齊  更改文字方向：文字預設為水平排列 (Horizontal, 由左至右排列 ), 亦可設定為 垂直，由左到右 (Vertical, Left to Right ) 及垂直，由右到左 (Vertical, Right to Left) 2 種垂直排列的方式。

39. 39 其他特殊屬性  屬性面板還會依文字類型不同, 提供不 同的屬性供調整, 我們以靜態文字的特 殊屬性為例進行說明：

40. 40 其他特殊屬性

41. 41 其他特殊屬性

42. 42 7-3 指定替代字體  如果開啟檔案時會顯示遺失字體警告交 談窗, 這表示目前開啟的動畫檔案, 使用 了您電腦中沒有安裝的字體, 導致 Flash 無法找到正確的字體來顯示文字：

43. 43 指定替代字體  在上圖中按下使用預設鈕, 表示套用 Flash 預設的字體 ( 更改預設字體的操作, 我們將稍後說明 ), 按下按鈕後即可開啟 檔案；你也可以按下選擇替代字體鈕, 檢視目前動畫中哪些字體無法顯示, 並 自己選擇要替代的字體：

44. 44 指定替代字體

45. 45 指定替代字體  如果不想用預設字體, 我們也可以指定 要替換的字體, 請選擇一個找不到字體 所列的字體, 此例為華康儷粗黑：

46. 46 指定替代字體

47. 47 指定替代字體

48. 48 指定替代字體  開啟檔案後, 該檔案中套用華康儷粗黑 字體的文字, 將會以新細明體顯示。此 外, 即使設定了對應字體, 下次開啟檔案 時仍會再次顯示此交談窗, 除非系統中 安裝了動畫中套用的字體, 或是您在開 啟動畫檔後, 重新將文字套用成系統中 已安裝的字體。

49. 49 設定預設字體  在預設的情況下, 動畫中使用的預設字 體會是裝置字體 ( 例如 _sans) 。如果覺 得預設字體不好看, 或是有自己想要使 用的預設字體, 可在偏好設定中進行調 整。  請執行『編輯 / 偏好設定』命令, 切換至 文字頁次, 由字體對應預設欄進行設定。

50. 50 7-4 將文字轉為圖形  為了確保動畫中選用的字體, 在任何電 腦都可以正常顯示, 我們可以將文字轉 換為圖像, 讓文字以圖形的方式呈現。 不過, 將文字轉為圖形之後, 雖然在播放 動畫時可以正常顯示字體, 但由於已經 失去文字的屬性, 將無法進行編輯文字、 套用字型... 等修改, 因此建議您在確定 不需要修改文字內容時, 再將文字轉為 圖形。

51. 51 將文字轉為圖形  以下我們就以 07-07.fla 為您說明將文 字轉換為圖形的操作步驟。

52. 52 將文字轉為圖形

53. 53 將文字轉為圖形

54. 54 將文字轉為圖形  接下來, 我們就可以像處理圖形一般的 進行編輯了, 例如利用油漆桶工具改變 顏色, 或是填入漸層色等。

55. 55 打散文字時產生不正常的黏合  當您將文字轉換為圖形時, 轉換後的文 字有可能產生不正常的黏合狀態, 尤其 在中文字更是常見：

56. 56 打散文字時產生不正常的黏合  此時請您利用復原的方式 ( 執行『編輯 / 復原』命令, 或按下 [Ctrl] + [Z] 鍵 ) 回到 文字轉換為圖形前的狀態, 將文字改套 用其它的字體 ( 例如華康、文鼎、全真... 等字型 ), 再進行打散, 以減少文字黏合 的情況。

57. 57 打散文字時產生不正常的黏合