圖形圖像處理

圖形圖像處理第1頁(yè)，共57頁(yè)，2023年，2月20日，星期六圖像處理的基礎(chǔ)知識(shí)色彩的知識(shí)圖像的概念版面構(gòu)成第2頁(yè)，共57頁(yè)，2023年，2月20日，星期六色彩的知識(shí)

不同的色彩給人以不同的感覺(jué):給人以沉靜、活潑、溫暖、寒冷等感覺(jué)。也可以給人以熱烈、冷漠、樸素、典雅、清爽、愉快等感覺(jué)。色彩知識(shí)第3頁(yè)，共57頁(yè)，2023年，2月20日，星期六

色彩具有三個(gè)基本屬性:色相、色調(diào)、飽和度。色彩知識(shí)1、色彩屬性第4頁(yè)，共57頁(yè)，2023年，2月20日，星期六色彩色相的變化

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

圖像的概念

圖像的類型顏色的模式圖像的格式圖像的概念第25頁(yè)，共57頁(yè)，2023年，2月20日，星期六1、圖像的類型在計(jì)算機(jī)中，圖像是以數(shù)字方式來(lái)記錄、處理和保存的，所以圖像也可以說(shuō)是數(shù)字化圖像。圖像類型可分為：位圖圖像和矢量圖像。圖像的概念第26頁(yè)，共57頁(yè)，2023年，2月20日，星期六位圖圖像：由許多像素點(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、圖像的類型第27頁(yè)，共57頁(yè)，2023年，2月20日，星期六矢量圖像：以數(shù)學(xué)描述的方式來(lái)記錄圖像內(nèi)容。它的內(nèi)容以線條和色塊為主。優(yōu)點(diǎn)：與分辨率無(wú)關(guān)，文件存儲(chǔ)空間小，是文字和粗放圖形的最佳選擇。可以制作三維圖像。缺點(diǎn)：不易制作色調(diào)豐富或色彩變化太多的圖像，而且繪制出來(lái)的圖像不是很逼真，無(wú)法像照片一樣精確地描述自然界的景觀。圖像的概念1、圖像的類型第28頁(yè)，共57頁(yè)，2023年，2月20日，星期六矢量圖像與位圖圖像的區(qū)別:圖像的概念1、圖像的類型第29頁(yè)，共57頁(yè)，2023年，2月20日，星期六2、圖像的格式PSD格式BMP格式GIF格式JPEG和JPEG2000格式PNG格式SWF格式圖像的概念第30頁(yè)，共57頁(yè)，2023年，2月20日，星期六版面構(gòu)成利用簡(jiǎn)單的文字和顏色，制造一些視覺(jué)上的特殊感受。版面構(gòu)成第31頁(yè)，共57頁(yè)，2023年，2月20日，星期六版面構(gòu)成版面構(gòu)成第32頁(yè)，共57頁(yè)，2023年，2月20日，星期六Fireworks8圖像處理

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

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

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

1．“指針”工具2．“選擇后方對(duì)象”工具3．“部分選定”工具4.“縮放”工具、“傾斜”工具和“扭曲”工具5．“裁剪”工具6．“導(dǎo)出區(qū)域”工具第37頁(yè)，共57頁(yè)，2023年，2月20日，星期六第38頁(yè)，共57頁(yè)，2023年，2月20日，星期六3.2“位圖”區(qū)域

1．“選取框”工具和“橢圓選取框”工具2．“套索”工具和“多邊形套索”工具3.“鉛筆”工具4．“刷子”工具5．“橡皮擦”工具6．“橡皮圖章”工具第39頁(yè)，共57頁(yè)，2023年，2月20日，星期六第40頁(yè)，共57頁(yè)，2023年，2月20日，星期六3.3“顏色”區(qū)域

1．“滴管”工具2.“油漆桶”工具和“漸變”工具第41頁(yè)，共57頁(yè)，2023年，2月20日，星期六3.4“矢量”區(qū)域1.“直線”工具2.鋼筆工具

3．“矢量路徑”工具和“重繪路徑”工具4.繪圖工具5.“自由變形”工具6．“更改區(qū)域形狀”工具7.“路徑洗刷”工具8.“刀子”工具第42頁(yè)，共57頁(yè)，2023年，2月20日，星期六第43頁(yè)，共57頁(yè)，2023年，2月20日，星期六4文本工具

4.1文本的編輯

1.輸入文本2．編輯文本第44頁(yè)，共57頁(yè)，2023年，2月20日，星期六4.2文本與路徑1．將文本附加到路徑2．將文本轉(zhuǎn)換為路徑例9-1

例9-2

第45頁(yè)，共57頁(yè)，2023年，2月20日，星期六5蒙版的應(yīng)用

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

第46頁(yè)，共57頁(yè)，2023年，2月20日，星期六5.1創(chuàng)建矢量蒙版

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

例9-3-1第47頁(yè)，共57頁(yè)，2023年，2月20日，星期六5.2創(chuàng)建位圖蒙版

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

例9-4

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

第51頁(yè)，共57頁(yè)，2023年，2月20日，星期六7網(wǎng)頁(yè)元素的應(yīng)用

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

第52頁(yè)，共57頁(yè)，2023年，2月20日，星期六7.1切片工具

1．創(chuàng)建切片

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

例9-6

例9-7第54頁(yè)，共57頁(yè)，2023年，2月20日，星期六7.3動(dòng)畫按鈕按鈕是網(wǎng)頁(yè)中常用的元素，在Fireworks中創(chuàng)建具有交互行