第3章態(tài)圖像處理與制作

1、 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程 第3章 靜態(tài)圖像處理與制作任課教師：杜鵑 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程本章主要內(nèi)容3.1 圖像的相關(guān)知識(shí)3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）3.4 photoshop 實(shí)例解析（1）3.5 photoshop 實(shí)例解析（2） 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程本章的教學(xué)重點(diǎn)、難點(diǎn)v教學(xué)重點(diǎn)：分辨率，點(diǎn)陣圖與矢量圖，工具的屬性設(shè)置和使用方法，選區(qū)、圖層、濾鏡、路徑、通道等

2、圖像處理方法的運(yùn)用v教學(xué)難點(diǎn)：分辨率，點(diǎn)陣圖與矢量圖，工具的屬性設(shè)置和使用方法，選區(qū)、圖層、濾鏡、路徑、通道等圖像處理方法的運(yùn)用 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程教學(xué)基本要求1了解常見圖像格式特點(diǎn)及相互轉(zhuǎn)換，理解點(diǎn)陣圖與矢量圖，掌握分辨率。2初步掌握選區(qū)、圖層、濾鏡、路徑、通道等圖像處理方法的運(yùn)用，掌握photoshop基本操作、工具的屬性設(shè)置和使用方法。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v*多媒體圖像設(shè)備（簡(jiǎn)單講解+自學(xué)）v*有關(guān)圖像的基礎(chǔ)知識(shí)（第3章理論部分）v*圖像素材的獲取

3、（簡(jiǎn)單講解+自學(xué)）v*圖像處理軟件（第3章基本操作部分） 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)第3章理論部分：一、分辨率二、點(diǎn)陣圖與矢量圖三、常見圖像格式四、圖像格式的相互轉(zhuǎn)換 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v一、分辨率v1、圖像分辨率：指圖像中存儲(chǔ)的信息量。這種分辨率有多種衡量方法，典型的是以每英寸的像素?cái)?shù)（ppi）來衡量。圖像分辨率和圖像尺寸（寬高）共同決定文件大小和輸出質(zhì)量。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3

4、.1 圖像的相關(guān)知識(shí)2、掃描分辨率：掃描前設(shè)定。光學(xué)分辨率和最大分辨率（軟、硬件擴(kuò)充功能）。掃描分辨率:指在掃描一幅圖象之前所設(shè)定的分辨率，它將影響所生成的圖象文件的質(zhì)量和使用性能，它決定圖象將以何種方式顯示或打印。如果掃描圖象用于640480像素的屏幕顯示，則掃描分辨率不必大于一般顯示器屏幕的設(shè)備分辨率，即一般不超過120dpi。但大多數(shù)情況下，掃描圖象是為了在高分辨率的設(shè)備中輸出。如果圖象掃描分辨率過低，會(huì)導(dǎo)致輸出的效果非常粗糙。反之，如果掃描分辨率過高，則數(shù)字圖象中會(huì)產(chǎn)生超過打印所需要的信息，不但減慢打印速度，而且在打印輸出時(shí)會(huì)使圖象色調(diào)的細(xì)微過渡丟失。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)

5、計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v3、圖像的位分辨率：位深。用來衡量每個(gè)像素存儲(chǔ)信息的位數(shù)。v 4、設(shè)備分辨率：又稱輸出分辨率。指的是各類輸出設(shè)備每英寸上可產(chǎn)生的點(diǎn)數(shù)，如顯示器、噴墨打印機(jī)、激光打印機(jī)、繪圖儀的分辨率。這種分辨率通過dpi來衡量，目前，pc顯示器的設(shè)備分辨率在60至120dpi之間。而打印設(shè)備的分辨率則在360至1440dpi之間 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v二、點(diǎn)陣圖與矢量圖v點(diǎn)陣圖的最小的圖像單元是一個(gè)個(gè)點(diǎn)，稱作象素點(diǎn)，所有的點(diǎn)陣圖像都會(huì)有一個(gè)絕對(duì)的圖像尺寸，用來表

6、示水平和垂直方向的象素點(diǎn)的數(shù)量。當(dāng)點(diǎn)陣圖像放大時(shí)，會(huì)出現(xiàn)失真的情況，因?yàn)樵瓉淼奈⑿〉南笏攸c(diǎn)被放大，圖像的局部就會(huì)變得不清晰。v矢量圖恰恰與點(diǎn)陣圖相反，它不是由一個(gè)個(gè)象素點(diǎn)組成的，而是通過數(shù)學(xué)計(jì)算而得出的圖像（圖形），它最大的特點(diǎn)就是，不管圖像放大或縮小多少倍，都不會(huì)產(chǎn)生失真的現(xiàn)象。v在計(jì)算機(jī)中，點(diǎn)陣圖像的文件一般較大，而且隨著圖像尺寸的加大，文件也會(huì)變得更大。相反，矢量圖像的文件一般較小，而且與圖像的尺寸大小無關(guān)，實(shí)際上這正是矢量圖像的優(yōu)勢(shì)所在。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v補(bǔ)充內(nèi)容：v1）點(diǎn)陣圖：位圖圖像或繪制圖像。v

7、特點(diǎn)：放大失真。文件體積由面積和色彩復(fù)雜程度決定。 v2）矢量圖：又叫面向?qū)ο蟮膱D像或繪圖圖像。圖形元素為對(duì)象。每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體，有顏色、形狀、輪廓、大小和屏幕位置等屬性。v特點(diǎn)：放大不失真。文件體積較點(diǎn)陣圖小，與圖形元素個(gè)數(shù)和每個(gè)元素的復(fù)雜度成正比。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v三、常見圖像格式v1、jpeg格式v這是一種壓縮的圖像格式，是近年來發(fā)展最快的一種格式，它的特點(diǎn)是文件的尺寸較小，而失真度不大。特別適合用來保存照片圖像，如人物、風(fēng)景等真實(shí)的圖像。v2、bmp格式v是一種位圖格式，它的特點(diǎn)是，文件

8、的尺寸只與圖像的大小有關(guān)，而與圖像的內(nèi)容無關(guān)，它記錄圖像的每一個(gè)象素點(diǎn)。圖像顯示的速度是最快的，windows采用此種格式作為標(biāo)準(zhǔn)的圖像格式。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v3、psd格式v這是photoshop默認(rèn)的圖像格式，目前已被世界上多數(shù)圖像軟件廠商所接受，在多數(shù)圖像軟件中得到支持，它的最大的特點(diǎn)是，圖像中包含了全部的圖層及效果等重要信息，對(duì)于圖像的編輯與修改十分有用。此種格式的文件尺寸也較大。v4、gif格式v這也是一種尺寸較小的圖像格式，圖像只包含256種顏色，因此，在表現(xiàn)力上有一定的影響，不適合存儲(chǔ)精細(xì)的圖像

9、，常用在一些對(duì)效果要求不高、對(duì)尺寸要求較高的場(chǎng)合，如互聯(lián)網(wǎng)上。網(wǎng)頁上的很多圖像和動(dòng)畫，都是采用此種格式。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v5、tif格式v這種格式的圖像，顏色信息非常豐富，細(xì)節(jié)表現(xiàn)完美，但文件尺寸較大，常用在印刷出版和廣告業(yè)中。v四、圖像格式的相互轉(zhuǎn)換v1、圖像處理軟件v2、專用圖像格式轉(zhuǎn)換器 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v第3章基本操作部分： v一、photoshop界面與基本操作v二、工具的屬性設(shè)置和使用方法 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊

10、哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v第3章基本操作部分： v一、photoshop界面與基本操作v1、版本與安裝 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v2、界面1）菜單欄2）選項(xiàng)控制面板3）工具箱4）繪圖工作區(qū)5）狀態(tài)條6）浮動(dòng)控制面板 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v3、基本操作1）打開圖像文件2）保存圖像文件3）圖像文件的另存4）從windows剪貼板獲得圖像 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件

11、教程多媒體實(shí)用軟件教程3.1 圖像的相關(guān)知識(shí)v4、圖像的簡(jiǎn)單變換1）圖像的裁切2）圖像選區(qū)的常規(guī)變換3）圖像大小的變換4）畫布大小的變換5）圖像色彩模式的轉(zhuǎn)換6）圖像的調(diào)色工作 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程回顧與提問v1、簡(jiǎn)述什么是圖像分辨率。v2、簡(jiǎn)述什么是點(diǎn)陣圖、矢量圖以及二者的區(qū)別。v3、回顧圖像大小的設(shè)置工作。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）v第3章基本操作部分：v二、工具的屬性設(shè)置和使用方法1、選取/

12、編輯類工具（1）矩形選取工具（2）橢圓選取工具（3）單行、單列選取工具（4）套索選取工具 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）（5）多邊形套索選取工具（6）磁性套索選取工具（7）魔術(shù)棒選取工具（8）快速選擇工具（9）選區(qū)邊緣的精細(xì)調(diào)整（10）選區(qū)運(yùn)算（11）移動(dòng)工具 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）2、繪圖類工具（1）畫筆工具 （6）

13、歷史記錄畫筆工具（2）鉛筆工具 （7）歷史記錄藝術(shù)畫筆工具（3）橡皮擦工具（4）背景橡皮擦工具（5）魔術(shù)橡皮擦工具 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）3、修圖類工具（1）修復(fù)畫筆工具（2）修補(bǔ)工具（3）仿制圖章、圖案圖章工具（4）模糊、銳化、涂抹工具 （5）加深、減淡、海綿工具 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）4、填色類工具（1）漸

14、變工具（2）油漆桶工具 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）5、輔助預(yù)覽類工具（1）吸管工具、顏色取樣器工具（2）標(biāo)尺工具（3）附注工具、語音批準(zhǔn)工具（4）抓手工具、放大鏡工具 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）6、文字類工具的使用、文字類工具的使用 p104v1）建立美工文字（point text）：t；設(shè)置屬性；單擊工作區(qū)v2）建立

15、段落文字（paragraph text）: t；設(shè)置屬性；在工作區(qū)托拽、填字va.顯示段落文字框：選文字圖層；t；單擊文字出現(xiàn)框vb.調(diào)整段落文字框：有8個(gè)控制點(diǎn)可調(diào)文字區(qū)域大??；稍微離開框可旋轉(zhuǎn)；ctrl+shift+稍微離開框可傾斜 v3）轉(zhuǎn)換美工文字與段落文字：選文字圖層；圖層文字 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）v 4）建立文字選取范圍v方法一：t；文字遮罩按鈕（此時(shí)輸入的文字馬上可以變成選取范圍）v方法二：ctrl+單擊文字圖層；選其它層后可拷貝、粘貼

16、v 5）選取文字：?jiǎn)螕粑淖謱?；t；托拽選中文字v 6）設(shè)置文字字符、段落屬性：窗口字符或段落（調(diào)板）v 7）改變文字走向：選項(xiàng)控制面板或者選文字層；圖層文字v 8）文字防鋸齒：選文字層；圖層文字v 9）文字變形：選項(xiàng)控制面板或者圖層文字文字變形 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2）7、路徑類工具 路徑類工具主要用來輸入文字、描繪圖像去背景所需的路徑（path）或是向量圖形對(duì)象，上面所介紹的“文字”工具，實(shí)際上也是一個(gè)特殊的路徑類工具。使用路徑類工具時(shí)應(yīng)配合路徑（pa

17、th）與圖層（layer）浮動(dòng)控制面板一起使用。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.3 photoshop工具箱的使用（2） 路徑浮動(dòng)控制面板可以完成建立新路徑、刪除路徑、將路徑轉(zhuǎn)換成選取范圍、將選取范圍轉(zhuǎn)換為路徑、對(duì)路徑填色、路徑描邊等操作。若是想在每種操作中進(jìn)行一些控制，或者改變一些參數(shù)的話，可以使用路徑控制面板上的指令菜單來完成。配合路徑類工具的選項(xiàng)控制面板共同管理路徑。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.2 photoshop工具箱的使用（1）3.

18、3 photoshop工具箱的使用（2）當(dāng)路徑與選區(qū)配合使用時(shí)：1）摳圖時(shí)：快而較準(zhǔn)。2）可精確確定選區(qū)。比如，鋼筆工具的使用。3）路徑可以保存。（即選區(qū)可存、可再調(diào)） 實(shí)例：黑白照片上色。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.4 photoshop實(shí)例解析（1）3.5 photoshop實(shí)例解析（2）v*圖層理念進(jìn)行圖像處理的手法 eg:立體按鈕的制作（綜合運(yùn)用圖層、圖層特效、濾鏡等手段）v快速蒙版：選區(qū)與快速蒙版工作模式的切換是通過工具箱里的工具按鈕完成。 查看通道調(diào)板，用其命令菜單調(diào)整快速蒙版。 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒

19、體實(shí)用軟件教程多媒體實(shí)用軟件教程3.4 photoshop實(shí)例解析（1）3.5 photoshop實(shí)例解析（2）v*蒙板理念進(jìn)行圖像處理的手法 eg:蒙板是怎么回事 蒙版定義圖層的透明區(qū)域 黑：透明 即本層圖像完全不顯現(xiàn) 白：不透明 即本層圖像完全顯現(xiàn) 灰：半透明 即本層圖像半透明顯現(xiàn) eg:利用蒙版處理圖像 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.4 photoshop實(shí)例解析（1）3.5 photoshop實(shí)例解析（2）v*通道是怎么回事 每個(gè)通道是一個(gè)灰度圖，就像一個(gè)蒙版，決定著單色光的顯現(xiàn)程度。使用畫筆工具涂抹，調(diào)整灰度，影響顏色的合成。 al

20、pha通道：用于存儲(chǔ)選區(qū)。 eg:利用通道處理圖像 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.4 photoshop實(shí)例解析（1）3.5 photoshop實(shí)例解析（2）*選區(qū)的綜合確定 1）使用選取工具 2）使用選取菜單命令 3）以快速蒙版模式建立選取范圍 4）將路徑轉(zhuǎn)換為選取范圍 5）將圖層或圖層蒙版轉(zhuǎn)換為選取范圍 齊齊哈爾大學(xué)計(jì)控學(xué)院齊齊哈爾大學(xué)計(jì)控學(xué)院 多媒體實(shí)用軟件教程多媒體實(shí)用軟件教程3.4 photoshop實(shí)例解析（1）3.5 photoshop實(shí)例解析（2）v*摳圖的幾種基本方法v1）工具法。適用于背景或前景顏色單一的圖片。優(yōu)點(diǎn)是確定選區(qū)的速度快，可配合選區(qū)運(yùn)算按鈕、選擇菜單進(jìn)一步精確選區(qū)。缺點(diǎn)是對(duì)于色彩、前景輪廓復(fù)雜的圖片不適用。