flash動(dòng)畫設(shè)計(jì)第4章.ppt

《flash動(dòng)畫設(shè)計(jì)第4章.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《flash動(dòng)畫設(shè)計(jì)第4章.ppt（34頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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