Flash基礎(chǔ)教程與創(chuàng)作實例第3章圖形繪制與編輯.ppt
《Flash基礎(chǔ)教程與創(chuàng)作實例第3章圖形繪制與編輯.ppt》由會員分享,可在線閱讀,更多相關(guān)《Flash基礎(chǔ)教程與創(chuàng)作實例第3章圖形繪制與編輯.ppt(40頁珍藏版)》請在裝配圖網(wǎng)上搜索。
第3章Flash圖形繪制與編輯,內(nèi)容概述本章詳細介紹了圖形的繪制與編輯,圖形的調(diào)整,對象的選擇與操作,顏色配置和圖象填充以及如何添加文本等內(nèi)容,通過這些內(nèi)容的學(xué)習(xí),我們就可以在舞臺區(qū)域中按自己的想象自由創(chuàng)作各種基本圖形和文字對象,為后續(xù)章節(jié)的內(nèi)容學(xué)習(xí)奠定基礎(chǔ)。,教學(xué)目標(biāo),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)建和編輯矢量圖形。單擊鼠標(biāo)左鍵確定點的位置,在舞臺區(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】單擊工具箱中的選擇工具?!静襟E2】將鼠標(biāo)移動到要選擇的對象上單擊左鍵。【步驟3】單擊工具箱中的選擇工具?!静襟E4】在目標(biāo)對象的左上角按住鼠標(biāo)左鍵拖動鼠標(biāo)到對象的右下角,將目標(biāo)對象的所有內(nèi)容框選在矩形中。這樣松開鼠標(biāo)后,當(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】單擊工具箱中的選擇工具,將鼠標(biāo)移動到要選擇的對象上,按住左鍵拖動對象到目標(biāo)位置。利用選擇工具復(fù)制對象的方法:【步驟1】選中目標(biāo)對象?!静襟E2】單擊工具箱中的選擇工具?!静襟E3】單擊鼠標(biāo)指向目標(biāo)對象,然后按住【Alt】鍵和鼠標(biāo)左鍵拖動對象到目標(biāo)位置即可復(fù)制對象到目標(biāo)位置。利用選擇工具刪除對象的方法:【步驟1】選中目標(biāo)對象?!静襟E2】按下【Delete】將其刪除。或者選擇“編輯”/“清除”菜單項將其刪除。也可以選擇“編輯”/“剪切”菜單將其刪除。,3.4.3疊放和對齊對象,介紹一個疊放的例子步驟如下:,【步驟1】先用前面所學(xué)的圖形繪制工具繪制三個綠、紅、黃橢圓圖像。其疊放次序是先導(dǎo)入的在最下層。然后一次疊起。,【步驟2】若要修改其次序,先選中其中的一個對象,然后單擊“修改”/“排序”菜單彈出如下子菜單,在彈出的自菜單中選擇相應(yīng)的菜單即可,,,3.4.4變形對象,選中目標(biāo)對象單擊菜單欄中的“修改”/“變形”有任意變形、扭曲變形、封套、縮放、旋轉(zhuǎn)與傾斜、縮放和旋轉(zhuǎn)等變形。,3.4.5翻轉(zhuǎn)對象,選中目標(biāo)對象,然后單擊菜單欄中的“修改”/“變形”有兩種翻轉(zhuǎn)方式:水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)。,,3.4.6復(fù)原變形對象,選中目標(biāo)對象,單擊菜單欄的“修改”/“變形”/“取消變形”。即可取消剛剛所作的變形操作。,3.4.7分離對象,分離圖形是指將位圖、文字或群組后的圖形打散成一個個的像素點,以便對其中的一部分進行編輯。用“選擇”工具框選位圖時,會發(fā)現(xiàn)不能選中其中的一部分,只能用鼠標(biāo)單擊選中整個位圖,位圖四周會出現(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)色板,單擊菜單欄中的窗口顏色樣本打開顏色樣本面板?!静襟E1】單擊顏色面板上的按鈕,從彈出的菜單中選擇添加顏色命令?!静襟E2】彈出“導(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】選擇工具欄中的文本工具,將鼠標(biāo)光標(biāo)移至舞臺中,鼠標(biāo)光標(biāo)變?yōu)樾螤?,按住鼠?biāo)左鍵拖動將出現(xiàn)一個虛線框?!静襟E2】將虛線框拖至適當(dāng)大小后,釋放鼠標(biāo)左鍵將出現(xiàn)一個右上角有小方框的文本框。【步驟3】在文本框中輸入需要的文字,這里輸入“我的地盤聽我的”。如果要換行直接按【Enter】鍵,如果不按【Enter】鍵,當(dāng)文字達到文本框右邊緣時會自動換行?!静襟E4】輸入完成后,單擊文本框外的任意空白處即可,此時文本框?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)文本?!静襟E3】在舞臺中托出一個文本框?!静襟E4】單擊可選按鈕,在變量框中輸入變量名,這里輸入“dhy”,【步驟5】單擊時間軸第一幀?!静襟E6】單擊“窗口”/“開發(fā)面板”/“動作”菜單選項【步驟7】單擊“全局函數(shù)”/“瀏覽器/網(wǎng)絡(luò)”菜單,在函數(shù)中雙擊【LoadVariablesNum】選項。【步驟8】在命令行的括號中輸入【“F:/新建公文包/shl.txt”,0】,【步驟9】單擊文件保存菜單,彈出另存為對話框。【步驟10】單擊文件發(fā)布設(shè)置菜單,在彈出的發(fā)布設(shè)置對話框中進行如圖3-6-11所示的設(shè)置。并發(fā)布到所保存的文件夾中?!静襟E11】在所保存的文件夾中新建一個文本文檔并命名為“shl”?!静襟E12】雙擊“shl”文檔,在文本的編輯界面中輸入文本,如圖3-6-12所示。,3.6.4編輯文本,在Flash8中,用戶可以直接使用剪切、復(fù)制和粘貼菜單來對文本進行移動、剪切和粘貼文本塊操作。,3.6.5文本變形處理,【步驟1】文本變形處理的方法【步驟2】單擊工具欄中的選擇工具?!静襟E3】右擊舞臺中的文本塊,在下拉菜單中選擇【任意變形】菜單選項?!静襟E4】此時文本中心和邊角出現(xiàn)了控制點?!静襟E5】用鼠標(biāo)拖動這些控制點即可對文本塊進行變形。,3.6.6創(chuàng)建字體元件,【步驟1】單擊“窗口”/“庫”出現(xiàn)庫面版【步驟2】單擊庫面版按鈕.【步驟3】選擇新建字型菜單,即彈出字型元件屬性對話框。,【步驟4】在庫面版中選擇已經(jīng)存在的字體元件,【步驟5】單擊有上角的,在彈出的選擇【鏈接】菜單項彈出【鏈接屬性】對話框。如圖3-6-17所示?!静襟E6】在標(biāo)識符文本框中輸入一個字符串標(biāo)識字體元件?!静襟E7】在URL文本框中輸入含有該字體的.Swf文件將要發(fā)布的URL,再單擊“確定”。,本章小結(jié),Flash動畫是栩栩如生,千變?nèi)f換的。圖形、文字、色彩等則是構(gòu)成一副動人Flash的基本元素。本章圖形繪制與編輯就對這些基本元素進行了詳細的講解。具體內(nèi)容包括:在Flash8中如何使用圖形繪制工具,如何調(diào)整圖形,如何進行對象的選擇。在Flash8中如何組合對象,如何移動、復(fù)制、刪除對象,如何疊放和對齊對象,如何使對象變形,如何翻轉(zhuǎn)對象,如何復(fù)原變形對象以及如何分離對象。在Flash8中如何進行顏色的設(shè)置及圖形的填充,如何添加文本等。,- 1.請仔細閱讀文檔,確保文檔完整性,對于不預(yù)覽、不比對內(nèi)容而直接下載帶來的問題本站不予受理。
- 2.下載的文檔,不會出現(xiàn)我們的網(wǎng)址水印。
- 3、該文檔所得收入(下載+內(nèi)容+預(yù)覽)歸上傳者、原創(chuàng)作者;如果您是本文檔原作者,請點此認領(lǐng)!既往收益都歸您。
下載文檔到電腦,查找使用更方便
9.9 積分
下載 |
- 配套講稿:
如PPT文件的首頁顯示word圖標(biāo),表示該PPT已包含配套word講稿。雙擊word圖標(biāo)可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設(shè)計者僅對作品中獨創(chuàng)性部分享有著作權(quán)。
- 關(guān) 鍵 詞:
- Flash 基礎(chǔ)教程 創(chuàng)作 實例 圖形 繪制 編輯
鏈接地址:http://www.szxfmmzy.com/p-11495984.html