Flash基礎(chǔ)教程與創(chuàng)作實例第3章圖形繪制與編輯.ppt

第3章 Flash圖形繪制與編輯,內(nèi)容概述 本章詳細介紹了圖形的繪制與編輯,圖形的調(diào)整,對象的選擇與操作,顏色配置和圖象填充以及如何添加文本等內(nèi)容，通過這些內(nèi)容的學(xué)習(xí)，我們就可以在舞臺區(qū)域中按自己的想象自由創(chuàng)作各種基本圖形和文字對象，為后續(xù)章節(jié)的內(nèi)容學(xué)習(xí)奠定基礎(chǔ)。,教學(xué)目標,1.熟練應(yīng)用圖形繪制工具來自由繪圖。 2.掌握各種圖形調(diào)整的方法。 3.熟練掌握各種對象的選擇操作。 4.熟練掌握對象的操作。 5.熟練應(yīng)用顏色配置和圖像填充。 6.掌握如何添加文本。,3.1 使用圖形繪制工具,繪圖工具集中放置在【繪圖工具欄】中，可分為圖形繪制工具，圖形編輯工具和文字編輯工具3類,3.1 使用圖形繪制工具,3.1.1 線條工具 3.1.2 鉛筆工具 3.1.3 鋼筆工具 3.1.4 刷子工具 3.1.5 橡皮擦工具,3.1.1 線條工具,斜線工具主要用于繪制線段。 【線條工具的屬性】：線條的屬性主要有筆觸顏色，筆觸高度和筆觸樣式3種，可以在“屬性”面板中進行設(shè)置,3.1.2 鉛筆工具,鉛筆工具在導(dǎo)引線中使用最多。調(diào)整鉛筆工具同樣在舞臺區(qū)域下邊的“屬性”面板里進行該工具的屬性調(diào)整。同我們上邊講到的線條工具一樣可以更換類型及顏色。當(dāng)鉛筆工具被選取時，其附屬選項 按鈕會出現(xiàn)在工具箱下部的“選項”欄中，也可以通過這個來更改鉛筆工具的設(shè)置。,3.1.3 鋼筆工具,鋼筆工具可以繪制直線、曲線等而且能夠調(diào)整路徑上的節(jié)點。它可以自由地創(chuàng)建和編輯矢量圖形。單擊鼠標左鍵確定點的位置，在舞臺區(qū)域中連續(xù)單擊，則各個單擊點就形成直線組成的折線圖。當(dāng)按左鍵不松手，就可以調(diào)整當(dāng)前線的造型，一般用于繪制曲線情況。在繪制一個圖形的前，可以先在“屬性” 面板里設(shè)置鋼筆屬性和填充屬性，如圖所示。也可以在鋼筆工具的參數(shù)進行設(shè)置，通過執(zhí)行“編輯”/“首選參數(shù)”，然后選擇“繪畫”， 即可對鋼筆工具進行設(shè)置。,鋼筆工具（1）,鋼筆工具選項（2）,3.1.4 刷子工具,刷子工具用于繪制密閉的填充色構(gòu)成的圖形，該工具提供了5種模式,3.1.5 橡皮擦工具,“橡皮擦”工具，用于擦除整個圖形或圖形中不需要的部分，它只能應(yīng)用于“打散”后的圖形。,3.2 圖形調(diào)整,3.2.1 調(diào)整線段和圖形 3.2.2 線條的伸直和平滑 3.2.3 優(yōu)化曲線,3.2.1 調(diào)整線段和圖形,調(diào)整線段用“箭頭”工具。當(dāng)箭頭工具靠近線段中間的時候，在箭頭下會出現(xiàn)一個弧形這時就可以改變線段的形狀，如圖（1）、（2）所示。當(dāng)箭頭工具靠近線段的一端時，就可以延長線段。如圖（3）所示。 選取元件與改變線段的形狀及長度 拖動節(jié)點就能對圖形進行任意編輯，如圖所示。,（1）,（2）,（3）,3.2.2 線條的伸直和平滑,使用“箭頭”工具的“伸直”修改器或執(zhí)行“修改”/“形狀”/“伸直”菜單命令，可對畫出的線條做小幅度的拉直處理。 平滑操作可減少曲線的節(jié)點和其他變化，使曲線平順，它還可以使曲線所含段數(shù)減少，但對直線不起作用。這個操作在改變許多短線段組成的線條的外形時尤為重要。,3.2.3 優(yōu)化曲線,優(yōu)化曲線的作用是減少定義對象的曲線數(shù)量來進行曲線和填充輪廓，以達到減少Flash文件大小的目的。 設(shè)置優(yōu)化曲線,3.3 對象選擇,3.3.1 選擇工具和部分選取工具 3.3.2 套索工具 3.3.3 選擇的修改,3.3.1 “箭頭”工具,箭頭工具用來專門選取各個元件，在Flash里面“輪廓線”和里面的“填充色”是分開的，所以想要選中的話就要先對象，然后進行移動。 “部分選取”工具 部分選取工具可以顯示圖形的所有頂點，拖動節(jié)點就能對圖形進行任意編輯。,箭頭工具框選,3.3.2 套索工具,套索工具被選取時，其附屬選項按鈕會出現(xiàn)在選項條中（如圖所示）。套索工具可以用不規(guī)則的形狀任意圈選對象，它可以配合箭頭工具。如果按住 Shift 鍵不放，就能夠同時選擇多個對象。,3.3.3 選擇的修改,使用選擇工具對矩形范圍內(nèi)的對象選擇。 【步驟1】單擊工具箱中的選擇工具。 【步驟2】將鼠標移動到要選擇的對象上單擊左鍵。 【步驟3】單擊工具箱中的選擇工具。 【步驟4】在目標對象的左上角按住鼠標左鍵拖動鼠標到對象的右下角，將目標對象的所有內(nèi)容框選在矩形中。這樣松開鼠標后，當(dāng)前圖層的矩形的對象就被選中了。,3.4 對象操作,3.4.1 組合對象 3.4.2 移動、復(fù)制和刪除對象 3.4.3 疊放和對齊對象 3.4.4 變形對象 3.4.5 翻轉(zhuǎn)對象 3.4.6 復(fù)原變形對象 3.4.7 分離對象,3.4.1 組合對象,具體操作如下： 【步驟1】新建一個Flash文檔，選擇“文件”/“導(dǎo)入”/“導(dǎo)入到舞臺”命令，在打開的【導(dǎo)入】對話框中選擇圖片所在位置，并選中要導(dǎo)入的圖片，最后單擊 確定按鈕。 【步驟2】將所有圖片縮小到適當(dāng)大小，并放置到舞臺位置，選中要組合的多個對象，如選中右邊兩幅圖像。選擇“修改”/“組合”命令（或按【Ctrl+G】鍵）將對象組合成一個整體。 【步驟3】選中組合后的對象，選擇“編輯”/“編輯所選項目”命令或雙擊組合對象，將進入該組的編輯狀態(tài)，可對該組合中的各個對象進行編輯。,3.4.2 移動、復(fù)制和刪除對象,利用選擇工具移動對象的方法: 【步驟1】選擇要移動的對象。 【步驟2】單擊工具箱中的選擇工具，將鼠標移動到要選擇的對象上，按住左鍵拖動對象到目標位置。 利用選擇工具復(fù)制對象的方法: 【步驟1】選中目標對象。 【步驟2】單擊工具箱中的選擇工具。 【步驟3】單擊鼠標指向目標對象，然后按住【Alt】鍵和鼠標左鍵拖動對象到目標位置即可復(fù)制對象到目標位置。 利用選擇工具刪除對象的方法: 【步驟1】選中目標對象。 【步驟2】按下【Delete】將其刪除。 或者選擇“編輯”/“清除”菜單項將其刪除。 也可以選擇“編輯”/“剪切”菜單將其刪除。,3.4.3 疊放和對齊對象,介紹一個疊放的例子步驟如下：,【步驟1】先用前面所學(xué)的圖形繪制工具繪制三個綠、紅、黃橢圓圖像。其疊放次序是先導(dǎo)入的在最下層。然后一次疊起。,【步驟2】若要修改其次序，先選中其中的一個對象，然后單擊“修改”/“排序”菜單彈出如下子菜單，在彈出的自菜單中選擇相應(yīng)的菜單即可，,3.4.4 變形對象,選中目標對象單擊菜單欄中的“修改”/“變形”有任意變形、扭曲變形、封套、縮放、旋轉(zhuǎn)與傾斜、縮放和旋轉(zhuǎn)等變形。,3.4.5 翻轉(zhuǎn)對象,選中目標對象，然后單擊菜單欄中的“修改”/“變形”有兩種翻轉(zhuǎn)方式：水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)。,3.4.6 復(fù)原變形對象,選中目標對象，單擊菜單欄的“修改”/“變形”/“取消變形”。即可取消剛剛所作的變形操作。,3.4.7 分離對象,分離圖形是指將位圖、文字或群組后的圖形打散成一個個的像素點，以便對其中的一部分進行編輯。用“選擇”工具框選位圖時，會發(fā)現(xiàn)不能選中其中的一部分，只能用鼠標單擊選中整個位圖，位圖四周會出現(xiàn)灰色邊框，這時選擇“修改”/“分離”命令（或按【Ctrl+B】鍵）打散位圖，再用選擇工具框選位圖的一部分,會發(fā)現(xiàn)這部分出現(xiàn)許多像素點，這時就可以對這部分進行編輯了。,3.5 顏色設(shè)置和圖形填充,3.5.1 設(shè)置筆觸和填充屬性 3.5.2 修改調(diào)色板 3.5.3 圖形填充,3.5.1 設(shè)置筆觸和填充屬性,設(shè)置筆觸 設(shè)置填充顏色,3.5.2 修改調(diào)色板,單擊菜單欄中的窗口顏色樣本打開顏色樣本面板。 【步驟1】單擊顏色面板上的按鈕，從彈出的菜單中選擇添加顏色命令。 【步驟2】彈出“導(dǎo)入色樣”對話框，設(shè)置文件類型為“所有文件”選擇一個jpg圖像文件。 【步驟3】單擊“打開”按鈕就可以將 .jpg格式文件的所有顏色,作為新的顏色導(dǎo)入flash調(diào)色板中。,3.5.3 圖形填充,在舞臺上繪制一個橢圓，再單擊工具箱中的填充工具，選擇合適的顏色，然后在要填充的橢圓上單擊,繪制一個橢圓,填充橢圓,3.6 添加文本,3.6.1 創(chuàng)建靜態(tài)文本 3.6.2 設(shè)置文本屬性 3.6.3 創(chuàng)建動態(tài)文本 3.6.4 編輯文本 3.6.5 文本變形處理 3.6.6 創(chuàng)建字體元件,3.6 添加文本,3.6.1 創(chuàng)建靜態(tài)文本【步驟1】選擇工具欄中的文本工具 ，將鼠標光標移至舞臺中，鼠標光標變?yōu)?形狀，按住鼠標左鍵拖動將出現(xiàn)一個虛線框。 【步驟2】將虛線框拖至適當(dāng)大小后，釋放鼠標左鍵將出現(xiàn)一個右上角有小方框的文本框。 【步驟3】在文本框中輸入需要的文字，這里輸入“我的地盤聽我的”。如果要換行直接按【Enter】鍵，如果不按【Enter】鍵，當(dāng)文字達到文本框右邊緣時會自動換行。 【步驟4】輸入完成后，單擊文本框外的任意空白處即可，此時文本框?qū)⑾А?3.6.2 設(shè)置文本屬性,該面板的含義如下：,3.6.3 創(chuàng)建動態(tài)文本,“動態(tài)文本”的內(nèi)容可以在動畫播放時由動作腳本控制其顯示，“輸入文本”不但具有了“動態(tài)文本”的功能，還可以在動畫播放時手動輸入其內(nèi)容。步驟如下： 【步驟1】單擊工具欄中的. 【步驟2】設(shè)置【屬性】面板中的【文本類型】設(shè)置為動態(tài)文本。 【步驟3】在舞臺中托出一個文本框。 【步驟4】單擊可選按鈕，在變量框中輸入變量名，這里輸入 “dhy”， 【步驟5】單擊時間軸第一幀。 【步驟6】單擊“窗口”/“開發(fā)面板”/“動作”菜單選項 【步驟7】單擊“全局函數(shù)”/“瀏覽器/網(wǎng)絡(luò)”菜單，在函數(shù)中雙擊【LoadVariablesNum】選項。 【步驟8】在命令行的括號中輸入【“F:/新建公文包/shl.txt”,0】, 【步驟9】單擊文件保存菜單，彈出另存為對話框。 【步驟10】單擊文件發(fā)布設(shè)置菜單，在彈出的發(fā)布設(shè)置對話框中進行如圖3-6-11所示的設(shè)置。并發(fā)布到所保存的文件夾中。 【步驟11】在所保存的文件夾中新建一個文本文檔并命名為“shl”。 【步驟12】雙擊“shl”文檔，在文本的編輯界面中輸入文本，如圖3-6-12所示。,3.6.4 編輯文本,在Flash 8中，用戶可以直接使用剪切、復(fù)制和粘貼菜單來對文本進行移動、剪切和粘貼文本塊操作。,3.6.5 文本變形處理,【步驟1】文本變形處理的方法 【步驟2】單擊工具欄中的選擇工具。 【步驟3】右擊舞臺中的文本塊，在下拉菜單中選擇【任意變形】菜單 選項。 【步驟4】此時文本中心和邊角出現(xiàn)了控制點。 【步驟5】用鼠標拖動這些控制點即可對文本塊進行變形。,3.6.6 創(chuàng)建字體元件,【步驟1】單擊“窗口”/“庫”出現(xiàn)庫面版 【步驟2】單擊庫面版按鈕. 【步驟3】選擇新建字型菜單，即彈出字型元件屬性對話框。,【步驟4】在庫面版中選擇已經(jīng)存在的字體元件,【步驟5】單擊有上角的，在彈出的選擇【鏈接】菜單項彈出【鏈接屬性】對話框。如圖3-6-17所示。 【步驟6】在標識符文本框中輸入一個字符串標識字體元件。 【步驟7】在URL文本框中輸入含有該字體的 .Swf文件將要發(fā)布的URL，再單擊“確