圖形圖像處理

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

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

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

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

圖像的概念

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

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

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

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

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

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

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

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

4.1文本的編輯

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

例9-2

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

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

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

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

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

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

例9-4

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

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

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

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

1．創(chuàng)建切片

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

例9-6

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

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

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