《Photoshop_CS5平面設計案例教程》課件

1、歡迎學習歡迎學習任務一任務一 認識認識Photoshop CS5Photoshop CS5任務二任務二 制作第一個平面作品制作第一個平面作品任務四任務四 設置前景色和背景色設置前景色和背景色任務三任務三 使用輔助工具使用輔助工具任務五任務五 神奇的神奇的PhotoshopPhotoshop圖層圖層PhotoshopPhotoshop應用領域應用領域圖像處理基本知識圖像處理基本知識熟悉熟悉Photoshop CS5Photoshop CS5工作界面工作界面認識Photoshop CS5任務一任務一Photoshop應用領域應用領域隨著隨著Photoshop功能的不斷強化，它的應用領域也功能的不斷

2、強化，它的應用領域也在逐漸擴大，其中：在逐漸擴大，其中：在平面設計方面：在平面設計方面：利用Photoshop可以設計商標、產品包裝、海報、樣本、招貼、廣告、軟件界面、網頁素材和網頁效果圖等各式各樣的平面作品，還可以為三維動畫制作材質，以及對三維效果圖進行后期處理等。在繪畫方面：在繪畫方面：Photoshop具有強大的繪畫功能，利用它可以繪制出逼真的產品效果圖、各種卡通人物和動植物等。在數(shù)碼照片處理方面：在數(shù)碼照片處理方面：利用Photoshop可以進行各種照片合成、修復和上色等操作。例如，為照片更換背景、為人物更換發(fā)型、校正偏色照片，以及美化照片等。圖像處理基本知識圖像處理基本知識1位圖與矢

3、量圖位圖與矢量圖圖像有位圖和矢量圖之分。嚴格地說，位圖被稱為圖像，矢量圖被稱為圖形。它們之間最大的區(qū)別就是位圖放大到一定比例時會變得模糊，而矢量圖則不會。位圖位圖是由許多細小的色塊組成的，每個色塊就是一個像素，每個像素只能顯示一種顏色。像素是構成位圖的最小單位，放大位圖后可看到它們，這就是我們平常所說的馬賽克效果，如下圖所示。顯示比例為100%時的顯示效果顯示比例為400%時的顯示效果矢量圖矢量圖主要是用諸如Illustrator、CorelDRAW等矢量繪圖軟件繪制得到的。矢量圖具有占用存儲空間小、按任意分辨率打印都依然清晰（與分辨率無關）的優(yōu)點，常用于設計標志、插畫、卡通和產品效果圖等。矢

4、量圖的缺點是色彩單調，細節(jié)不夠豐富，無法逼真地表現(xiàn)自然界中的事物。下圖顯示了矢量圖放大前后的效果對比。圖像處理基本知識圖像處理基本知識顯示比例為100%時的顯示效果顯示比例為600%時的顯示效果圖像處理基本知識圖像處理基本知識2像素與圖像分辨率像素與圖像分辨率像素像素是組成位圖圖像最基本的元素，每個像素只能顯示一種顏色，共同組成整幅圖像。圖像分辨率圖像分辨率通常是指圖像中每平方英寸所包含的像素數(shù)，其單位是“像素/英寸”（pixel/inch，ppi）。一般情況下，如果希望圖像僅用于顯示，可將其分辨率設置為72ppi或96ppi（與顯示器分辨率相同）；如果希望圖像用于印刷輸出，則應將其分辨率設置

5、為300ppi或更高。熟悉熟悉Photoshop CS5工作界面工作界面1啟動和退出啟動和退出Photoshop CS5選擇“開始”“所有程序”“Adobe Photoshop CS5”菜單，如下圖所示。如果桌面上有Photoshop CS5的快捷方式圖標 ，雙擊它即可啟動程序。安裝好Photoshop CS5程序后，可使用下面兩種方法啟動啟動它。熟悉熟悉Photoshop CS5工作界面工作界面直接單擊程序窗口菜單欄右側的“關閉”按鈕 。選擇“文件”“退出”菜單。當不需要使用Photoshop CS5時，可以采用以下幾種方法退出退出程序。按【Alt+F4】組合鍵或【Ctrl+Q】組合鍵。熟悉

6、熟悉Photoshop CS5工作界面工作界面2熟悉熟悉Photoshop CS5工作界面工作界面下圖所示為Photoshop CS5的工作界面，可以看出，其主要由標題欄、菜單欄、工具箱、工具屬性欄、圖像窗口和調板等組成。工具屬性欄各種調板狀態(tài)欄工具箱標題欄為了便于講解，我們打開了一幅圖像文件。關于打開文件的方法，請參考項目任務二圖像標簽菜單欄圖像標簽欄選項卡式的圖像窗口圖像窗口熟悉熟悉Photoshop CS5工作界面工作界面標題欄：標題欄：位于界面頂部，其左側顯示了Photoshop CS5程序的圖標和一些常用工具按鈕，最右邊是3個窗口控制按鈕 ，通過單擊它們可以將窗口最小化、最大化和關閉

7、，如下圖所示。工具箱：工具箱：Photoshop CS5的工具箱中包含了70余種工具。這些工具大致可分為選區(qū)制作工具、繪畫工具、修飾工具、顏色設置工具及顯示控制工具等幾類，通過這些工具我們可以方便地編輯圖像。圖像瀏覽軟件查看額外內容，如顯示或隱藏標尺、網格縮放級別排列打開的多個圖像文件設置屏幕顯示模式工作區(qū)切換器窗口控制按鈕圖像瀏覽調板PhotoshopPhotoshop文件基本操作文件基本操作切換和排列圖像窗口切換和排列圖像窗口制作第一個平面作品任務二任務二PhotoshopPhotoshop文件基本操作文件基本操作1新建文件新建文件要創(chuàng)建圖像文件，可選擇“文件”“新建”菜單，或按【Ctrl

8、+N】組合鍵，此時系統(tǒng)將打開下圖所示的“新建”對話框。用戶可在該對話框中設置新圖像文件的名稱、尺寸、分辨率、顏色模式和背景顏色，設置完成后，單擊“確定”按鈕，即可創(chuàng)建所需的圖像文件。設置新建圖像的寬度、高度和分辨率設置新建圖像的顏色模式。其中RGB模式適用于屏幕顯示，CMYK模式適用于印刷設置圖像背景色。選擇“白色”表示創(chuàng)建一個以白色為背景的圖像；選擇“背景色”表示將以當前使用的背景色作為圖像背景；選擇“透明”表示將創(chuàng)建一個透明背景的圖像設置文件名單擊該按鈕可以將設置存儲為默認設置，便于以后使用PhotoshopPhotoshop文件基本操作文件基本操作2保存文件保存文件在編輯圖像文件時，為了

9、避免因意外導致正在編輯的信息丟失，需要經常對圖像執(zhí)行保存操作。要保存文件，可選擇“文件”“存儲”菜單，或按【Ctrl+S】組合鍵。如果圖像為新圖像，系統(tǒng)將打開下圖所示的“存儲為”對話框。用戶可在該對話框中設置文件名、文件格式、文件保存位置等參數(shù)，設置好后，單擊“保存”按鈕即可。輸入圖像文件的保存名稱設置圖像文件的保存位置單擊該按鈕，可從彈出的列表中選擇在對話框中顯示圖像的方式切換至上層文件夾向上一級創(chuàng)建新文件夾選擇圖像文件的保存格式一般情況下，此處的參數(shù)都需要保持默認設置PhotoshopPhotoshop文件基本操作文件基本操作3打開文件打開文件要打開現(xiàn)有的圖像文件進行處理，可選擇“文件”“

10、打開”菜單，或按【Ctrl+O】組合鍵打開下圖所示的“打開”對話框。在該對話框的“查找范圍”下拉列表中選擇文件所在的磁盤，在文件列表找到要打開的文件并單擊，然后單擊“打開”按鈕即可。要打開最近打開過的文件，可選擇“文件”“最近打開文件”菜單，該菜單最多可列出最近打開過的10個文件供用戶選擇。PhotoshopPhotoshop文件基本操作文件基本操作4關閉文件關閉文件當用戶不需要編輯某個圖像文件時，可以通過以下幾種方式將其關閉。選擇“文件”“關閉”菜單。按【Ctrl+W】或【Ctrl+F4】組合鍵。單擊圖像窗口右上角的 或 按鈕。選擇“文件”“關閉全部”菜單，可關閉所有打開的圖像。切換和排列圖

11、像窗口切換和排列圖像窗口1切換圖像窗口切換圖像窗口默認情況下，在Photoshop CS5中新建或打開的圖像均以選項卡方式顯示，當同時打開多幅圖像時，要將某個圖像窗口切換為當前窗口，只需單擊該圖像的標簽即可，如右圖所示。當打開圖像數(shù)量較多，圖像窗口標簽欄中不能顯示所有圖像的標簽時，可以單擊圖像標簽欄右側的雙箭頭 ，在展開的下拉列表中選擇需要切換為當前窗口的圖像名稱。切換和排列圖像窗口切換和排列圖像窗口2排列圖像窗口排列圖像窗口若想同時查看多幅圖像，可單擊Photoshop程序標題欄中的“排列文檔”按鈕 ，從打開的面板中選擇合適的圖像窗口排列方式，包括雙聯(lián)、三聯(lián)、四聯(lián)、全部水平拼貼等，如下圖左圖

12、所示。下圖右圖所示為選擇“六聯(lián)”按鈕 排列效果。使用縮放和平移工具使用縮放和平移工具使用標尺和參考線使用標尺和參考線使用網格使用網格使用輔助工具任務三任務三使用縮放和平移工具使用縮放和平移工具在處理圖像時，通過放大圖像的顯示比例可以方便地對圖像的細節(jié)進行處理，而通過縮小圖像的顯示比例可以方便地觀察圖像的整體。在Photoshop CS5中，縮放和平移視圖主要是利用工具箱中的“縮放工具” 、“抓手工具” 、菜單命令或“導航器”調板進行的，我們將在任務實施的“任務一”中具體練習其操作方法使用標尺和參考線使用標尺和參考線1標尺標尺選擇“視圖”“標尺”菜單，或按【Ctrl+R】組合鍵，可在圖像的左側和

13、頂部顯示或隱藏標尺，如下圖所示。默認狀態(tài)下，標尺原點在圖像窗口左上角。根據(jù)操作需要，用戶可以更改標尺原點位置：將鼠標指針移至水平標尺與垂標尺的相交處，然后按住鼠標左鍵不放拖至圖像窗口中的適合位置，釋放鼠標即可，如下圖右圖所示。要恢復標尺原點默認位置，只需在水平標尺與垂標尺的相交處雙擊鼠標左鍵即可。使用標尺和參考線使用標尺和參考線2參考線參考線參考線是浮動在整個圖像上卻不被打印的直線，主要用來協(xié)助對齊和定位圖形對象。要創(chuàng)建參考線，只需將鼠標指針放置在水平或垂直標尺上，按住鼠標左鍵并向圖像窗口內拖動，至合適位置后釋放鼠標即可，如下圖左圖所示，反復操作可創(chuàng)建多條參考線。也可選擇“視圖”“新建參考線”

14、菜單，打開“新建參考線”對話框，如下圖右圖所示。在對話框中設置參考線的方向和位置，單擊“確定”按鈕精確創(chuàng)建參考線。使用網格使用網格在處理圖像時，借助網格線也可以精確定位對象。選擇“視圖”“顯示”“網格”菜單，或按【Ctrl+ 】組合鍵可在圖像窗口中顯示或隱藏網格線，如下圖所示。使用前景色和背景色工具使用前景色和背景色工具使用使用“顏色顏色”調板調板使用使用“色板色板”調板調板使用吸管工具使用吸管工具設置前景色和背景色任務四任務四使用前景色和背景色工具使用前景色和背景色工具在Photoshop的工具箱中，系統(tǒng)提供了前景色和背景色設置工具，分別用于顯示和設置當前使用的前景色和背景色，如下圖左圖所示

15、。單擊工具箱中的前景色或背景色工具，如單擊前景色工具，將打開“拾色器（前景色）”對話框，拖動光譜滑塊選擇基本的顏色區(qū)域，然后在顏色選擇區(qū)單擊選擇顏色，最后單擊“確定”按鈕即可將所選顏色設置為前景色，如下圖右圖所示。切換前景色和背景色前景色背景色恢復默認的前景色和背景色（分別為純黑色和純白色） 拖動滑塊在光譜中選擇顏色區(qū)域顏色數(shù)值觀察和設置區(qū)，可直接輸入相關數(shù)值來選擇顏色新選定的顏色色樣 在顏色選擇區(qū)單擊選定顏色當前使用的顏色色樣使用使用“顏色顏色”調板調板利用“顏色”調板也可設置前景色或背景色。選擇“窗口”“顏色”菜單，或者按【F6】鍵，打開“顏色”調板。單擊前景色或背景色顏色框，然后拖動R、

16、G、B滑塊或直接輸入數(shù)值可以設置前景色或背景色，如下圖左圖所示。此外，將鼠標光標移至顏色樣板條上，當光標呈 形狀時單擊也可設置前景色和背景色。單擊“顏色”調板右上角的 按鈕，可從打開的調板菜單中選擇滑塊及顏色樣板條的顏色模式，如下圖右圖所示。前景色背景色R、G、B滑塊和相應的顏色編輯框，其中R代表紅、G代表綠、B代表藍，取值范圍都為0255顏色樣板條選擇滑塊的顏色模式選擇顏色樣板條的顏色模式使用使用“色板色板”調板調板選擇選擇“窗口窗口”“色板色板”菜單，打開菜單，打開“色板色板”調板，調板，其中存儲了系統(tǒng)預先設置好的顏色或用戶自定的顏其中存儲了系統(tǒng)預先設置好的顏色或用戶自定的顏色。使用方法如

17、下：色。使用方法如下：在“色板”調板中單擊任意色塊，可將其設置為前景色。按住【Ctrl】鍵的同時單擊“色板”調板中的任意色塊，可將其設置為背景色。使用使用“色板色板”調板調板要刪除某顏色，只需將鼠標光標移至某顏色塊上，按住鼠標左鍵并拖至調板底部的 按鈕上即可。此外，將鼠標光標移至要刪除的顏色塊上，按住【Alt】鍵，當光標呈剪刀狀 時，單擊鼠標也可刪除該顏色，如下圖右圖所示。要在“色板”調板中添加色樣，先利用“顏色”調板或“拾色器”對話框設置好要添加的顏色，然后將光標移至調板中的空白處單擊（此時光標變?yōu)橛推嵬靶螤?）。在打開的“色板名稱”對話框中，輸入色樣名稱或直接單擊“確定”按鈕，即可添加色樣

18、。如下圖左圖所示。使用吸管工具使用吸管工具利用利用“吸管工具吸管工具” ” 可以從圖像中獲取顏色并將其設置為可以從圖像中獲取顏色并將其設置為前景色或背景色。前景色或背景色。打開一幅圖像，在工具箱中選擇“吸管工具” ，然后在需要取樣的位置單擊，即可將單擊處的顏色設置為前景色，如下圖左圖所示；若按住【Alt】鍵單擊，則可將單擊處的顏色設置為背景色，如下圖中圖所示。用戶還可以利用下圖右圖所示的“吸管工具” 屬性欄設置取樣大小。默認情況下，“吸管工具” 僅吸取光標下一個像素的顏色，也可選擇“ ”或“ ”等選項，擴大取樣像素的范圍。“33平均”表示取單擊處周圍9個像素的顏色的平均值，其他選項的意義與此類同神奇的Photoshop圖層任務五任務五神奇的神奇的PhotoshopPhotoshop圖層圖層在在Photoshop中，圖層是一個非常重要的功能。用中，圖層是一個非常重要的功能。用戶在編輯圖像時，執(zhí)行的所有操作都與圖層有著密戶在編輯圖像時，執(zhí)行的所有操作都與圖層有著密切的聯(lián)系。切的聯(lián)系。我們可以將“圖層”想像為透明的玻璃，每層玻璃上都有不