圖形圖像處理

圖形圖像處理第一頁，共五十七頁，2022年，8月28日圖像處理的基礎(chǔ)知識色彩的知識圖像的概念版面構(gòu)成第二頁，共五十七頁，2022年，8月28日色彩的知識

不同的色彩給人以不同的感覺:給人以沉靜、活潑、溫暖、寒冷等感覺。也可以給人以熱烈、冷漠、樸素、典雅、清爽、愉快等感覺。色彩知識第三頁，共五十七頁，2022年，8月28日

色彩具有三個基本屬性:色相、色調(diào)、飽和度。色彩知識1、色彩屬性第四頁，共五十七頁，2022年，8月28日色彩色相的變化

色相就是色彩的顏色。色彩知識1、色彩屬性第五頁，共五十七頁，2022年，8月28日色彩的色調(diào)變化色調(diào)大致可分為鮮色調(diào)、灰色調(diào)、淺色調(diào)、深色調(diào)和中色調(diào)等。色調(diào)是指色彩的明暗程度。色彩知識1、色彩屬性第六頁，共五十七頁，2022年，8月28日色相和色調(diào)對比對比度：不同顏色之間的差異。色彩知識1、色彩屬性第七頁，共五十七頁，2022年，8月28日紅藍(lán)二色飽和度的變化飽和度是指色彩的純度,又稱為彩度。色彩知識1、色彩屬性第八頁，共五十七頁，2022年，8月28日色彩知識2、色彩的含義第九頁，共五十七頁，2022年，8月28日色彩知識2、色彩的含義第十頁，共五十七頁，2022年，8月28日色彩知識2、色彩的含義第十一頁，共五十七頁，2022年，8月28日色彩知識2、色彩的含義第十二頁，共五十七頁，2022年，8月28日色彩知識2、色彩的含義第十三頁，共五十七頁，2022年，8月28日紅色：波長最長，穿透力強(qiáng)，感知度高。給人以溫暖、興奮、熱烈、堅強(qiáng)、忠誠和威嚴(yán)等向上的感覺。紅色有時意味著嫉妒或暴力，給人以警告、恐怖、危險感。色彩知識2、色彩的含義第十四頁，共五十七頁，2022年，8月28日橙色：具有紅與黃之間的色性，是最溫暖、響亮的色彩。橙色有刺激食欲的作用，在食品包裝設(shè)計中常用。使人感覺活潑、華麗、輝煌、熾熱、幸福。但也有疑惑、妒嫉、偽詐等消極的傾向。色彩知識2、色彩的含義第十五頁，共五十七頁，2022年，8月28日黃色：明度最高，屬于暖色，色相溫柔、平和。代表輕快、光明、輝煌、希望、歡悅等印象。黃色是一種非常醒目的顏色，在戶外標(biāo)識中被當(dāng)作安全色使用。但黃色過于明亮而顯得刺眼，并且和其他顏色相混極易失去原貌，故有輕薄、不穩(wěn)定、冷淡等不良含義。色彩知識2、色彩的含義第十六頁，共五十七頁，2022年，8月28日綠色：是大自然的代表色，象征春天、新鮮、自然、青春、環(huán)保、和平和生命等。綠色最適合人眼注視，有消除疲勞的作用。綠色也用來象征安全、無污染，比如我們常說的綠色食品，同時綠色也是未成年人的象征。色彩知識2、色彩的含義第十七頁，共五十七頁，2022年，8月28日藍(lán)色：與紅色、橙色相反，是最冷的色彩。表示莊重、沉靜、理智、高深、透明等含義，給人幽雅、深刻的感覺，也表示希望、幸福。藍(lán)色象征高科技的強(qiáng)烈現(xiàn)代感，莊重理性和科技的感覺在IT企業(yè)中多被采用。藍(lán)色是聯(lián)合國規(guī)定的新聞象征顏色。藍(lán)色也有刻板、冷漠、悲哀和恐懼等印象。色彩知識2、色彩的含義第十八頁，共五十七頁，2022年，8月28日紫色：具有神秘、高貴、優(yōu)美、莊重、奢華的氣質(zhì)。含淺灰的紅紫或藍(lán)紫色，卻有著類似太空、宇宙色彩的幽雅、神秘之時代感，在現(xiàn)代生活在中廣泛被采用。但有時也使人感到孤寂、消極。較暗或含深灰的紫，給人以不祥、腐朽、死亡等印象。色彩知識2、色彩的含義第十九頁，共五十七頁，2022年，8月28日色彩知識2、色彩的含義第二十頁，共五十七頁，2022年，8月28日黑色：沒有色相和純度。給人沉靜、神秘、嚴(yán)肅、莊重、含蓄的感覺。它有調(diào)和色彩的作用。意喻深沉、神秘、死亡、悲哀，屬不吉利色,使人產(chǎn)生凄寒和失望的意念，不能大面積使用。色彩知識2、色彩的含義第二十一頁，共五十七頁，2022年，8月28日灰色：是中性色，其突出的特點(diǎn)為柔和、細(xì)致、平穩(wěn)、樸素、大方等，不像黑色與白色那樣會明顯影響其他的色彩。因此，常作為非常理想的背景色彩。任何色彩都可以和灰色相混合，略有色相感的含灰色能給人以高雅、細(xì)膩、含蓄、穩(wěn)重、文明而有素養(yǎng)的高檔感覺。但是濫用灰色易使人感覺乏味、寂寞、憂郁、無激情、無興趣等。色彩知識2、色彩的含義第二十二頁，共五十七頁，2022年，8月28日色彩知識土褐色：含一定灰色的中、低明度各種色彩，如土紅、土綠、熟褐、生褐、土黃、咖啡、古銅、茶褐等色，性格顯得不太強(qiáng)烈，其親和性易與其他色彩配合，特別是和鮮艷色搭配，效果甚佳。土褐色同時使人想起金秋的收獲季節(jié)，有成熟、謙讓、豐富和隨和的感覺。2、色彩的含義第二十三頁，共五十七頁，2022年，8月28日色彩知識2、色彩的含義第二十四頁，共五十七頁，2022年，8月28日

圖像的概念

圖像的類型顏色的模式圖像的格式圖像的概念第二十五頁，共五十七頁，2022年，8月28日1、圖像的類型在計算機(jī)中，圖像是以數(shù)字方式來記錄、處理和保存的，所以圖像也可以說是數(shù)字化圖像。圖像類型可分為：位圖圖像和矢量圖像。圖像的概念第二十六頁，共五十七頁，2022年，8月28日位圖圖像：由許多像素點(diǎn)組成。優(yōu)點(diǎn)：可以逼真地表現(xiàn)自然界的景觀,在表現(xiàn)陰影和色彩的細(xì)微變化方面，也有著極好的表現(xiàn)。廣泛應(yīng)用在照片或繪畫圖像中。缺點(diǎn)：1）無法制作真正的三維圖像。2）與分辨率有關(guān)，圖像縮放和旋轉(zhuǎn)時會失真。3）文件較大，對內(nèi)存和硬盤空間容量需求較高。圖像的概念1、圖像的類型第二十七頁，共五十七頁，2022年，8月28日矢量圖像：以數(shù)學(xué)描述的方式來記錄圖像內(nèi)容。它的內(nèi)容以線條和色塊為主。優(yōu)點(diǎn)：與分辨率無關(guān)，文件存儲空間小，是文字和粗放圖形的最佳選擇?？梢灾谱魅S圖像。缺點(diǎn)：不易制作色調(diào)豐富或色彩變化太多的圖像，而且繪制出來的圖像不是很逼真，無法像照片一樣精確地描述自然界的景觀。圖像的概念1、圖像的類型第二十八頁，共五十七頁，2022年，8月28日矢量圖像與位圖圖像的區(qū)別:圖像的概念1、圖像的類型第二十九頁，共五十七頁，2022年，8月28日2、圖像的格式PSD格式BMP格式GIF格式JPEG和JPEG2000格式PNG格式SWF格式圖像的概念第三十頁，共五十七頁，2022年，8月28日版面構(gòu)成利用簡單的文字和顏色，制造一些視覺上的特殊感受。版面構(gòu)成第三十一頁，共五十七頁，2022年，8月28日版面構(gòu)成版面構(gòu)成第三十二頁，共五十七頁，2022年，8月28日Fireworks8圖像處理

Fireworks8是一個完全為網(wǎng)頁制作者設(shè)計的圖像處理軟件。它在繪圖方面結(jié)合了位圖以及矢量圖處理的特點(diǎn)，不僅具備復(fù)雜的圖像處理功能，能夠自由地導(dǎo)入各種圖像，并且還能輕松地把圖像輸出到Flash、Dreamweaver以及第三方的應(yīng)用程序第三十三頁，共五十七頁，2022年，8月28日1Fireworks8工作界面第三十四頁，共五十七頁，2022年，8月28日2編輯區(qū)

編輯區(qū)位于應(yīng)用程序的中心，在編輯區(qū)中不僅可以繪制矢量圖，也可以直接處理位圖。在編輯區(qū)有四個選項(xiàng)卡，分別是“原始”、“預(yù)覽”、“2幅”和“4幅”。第三十五頁，共五十七頁，2022年，8月28日3繪圖工具

Fireworks8的圖像處理工具主要都集中在“工具”面板上。Fireworks8的“工具”面板分成了多個區(qū)域，包括選擇、位圖、矢量、Web、顏色和視圖等區(qū)域，每個區(qū)域都提供了實(shí)現(xiàn)不同功能的常用工具。本節(jié)主要介紹“工具”面板中涉及的常用繪圖工具，有效利用這些工具可以繪制出各種圖形，并可為其設(shè)置相應(yīng)的屬性，如顏色、大小、位置等。第三十六頁，共五十七頁，2022年，8月28日3.1“選擇”區(qū)域

1．“指針”工具2．“選擇后方對象”工具3．“部分選定”工具4.“縮放”工具、“傾斜”工具和“扭曲”工具5．“裁剪”工具6．“導(dǎo)出區(qū)域”工具第三十七頁，共五十七頁，2022年，8月28日第三十八頁，共五十七頁，2022年，8月28日3.2“位圖”區(qū)域

1．“選取框”工具和“橢圓選取框”工具2．“套索”工具和“多邊形套索”工具3.“鉛筆”工具4．“刷子”工具5．“橡皮擦”工具6．“橡皮圖章”工具第三十九頁，共五十七頁，2022年，8月28日第四十頁，共五十七頁，2022年，8月28日3.3“顏色”區(qū)域

1．“滴管”工具2.“油漆桶”工具和“漸變”工具第四十一頁，共五十七頁，2022年，8月28日3.4“矢量”區(qū)域1.“直線”工具2.鋼筆工具

3．“矢量路徑”工具和“重繪路徑”工具4.繪圖工具5.“自由變形”工具6．“更改區(qū)域形狀”工具7.“路徑洗刷”工具8.“刀子”工具第四十二頁，共五十七頁，2022年，8月28日第四十三頁，共五十七頁，2022年，8月28日4文本工具

4.1文本的編輯

1.輸入文本2．編輯文本第四十四頁，共五十七頁，2022年，8月28日4.2文本與路徑1．將文本附加到路徑2．將文本轉(zhuǎn)換為路徑例9-1

例9-2

第四十五頁，共五十七頁，2022年，8月28日5蒙版的應(yīng)用

蒙版又稱為遮罩，是一項(xiàng)很有用的圖形處理方法，使用蒙版可以為各個對象制作出自己想要達(dá)到的光影明暗效果?？梢暂p易地把一張彩色的位圖圖片中的顏色改為同一色系的顏色，還可以在文字內(nèi)部填充上不同的圖案顏色。Fireworks中的蒙版分為矢量蒙版和位圖蒙版。將矢量對象用作蒙版會產(chǎn)生矢量蒙版，將位圖對象用作蒙版會產(chǎn)生位圖蒙版。

第四十六頁，共五十七頁，2022年，8月28日5.1創(chuàng)建矢量蒙版

矢量蒙版也稱為剪貼路徑。矢量蒙版對象將下方的對象裁剪或剪貼為其路徑的形狀，從而產(chǎn)生不同的效果。創(chuàng)建矢量蒙版的前提是必須具有具有矢量對象，并至少有兩層不同的對象。例9-3

例9-3-1第四十七頁，共五十七頁，2022年，8月28日5.2創(chuàng)建位圖蒙版

位圖蒙版創(chuàng)建方法和矢量蒙版完全相同，不同的是位圖蒙版不是以外形來遮罩，而是根據(jù)蒙版的顏色來遮罩。位圖蒙版還可以使用“層”面板來創(chuàng)建。

例9-4

例9-4-1第四十八頁，共五十七頁，2022年，8月28日4．對象的排列同一層的不同對象在編輯區(qū)中是有上下的排列順序的，對于對象的上下排列順序，可以使用菜單欄中【修改】|【排列】下的相應(yīng)命令進(jìn)行調(diào)整5．對象的對齊6．對象相互結(jié)合路徑的接合功能用于將多個路徑合并成單個路徑對象?？蛇B接兩個斷開路徑的端點(diǎn)以創(chuàng)建單個封閉路徑，或者可結(jié)合多個路徑來創(chuàng)建一個復(fù)合路徑第四十九頁，共五十七頁，2022年，8月28日6濾鏡的應(yīng)用Fireworks中的濾鏡功能能夠?yàn)槲谋净驁D像等對象添加特色效果，例如，調(diào)整圖像色調(diào)，為對象添加陰影，以及設(shè)置對象的模糊效果等。在Fireworks中主要通過“屬性”面板中的“濾鏡”選項(xiàng)來實(shí)現(xiàn)，使用這種方法得到的濾鏡效果是沒有破壞性的，不會永久地改變像素，并且可以隨時刪除或者編輯。第五十頁，共五十七頁，2022年，8月28日例9-5

第五十一頁，共五十七頁，2022年，8月28日7網(wǎng)頁元素的應(yīng)用

網(wǎng)頁中最常見的元素是圖像元素、超鏈接與按鈕。圖像元素可以通過Fireworks中的切片得到，超鏈接（熱點(diǎn)）與按鈕既可以在Dreamweaver中創(chuàng)建，也可以在Fireworks中創(chuàng)建。切片和熱點(diǎn)是網(wǎng)頁對象，即它們不是以圖像的形式存在，而是一段HTML代碼。可以通過“層”面板中的“網(wǎng)頁層”查看、選擇和重命名它們

第五十二頁，共五十七頁，2022年，8月28日7.1切片工具

1．創(chuàng)建切片

2．顯示或者隱藏切片第五十三頁，共五十七頁，2022年，8月28日7.2熱點(diǎn)工具熱點(diǎn)工具共有三種：“矩形熱點(diǎn)”工具、“圓形熱點(diǎn)”工具和“多邊形熱點(diǎn)”工具，它們分別創(chuàng)建矩形、圓形和任意多邊形的熱點(diǎn)。

例9-6

例9-7第五十四頁，共五十七頁，2022年，8月28日7.3動畫按鈕按鈕是網(wǎng)頁中常用的元素，在Fireworks中創(chuàng)建具有交互行為的按鈕非常簡單，利用按鈕編輯器就可以完成按鈕的創(chuàng)建過程。將多個按鈕組合起來，就可以構(gòu)建導(dǎo)航欄。所謂導(dǎo)航欄，是指一組分別指向不同鏈接地址的按鈕，用于一系列具有相同級別的網(wǎng)頁間進(jìn)行跳轉(zhuǎn)。例9-8

第五十五頁，共五十七頁，2022年，8月28日7.4彈出菜單

彈出菜單主要用于導(dǎo)航欄中的欄目存在分欄的情況，當(dāng)鼠標(biāo)指針指向?qū)Ш綑谀硞€欄目的按鈕或熱點(diǎn)時，會出現(xiàn)相應(yīng)的彈出菜單顯示分欄目的內(nèi)容；在彈出菜單中，單擊相應(yīng)的分欄目，即可鏈接到分欄目所在的頁面。使用Fireworks8的彈出菜單編輯器，能自動生成網(wǎng)頁中的彈出菜單效果。另外，在導(dǎo)入到Dreamweaver后，無須再手工修改代碼，