
![[學(xué)習(xí)]網(wǎng)頁設(shè)計(jì)與制作第12章矢量圖形的編輯_第1頁](https://static.zsdocx.com/FlexPaper/FileRoot/2019-9/19/23/d482a179-7b34-4642-b5f6-03b454c11ee0/d482a179-7b34-4642-b5f6-03b454c11ee01.gif)
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、第12章 矢量圖形的編輯,第12章 矢量圖像的編輯,學(xué)習(xí)目標(biāo): 通過本章的學(xué)習(xí),要求掌握Fireworks的幾個基本概念,熟練使用工具箱的使用,掌握繪制編輯路徑對象的方法,熟練創(chuàng)建與編輯文本,創(chuàng)建文本路徑。,第12章 矢量圖像的編輯,12.1 Fireworks的幾個基本概念12.2 繪制路徑對象12.3 編輯路徑對象12.4 創(chuàng)建和編輯文本12.5 路徑文本,12.1 Fireworks的幾個基
2、本概念,1.Fireworks的對象 Fireworks 引入了對象的概念,對象就是圖像中的一個獨(dú)立的部分,我們把圖像看成是由一個個的對象組成的。也可以把矢量對象和位圖對象、文本塊、切片和熱點(diǎn)以及像素區(qū)域都作為一個對象進(jìn)行編輯,從而使對圖像的編輯變成了對組成圖像的對象的編輯,在具有多個對象的文檔中,還可以通過對對象執(zhí)行堆疊、組合和對齊操作來組織它們,即簡化了編輯難度又提高了編輯效率。,12.1 Firewor
3、ks的幾個基本概念,2.矢量圖也稱為面向?qū)ο蟮膱D像或繪圖圖像,在數(shù)學(xué)上定義為一系列由線連接的點(diǎn)。例如,一片葉子是由一系列描述葉子輪廓的點(diǎn)連接起來構(gòu)成了圖像的形狀,葉子的顏色由它的輪廓(即筆觸)的顏色和該輪廓所包圍的區(qū)域(即填充)的顏色決定。編輯矢量圖形時,您修改的是描述其形狀的線條和曲線(包含顏色和位置信息)的屬性。矢量圖形與分辨率無關(guān),對其調(diào)整大小、更改形狀等操作,而不會改變其外觀品質(zhì),例如將葉子圖像放大時,不會出現(xiàn)明顯鋸齒狀現(xiàn)象
4、,圖像顏色也不會發(fā)生變化。但是矢量圖并不適合用來記錄色彩較為復(fù)雜的圖像。,12.1 Fireworks的幾個基本概念,3.位圖也稱為點(diǎn)陣圖像或繪制圖像,是由無數(shù)個排列成網(wǎng)格的像素點(diǎn)組成。圖像就是由網(wǎng)格中每個像素的位置和顏色值決定的。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成不同的圖樣。當(dāng)放大位圖時,可以看見構(gòu)成整個圖像的無數(shù)單個方塊(像素點(diǎn))。因?yàn)槊總€點(diǎn)被指定一種顏色,所以可以通過修改其中每一個像素的顏色而使圖像的效果更逼真。編輯位圖圖形
5、時,是使這些像素點(diǎn)在網(wǎng)格中重新進(jìn)行分布,例如縮小位圖時,就是通過減少像素來使整個圖像變小的,所以修改位圖圖形通常會使圖像的邊緣呈鋸齒狀,或者降低圖像的品質(zhì),如圖12-1所示。,12.2 繪制路徑對象,在Fireworks MX 2004中,有兩種工作模式,一種上針對矢量編輯的對象模式,一種是對應(yīng)位圖編輯的位圖模式,我們首先來學(xué)習(xí)在對象模式下,繪制、編輯各種圖形。,12.2 繪制路徑對象,12.2.1路徑的概念12.2.2繪制基本圖形,
6、12.2.1路徑的概念,前面提到,矢量圖是由一系列描述圖形輪廓的點(diǎn)連接構(gòu)成的,我們把這些表現(xiàn)在圖形上的線條和輪廓就稱為路徑。每個路徑至少有兩個點(diǎn)以形成一條線段,路徑可以是開放的(起點(diǎn)和終點(diǎn)不重合),也可以是封閉的(起點(diǎn)和終點(diǎn)重合在一起),如圖12-2所示。,12.2.2 繪制基本圖形,1.繪制基本形狀2.【鋼筆】工具繪制路徑3.【矢量路徑】工具,12.3 編輯路徑對象,12.3.1描邊和填充12.3.2選取和移動路徑對象
7、1. 【指針】工具 2.【選擇后方對象】工具 3.【部分】選定工具12.3.3 修改路徑對象 1.利用【縮放】工具修改整個路徑對象 2.調(diào)整節(jié)點(diǎn) 3.調(diào)整路徑12.3.4多個路徑對象的操作12.3.5對路徑的其他操作,12.3.1描邊和填充,利用筆觸屬性為矢量對象進(jìn)行描邊,突出路徑的形狀,利用填充屬性為對象的內(nèi)部著色,使對象成為實(shí)心對象。用戶可以通過【屬性】面板或工具面板的顏色部分訪問、修
8、改筆觸及填充選項(xiàng)。在Fireworks MX 2004中當(dāng)用戶選擇了【鋼筆】工具或其他可以應(yīng)用該屬性的工具時,屬性面板上會自動出現(xiàn)各種筆觸和填充的選項(xiàng)以供用戶進(jìn)行設(shè)置,如圖12-7所示。,12.3.2 選取和移動路徑對象,在Fireworks MX 2004的中利用【選取】類工具箱中的【指針】工具、【部分選定】工具,可以方便的選取路徑對象或?qū)ο蟮牟糠挚刂泣c(diǎn)。,12.3.2 選取和移動路徑對象,1.【指針】工具2. 【選擇后方對象】工具
9、3. 【部分】選定工具,12.3.3修改路徑對象,我們知道矢量對象的形狀主要是由路徑的形狀決定的,所以通過對路徑的修改可以很有效地幫助編輯、修改矢量對象。修改可以是對整個路徑也可以是對路徑中的某段進(jìn)行,下面介紹幾種主要方法:,12.3.3修改路徑對象,1.利用【縮放】工具修改整個路徑對象2.調(diào)整節(jié)點(diǎn)3.調(diào)整路徑,12.3.4 多個路徑對象的操作,當(dāng)圖像中存在多個路徑對象時,我們可以同時對所有或部分對象進(jìn)行整體操作,比如排列、對齊、
10、組合等等,這些選項(xiàng)可以在【修改】菜單下找到。這里主要介紹多個路徑對象的組合操作。接合 拆分 聯(lián)合 交集 打孔 裁切,12.3.5 對路徑的其他操作,(1)簡化路徑,在不明顯改變路徑基本形狀的前提下,將刪除路徑上不需要的點(diǎn),簡化路徑的曲線形狀。如圖12-21所示,對原圖不斷簡化后的效果。(2)擴(kuò)展筆觸,就是以原始路徑為中心向外形成一個形狀與路徑相同的幻象。,12.4 創(chuàng)建和編輯文本,Fireworks MX 2004 提供了
11、許多文本功能,不但可以創(chuàng)建不同風(fēng)格的文本,也能設(shè)計(jì)出各種形式的文本圖形,文本與路徑的結(jié)合更是可以得到意想不到效果。其功能可與許多文字排版軟件相媲美。,12.4 創(chuàng)建和編輯文本,12.4.1 創(chuàng)建文本12.4.2編輯文本,12.4.1 創(chuàng)建文本,1.設(shè)置工具的屬性2.移動文本塊,12.4.2 編輯文本,1.調(diào)整文本的間距和字符寬度2.文本的方向3.平滑文本邊緣4.設(shè)置文本的填充顏色5.對文本的變形,12.5 路徑文本,在Fir
12、eworks中不但可以對文本直接進(jìn)行編輯,也可以將文本轉(zhuǎn)換成路徑以后再進(jìn)行編輯,轉(zhuǎn)換以后文本的編輯功能變的更加強(qiáng)大,例如轉(zhuǎn)換成路徑文本以后可以對其中某一個字符進(jìn)行變形操作。,12.5 路徑文本,在Fireworks中不但可以對文本直接進(jìn)行編輯,也可以將文本轉(zhuǎn)換成路徑以后再進(jìn)行編輯,轉(zhuǎn)換以后文本的編輯功能變的更加強(qiáng)大,例如轉(zhuǎn)換成路徑文本以后可以對其中某一個字符進(jìn)行變形操作。,12.5路徑文本,1.將文本轉(zhuǎn)換成路徑2.在路徑上放置文本3
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- [學(xué)習(xí)]網(wǎng)頁設(shè)計(jì)與制作第12章flash基礎(chǔ)
- 4.1矢量圖形
- 基于SVG的矢量圖形編輯系統(tǒng)的研究.pdf
- 4.1矢量圖形
- [學(xué)習(xí)]網(wǎng)頁設(shè)計(jì)與制作第14章firworks進(jìn)階應(yīng)用
- 畢業(yè)設(shè)計(jì)--矢量圖形系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)設(shè)計(jì)
- 網(wǎng)頁二維矢量圖形協(xié)同繪制技術(shù)研究與實(shí)現(xiàn).pdf
- 基于COM的矢量圖形編輯系統(tǒng)的數(shù)據(jù)管理研究.pdf
- coreldraw-x4實(shí)用案例教程第9章-矢量圖特效的編輯
- [學(xué)習(xí)]網(wǎng)頁設(shè)計(jì)與制作第10章數(shù)據(jù)庫應(yīng)用
- 第6章網(wǎng)頁的設(shè)計(jì)與制作檢測卷
- 矢量圖形可逆水印系統(tǒng)設(shè)計(jì).pdf
- 開題報(bào)告矢量圖形處理技術(shù)網(wǎng)絡(luò)平臺的設(shè)計(jì)與開發(fā)
- 瀏覽器矢量圖形繪制工具的設(shè)計(jì)與實(shí)現(xiàn).pdf
- 文獻(xiàn)綜述矢量圖形處理技術(shù)網(wǎng)絡(luò)平臺的設(shè)計(jì)與開發(fā)
- 基于可伸縮矢量圖形的數(shù)據(jù)遷移設(shè)計(jì)與實(shí)現(xiàn).pdf
- [學(xué)習(xí)]網(wǎng)頁設(shè)計(jì)與制作第五章講
- 基于VC++的GIS矢量圖形系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn).pdf
- 第5章網(wǎng)頁制作基礎(chǔ)
- Web環(huán)境下矢量圖形研究與應(yīng)用.pdf
評論
0/150
提交評論