WEB動(dòng)畫制作與設(shè)計(jì)課件：文本的編輯（一）

文本的編輯文本的編輯文本的編輯1．文本的類型及使用2．文本的轉(zhuǎn)換【課堂學(xué)習(xí)目標(biāo)】【案例學(xué)習(xí)目標(biāo)】使用屬性面板設(shè)置文字的屬性。【案例知識(shí)要點(diǎn)】使用文字工具輸入需要的文字，使用屬性面板設(shè)置文字的字體、大小、顏色、行距和字符屬性?！菊n堂案例】—制作心情日記【課堂案例】—制作心情日記【課堂案例】—制作心情日記

（1）選擇“文件>新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“Flash文檔”選項(xiàng)，單擊“確定”按鈕，將“屬性”面板中“大小”選項(xiàng)的寬度設(shè)為381像素，高度設(shè)為340像素，將背景顏色設(shè)為白色?！菊n堂案例】—制作心情日記

（2）選擇“文件>導(dǎo)入>導(dǎo)入到舞臺(tái)”命令，將“制作心情日記”文件導(dǎo)入到舞臺(tái)窗口中。選擇“文本”工具

，選擇“窗口>屬性”命令，彈出文本工具“屬性”面板，在“屬性”面板中進(jìn)行設(shè)置，設(shè)置“字體”為漢儀YY體簡(jiǎn)，“字號(hào)”為43，“顏色”為白色，在舞臺(tái)窗口中輸入“心情日記”文字?！菊n堂案例】—制作心情日記

（3）選擇“文本”工具

，在“屬性”面板中進(jìn)行設(shè)置，將文字“顏色”設(shè)為綠色（#336600），“字體”為黑體，“字號(hào)”為15號(hào)，在舞臺(tái)窗口中輸入需要的文字，如圖所示?！菊n堂案例】—制作心情日記（4）選中數(shù)字“15”后面的數(shù)字“0”，如圖所示，在“屬性”面板中點(diǎn)擊“切換為上標(biāo)”按鈕

數(shù)字的效果如圖所示。使用相同的方法將數(shù)字“20‘’后面的數(shù)字“0”設(shè)置相同的屬性，效果如圖所示?！菊n堂案例】—制作心情日記（5）選擇“文本”工具

，在“屬性”面板中進(jìn)行設(shè)置，將文字“顏色”設(shè)為黑色，“字號(hào)”為10.5，如圖所示，輸入相應(yīng)文字“浮躁的心情，疲憊的驅(qū)殼，好想有一場(chǎng)大雨來洗去這一切，于是我把世界上最浪漫的雨送給你，希望能讓你……。”【課堂案例】—制作心情日記（6）選中輸入的黑色文字，單擊“屬性”面板中的段落選項(xiàng)，在彈出的對(duì)話框中設(shè)置“間距”選項(xiàng)中的行距為15點(diǎn)，單擊“確定”按鈕，文字效果如圖所示。心情日記制作完成，按Ctrl+Enter組合鍵即可查看效果?！痉椒ā窟x擇“文本”工具

，選擇“窗口>屬性”命令，彈出“文本工具”屬性面板，如圖所示。一、創(chuàng)建文本一、對(duì)齊面板

將鼠標(biāo)放置在場(chǎng)景中，鼠標(biāo)光標(biāo)變?yōu)?/p>

。在場(chǎng)景中單擊鼠標(biāo)，出現(xiàn)文本輸入光標(biāo)。直接輸入文字即可。如圖(1)所示用鼠標(biāo)在場(chǎng)景中單擊并按住鼠標(biāo)左鍵，向右下角方向拖曳出一個(gè)文本框。松開鼠標(biāo)，出現(xiàn)文本輸入光標(biāo)。在文本框中輸入文字，文字被限定在文本框中，如果輸入的文字較多，會(huì)自動(dòng)轉(zhuǎn)到下一行顯示，如圖(2)所示。圖（1）圖（2）二、文本屬性Flash為用戶提供了集合多種文字調(diào)整選項(xiàng)的屬性面板，包括字體屬性（字體系列、字體大小、樣式、顏色、字符間距、自動(dòng)字距微調(diào)和字符位置）和段落屬性（對(duì)齊、邊距、縮進(jìn)和行距）如圖所示。下面對(duì)各文字調(diào)整選項(xiàng)逐一介紹。二、文本屬性1、設(shè)置文本的字體、字體大小、樣式和顏色。“字體”選項(xiàng)：設(shè)定選定字符或整個(gè)文本塊的文字字體?！白煮w大小”選項(xiàng)：設(shè)定選定字符或整個(gè)文本塊的文字大小。選項(xiàng)值越大，文字越大。“文本（填充）顏色”按鈕

：為選定字符或整個(gè)文本塊的文字設(shè)定顏色?！案淖兾谋痉较颉卑粹o

：?jiǎn)螕舸税粹o可以改變文字的排列方向。二、文本屬性【提示】文字只能用純色，不能使用漸變色。要想為文本應(yīng)用漸變，必須將該文本轉(zhuǎn)換為組成它的線條和填充。二、文本屬性2、設(shè)置字符與段落文本排列方式按鈕可以將文字以不同的形式進(jìn)行排列?！岸温洹斑x項(xiàng)

：用于調(diào)整文本段落的格式。“左對(duì)齊”按鈕

：將文字以文本框的左邊線進(jìn)行對(duì)齊。“居中對(duì)齊”按鈕

：將文字以文本框的中線進(jìn)行對(duì)齊?！坝覍?duì)齊”按鈕

：將文字以文本框的右邊線進(jìn)行對(duì)齊?！皟啥藢?duì)齊”按鈕

：將文字以文本框的兩端進(jìn)行對(duì)齊?！白帜搁g距”選項(xiàng)

：在選定字符或整個(gè)文本塊的字符之間插入統(tǒng)一的間隔。二、文本屬性2、設(shè)置字符與段落“字符”選項(xiàng)

：通過設(shè)置下列選項(xiàng)值控制著字符對(duì)之間的相對(duì)位置。“切換上標(biāo)”選項(xiàng)

：可將水平文本放在基線之上或?qū)⒋怪蔽谋痉旁诨€的右邊?！扒袚Q下標(biāo)”選項(xiàng)

：可將水平文本放在基線之下或?qū)⒋怪蔽谋痉旁诨€的左邊?！翱s進(jìn)”選項(xiàng)

：用于調(diào)整文本段落的首行縮進(jìn)?！靶芯唷边x項(xiàng)

：用于調(diào)整文本段落的行距。“左邊距”選項(xiàng)

：用于調(diào)整文本段落的左側(cè)間隙。“右邊距”選項(xiàng)

：用于調(diào)整文本段落的右側(cè)間隙。二、文本屬性3、字體呈現(xiàn)方法Flash有5種不同的字體呈現(xiàn)選項(xiàng)，如圖所示。通過點(diǎn)選“消除鋸齒”按鈕設(shè)置不同的樣式?！笆褂迷O(shè)備字體”：此選項(xiàng)生成一個(gè)較小的SWF文件，使用最終用戶計(jì)算機(jī)上當(dāng)前安裝的字體來呈現(xiàn)文本。“使用位圖【無消除鋸齒】”：此選項(xiàng)生成明顯的文本邊緣，沒有消除鋸齒。因?yàn)榇隧?xiàng)生成的SWF文件中包含字體輪廓，所以生成的SWF文件較大。二、文本屬性“動(dòng)畫消除鋸齒”：此選項(xiàng)生成可順暢進(jìn)行動(dòng)畫播放的消除鋸齒文本。因?yàn)樵谖谋緞?dòng)畫播放時(shí)沒有應(yīng)用對(duì)齊和消除鋸齒，所以在某些情況下，文本動(dòng)畫還可以更快的播放。在使用帶有許多字母的大字體或縮放字體時(shí)，可能看不到性能上提高。因?yàn)榇诉x項(xiàng)生成的SWF文件中包含字體輪廓，所以生成的SWF文件較大?！翱勺x性消除鋸齒”：此選項(xiàng)使用高級(jí)消除鋸齒引擎，提供了品質(zhì)最高、最易讀的文本。因?yàn)榇诉x項(xiàng)生成的文件中包含字體輪廓以及特定的消除鋸齒信息，所以生成的SWF文件最大?！白远x消除鋸齒”：此選項(xiàng)與“可讀性消除鋸齒”選項(xiàng)相同，但是可以直觀地操作消除鋸齒參數(shù)，以生成特定外觀。此選項(xiàng)在需要為新字體或不常見的字體生成最佳的外觀時(shí)非常有用。二、文本屬性4、設(shè)置文本超鏈接

“鏈接”選項(xiàng)：可以在選項(xiàng)的文本框中直接輸入網(wǎng)址，使當(dāng)前文字成為超級(jí)鏈接文字。

“目標(biāo)”選項(xiàng)：可以設(shè)置超級(jí)鏈接的打開方式，共有4種