圖形圖像處理

圖形圖像處理第1頁，共57頁，2023年，2月20日，星期六圖像處理的基礎知識色彩的知識圖像的概念版面構成第2頁，共57頁，2023年，2月20日，星期六色彩的知識

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

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

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

圖像的概念

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

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

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

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

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

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

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

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

4.1文本的編輯

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

例9-2

第45頁，共57頁，2023年，2月20日，星期六5蒙版的應用

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

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

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

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

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

例9-4

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

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

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

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

1．創(chuàng)建切片

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

例9-6

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