flash動畫設計第4章.ppt

《flash動畫設計第4章.ppt》由會員分享，可在線閱讀，更多相關《flash動畫設計第4章.ppt（34頁珍藏版）》請在裝配圖網上搜索。

第4章Flash文本操作 1 第4章 Flash文本操作 第4章Flash文本操作 2 學習目標了解Flash文本區(qū)域類型熟悉創(chuàng)建文本熟悉對創(chuàng)建的文本區(qū)域進行屬性的設置掌握編輯文本 并能夠制作特效文字 第4章Flash文本操作 3 4 1創(chuàng)建文本4 2設置文本屬性4 3編輯文本4 4制作特效文字 第4章Flash文本操作 4 4 1創(chuàng)建文本Flash中可以按多種方式在項目中加入文本 通常一個Flash項目中會包含幾種不同的文本類型 每種類型都適用于特定的文字內容 Flash中使用的3種主要的文本區(qū)域類型 靜態(tài)文本 靜態(tài)文本用于顯示在影片中不作任何變化的文字 文本內容 在運行時不會發(fā)生改變 靜態(tài)文本可以創(chuàng)建超級鏈接 并且選擇目標窗口 動態(tài)文本 動態(tài)文本區(qū)域用來顯示在影片中會被更新的文字 該內容可以來自于即時數(shù)據(jù)源 動態(tài)更新的文本 如體育比分 氣溫 物價等 輸入文本 輸入文本區(qū)域用于在運行時由用戶輸入文本 它可用于任何需要用戶輸入的時候 如輸入密碼或者回答問題等 第4章Flash文本操作 5 4 1 2設置垂直文本的首選參數(shù)在Flash中還添加了從左向右或從右向左閱讀的垂直文本框選項 垂直文本選項 可以很輕松地把版式從水平排列變成垂直排列 每個字母可以疊放或者旋轉過來 第4章Flash文本操作 6 4 1 3創(chuàng)建文本要在Flash文檔中創(chuàng)建文本 在工具面板中單擊 文本工具 激活它即可 在Flash文檔窗口中創(chuàng)建文本時有兩種方法 標簽文本 在文檔舞臺上單擊然后開始輸入 即可在一個可擴展的文本框中輸入文本 塊文本 在文檔舞臺中單擊并拖動文本框直到要求的寬度 這樣可以為文本區(qū)域定義固定的寬度 當輸入文字過多時就會自動調整文字間距 操作實例1 創(chuàng)建文本 第4章Flash文本操作 7 4 1 4創(chuàng)建滾動文本在創(chuàng)作時 如果動態(tài)文本或輸入文本需要使用多行文本區(qū)域 但是空間有限 那可以使用 文本菜單 可滾動 命令將文本區(qū)域設置為可滾動的 這樣文本可以延伸到文本框的或可視區(qū)域以外 第4章Flash文本操作 8 4 2設置文本屬性文本工具在工具面板中沒有選項 因為文本控制選項現(xiàn)在已經全部集成到屬性面板中 所有的Flash文本都是用文本工具在文本框中創(chuàng)建的 但是文本框創(chuàng)建完成以后 可以使用屬性面板為文本設置不同的屬性 只有在激活文本工具或者使用選擇工具選中文本框時 屬性面板中的文本控制選項才可見 第4章Flash文本操作 9 4 2 1選擇字體 點數(shù) 樣式和顏色在創(chuàng)建文本框時 用戶可以設置選定文本的字體 點數(shù) 樣式和顏色 設置文本顏色時 只能使用純色 而不能使用漸變色 若要向文本應用漸變色 必須將該文本轉換為線條和填充圖形 操作實例2 文本框的字體 點數(shù) 樣式和顏色的設置 第4章Flash文本操作 10 4 2 2設置字符間距 字距微調和字符位置在FlashMX中 設置字符間距將調整選定字符或整個文本塊的間距 字符間距值的調整范圍是 60 60磅 字距微調控制字符之間的距離 若要使用字體的內置字距微調信息 可以在選中文本塊后在文本屬性面板中選中 自動調整字距 復選框 對于水平文本 間距和字距微調設置了字符間的水平距離 對于垂直文本 間距和字距微調設置了字符間的垂直距離 第4章Flash文本操作 11 4 2 3設置對齊 邊距 縮進和行距對齊方式確定了段落中每行文本相對與文本塊邊緣的位置 文本的對齊方式有如下4種 左 頂端對齊 這是我們日常使用的方式 所有行的左端在同一條豎直線上 居中對齊 所有行的中心在同一條豎直線上 右 底端對齊 所有行的右端在同一條豎直線上 兩端對齊 所有行的左端和右端在同一條豎直線上 操作實例3 使用文本工具創(chuàng)建文本內容 第4章Flash文本操作 12 4 2 4使用設備字體在Flash影片中使用安裝在系統(tǒng)中的字體時 Flash中嵌入的字體信息將保存在SWF文件中 以確保這些字體能在Flash播放時完全顯示出來 但不是所有顯示在Flash中的字體都能夠與影片一起輸出 在Flash中 可以使用設備字體來解決上述問題 Flash包含3種設備字體 sans serif和 typewriter 第4章Flash文本操作 13 4 2 6將文本鏈接到URL對于水平文本 可以進行超級鏈接 如圖4 17所示了一個超級鏈接的建立 要建立超級鏈接 首先選中要進行超級鏈接的文本 在屬性面板中填寫URL URL可以是以下內容之一 本機文件地址 本機文件地址使用 File 作為開頭 例如 File C Flash Flash txt網絡文件地址 本機文件地址使用 作為開頭 其中的是傳輸?shù)奈募f(xié)議 例如 ftp 郵件發(fā)送 郵件發(fā)送使用 mailto 開頭 例如 mailto mosy 第4章Flash文本操作 14 4 3編輯文本在FlashMX中 用戶可使用多種字處理技術來編輯文本 例如 可使用剪切 復制 粘貼命令移動或復制文本 還可以對創(chuàng)建的文本進行變形和分離等操作 第4章Flash文本操作 15 4 3 1選擇文本編輯文本或更改文本屬性時 必須先選擇要更改的字符 如果要選擇文本塊中的字符 可以先選取工具面板中的 文本工具 然后可單擊并拖動選擇字符或雙擊選擇一句 如果要選擇整個文本塊 可以選取 工具 面板中的 箭頭 工具 然后單擊文本塊 如果要選擇多個文本塊 可以用 箭頭工具 框選一組文本塊 或按下 Shift 鍵單擊選擇多個文本塊 第4章Flash文本操作 16 4 3 2編輯文本在對Flash中的文本塊進行編輯時 用戶可以隨時修改已輸入文本的內容或者修改其屬性 要修改文本的內容 只需在文本塊上方雙擊鼠標即可 此時將進入文本編輯狀態(tài) 要更改文本的屬性 可先選中文本 然后借助屬性面板來操作 第4章Flash文本操作 17 4 3 3變形文本在Flash中 用戶可方便地利用工具面板中的 任意變形工具 或者選擇 修改 變形 菜單中的命令對文本塊進行縮放 旋轉 傾斜和翻轉等操作 以產生有趣的效果 第4章Flash文本操作 18 4 3 4分離文本FlashMX中 用戶可以對文本塊進行分離 使其成為單個的字符或填充圖形 從而輕松的制作出每個字符的動畫或特殊的文字效果 一旦文本被分離為填充圖形 就不再具有文本的屬性 而擁有了填充圖形的屬性 但是 請注意 只有靜態(tài)文本才能被分離 操作實例4 分離文本 第4章Flash文本操作 19 4 3 5改變分離后文本的形狀將文本分離為填充圖形后 就可以很方便地改變其形狀 如圖4 22所示 在改變分離后文本的形狀時 用戶可以使用 箭頭工具 部分選取工具 進行操作 第4章Flash文本操作 20 4 3 6填充文本將文本分離為填充圖形后 就可以很方便地為其設置填充效果 對其應用純色填充 位圖填充 線性填充等 使文字產生特殊的效果 要設置文本的填充效果 可以先把需要進行填充效果設置的文本進行分離 使其成為填充圖形 然后在 混色器 面板中選擇需要的填充方式 對文本框進行填充即可 操作實例5 填充位圖 第4章Flash文本操作 21 4 4制作特效文字4 4 1五彩字用戶在Flash中輸入文本后 可以為文本設置多彩的效果 若要設置文本的多彩效果 要先將文本分離為填充圖形 再用 混色器 為圖形填充顏色即可 操作實例6 制作五彩字4 4 2空心字用戶在Flash中輸入文本后 可以為文本設置空心效果 在設置文本的空心效果時 可先將文本分離為填充 然后使用 墨水瓶工具 在文本上單擊 為其添加輪廓線 最后將文本填充刪除 只保留輪廓線即可 操作實例7 制作空心字 第4章Flash文本操作 22 4 4 3陰影字在Flash中可以利用變形文本來設置陰影字效果 操作實例8 制作陰影字4 4 4立體字在Flash中用戶還可以為輸入的文本設置立體效果 操作實例9 制作立體字 第4章Flash文本操作 23 4 5上機操作綜合指導上機操作指導1操作要求 此實例的目的是實現(xiàn)帶熒光文字效果 在制作過程中主要使用了漸變填充等工具 通過簡簡單單幾樣工具便創(chuàng)造出了漂亮的文字特效 難點就在于圖形 色彩編輯的技巧和填充工具的使用 通過對文字邊框進行柔化處理 產生具有霓虹燈效果的熒光文字 第4章Flash文本操作 24 操作步驟第一步 利用文本工具創(chuàng)建文本1 新建一個文擋 在屬性面板中設置其尺寸為480pxX150px 選擇一種顏色 本例為 FFFFFF 作為背景色 2 從工具面板中選取文本工具 在屬性面板中設置字體類型設置成Verdana 字體大小設置成60 樣式為粗體 傾斜 在舞臺上輸入 FlashMX 第二步 分離文本創(chuàng)建空心文本3 在工具面板中單擊 箭頭工具 按鈕 將文字移動到工作區(qū)中間 選擇2次 修改 分離 命令 將文本分離為填充圖形 如圖4 39所示 圖4 39分離后的文本 第4章Flash文本操作 25 4 在工具面板中單擊 墨水瓶工具 按鈕 在 墨水瓶工具 屬性面板中設置輪廓線的筆觸顏色為 FF00CC 筆觸高度為3 筆觸樣式為實線 將鼠標移動到工作區(qū)中 鼠標光標將變成墨水瓶形狀 用鼠標依次點擊文字邊框 文字周圍將出現(xiàn)明粉色邊框 按Delete刪除填充區(qū)域 效果如圖4 40所示 圖4 40空心文本 第三步 柔化填充邊緣5 在工具面板中單擊 箭頭工具 按鈕 按住鍵盤上的 Shift 鍵 依次雙擊每個字母外的粉色邊框 將他們全部選中 選擇 修改 形狀 將線條轉換為擴充 菜單命令 粉色邊框被轉變成可填充區(qū)域 第4章Flash文本操作 26 6 選擇 修改 形狀 柔化填充邊緣 再按照如圖所示的參數(shù)設置 柔化填充邊緣 對話框 進行如圖4 41所示 點擊 確定 按鈕 關閉對話框 圖4 41柔化填充邊緣對話框的設置 第4章Flash文本操作 27 7 選擇工具欄中箭頭工具 在工作區(qū)的空白處點擊鼠標 取消對文字邊框的選擇 這時可以看到 粉色邊線兩邊出現(xiàn)了模糊漸變 保存作品 第四步 測試影片8 按 Ctrl Enter 預覽最終效果 就可以看見漂亮的熒光文字效果 第4章Flash文本操作 28 上機操作指導2操作要求 利用文本 顏料桶 填充變形等工具制作如圖4 42所示的變形文字 圖4 42變形文字 第4章Flash文本操作 29 操作步驟第一步 利用文本工具創(chuàng)建文本1 啟動FlashMX程序 選擇 文件 新建 命令 建立一個新的Flash文檔 2 單擊工具面板中 文本工具 按鈕 在打開的文本屬性面板中設置字體為 ArialBlack 字體大小96 加粗 文字顏色為藍色 輸入文本 OK 第4章Flash文本操作 30 第二步 分離文本 改變文本形狀3 使用 箭頭工具 按鈕 選中文本內容 選擇2次 修改 分離 命令 將文本分離為填充圖形 如圖4 43所示 圖4 43分離后的文本 4 利用 部分選取工具 單擊文字邊緣 并拖動節(jié)點改變文字形狀 5 利用 箭頭工具 單擊文字的邊緣并拖動 將文字邊緣由直線變?yōu)榍€ 第4章Flash文本操作 31 第三步 為文本填充顏色6 選擇 顏料桶工具 并設置顏色為 放射漸變 然后單擊文字進行填充 如圖4 46所示 圖4 46使用顏料桶工具為文字填充顏色 第4章Flash文本操作 32 第四步 為填充后的文本調整漸變填充7 選擇 填充變形工具 單擊填充后的文字 利用漸變控制圓圈調整漸變填充 圖4 47使用填充變形工具改變文字的填充顏色 第4章Flash文本操作 33 小結與提高FlashMX提供了強大并且組織有序的文本編輯功能 但是只有在對基本的知識更熟悉以后才能充分利用這些工具FlashMX把文本控制選項都集成到屬性面板中 相對于以前的版本 文本處理的工作可以進行得更加直觀和順暢 FlashMX提供了3種可以用于交互式項目的文本類型 靜態(tài)文本 動態(tài)文本和輸入文本 FlashMX需要系統(tǒng)中有完整的字體信息 這樣才能把它們正確地發(fā)布到最終的動畫 swf 中 如果需要打開的Flash文件 fla 中包含系統(tǒng)中不可用的字體 可以臨時選擇替代字體而不破壞原文件中的字體信息 第4章Flash文本操作 34 為了最小化文件尺寸以及在發(fā)布的Flash影片 swf 中動態(tài)控制文本 可以使用通用設備字體 FlashPlayer會在用戶系統(tǒng)中自動選取字體 使用分離命令可以把文本框中的一行文本打散成單個字符 在同一文本框上兩次應用分離命令可以把文本輪廓轉換成矢量形狀 在不影響對文本區(qū)域內容進行編輯和對控制最終效果的設置進行修改等選項前提下 能夠通過時間軸效果為文本增加視覺興趣點