《Photoshop項(xiàng)目案例實(shí)戰(zhàn)入門（微課視頻版）》教學(xué)大綱第1章 Photoshop概述

第1章Photoshop概述圖像基礎(chǔ)知識(shí)Photoshop的應(yīng)用領(lǐng)域認(rèn)識(shí)Photoshop認(rèn)識(shí)圖形圖像基礎(chǔ)知識(shí)，分辨位圖與矢量圖，學(xué)習(xí)各種顏色模式的特點(diǎn)認(rèn)識(shí)Photoshop工作界面，熟悉其基本操作認(rèn)識(shí)Photoshop的應(yīng)用領(lǐng)域1.1圖像基礎(chǔ)知識(shí)1.1.1位圖與矢量圖1.1.2色彩模式1.1.3文件格式1.1.4分辨率1.1.5通道1.1圖像基礎(chǔ)知識(shí)1.1.1位圖與矢量圖位圖也稱點(diǎn)陣圖或像素圖，將位圖放大到一定程度會(huì)發(fā)現(xiàn)緊密排列的小方格，這些方格即為像素點(diǎn)，像素是位圖的最小組成單位。同樣尺寸的位圖，像素越多圖像越清晰，顏色之間的混合也越平滑。位圖圖像表現(xiàn)力強(qiáng)、圖像細(xì)膩、層次多，可以表現(xiàn)十分絢麗的色彩效果。由于位圖是由可編輯的眾多像素點(diǎn)組成，所以對圖像進(jìn)行放大、縮小或拉伸時(shí)，會(huì)使位圖失真。位圖

1.1圖像基礎(chǔ)知識(shí)1.1.1位圖與矢量圖矢量圖又叫向量圖，是由一系列的計(jì)算機(jī)指令來描述和記錄的一張圖，它所記錄的是形狀、線條和色彩。其最重要的優(yōu)點(diǎn)是放大不失真，因此廣泛應(yīng)用于標(biāo)志設(shè)計(jì)、圖案設(shè)計(jì)、插畫設(shè)計(jì)等。其缺點(diǎn)是難以表現(xiàn)色彩豐富、層次清晰的圖像效果。矢量圖1.1圖像基礎(chǔ)知識(shí)1.1.2色彩模式圖像根據(jù)其呈現(xiàn)的顏色樣式分為多種色彩模式，常見的為RGB模式、CMYK模式、灰度模式、位圖模式和索引模式。這是Photoshop最常用的顏色模式，也稱之為真彩色顏色模式，在RGB模式下顯示的圖像質(zhì)量最高。因此成為了Photoshop的默認(rèn)模式，并且Photoshop中的許多效果都需在RGB模式下才可以生效。RGB顏色模式主要是由R（紅）、G（綠）、B（藍(lán)）3種基本色相加進(jìn)行配色，并組成了紅、綠、藍(lán)3種顏色通道。在打印圖像時(shí)，不能打印RGB模式的圖像，這時(shí)需要將RGB模式下的圖像更改為CMYK模式。RGB模式1.1圖像基礎(chǔ)知識(shí)1.1.2色彩模式這也是常用的顏色模式，主要是運(yùn)用于印刷品的顏色模式，CMYK模式主要是由C（青）、M（洋紅）、Y（黃）、K（黑）4種顏色混合而配色的。CMYK模式灰度模式下的圖像只有灰度，而沒有其他顏色。每個(gè)像素都是以8位或16位顏色表示，如果將彩色圖像轉(zhuǎn)換成灰度模式后，所有的顏色將被不同的灰度所代替。灰度模式1.1圖像基礎(chǔ)知識(shí)1.1.2色彩模式位圖模式是用黑色和白色來表現(xiàn)圖像的，不包含灰度和其他顏色，因此它也被稱為黑白圖像。如果需要將一幅圖像轉(zhuǎn)換成位圖模式，應(yīng)首先將其轉(zhuǎn)換成灰度模式。位圖模式位圖模式主要用于多媒體的動(dòng)畫以及網(wǎng)頁上，當(dāng)彩色圖像轉(zhuǎn)換為索引模式，圖像的顏色包含256種，它主要是通過一個(gè)顏色表存放其所有的顏色，如果使用者在查找一個(gè)顏色時(shí)，這顏色表里面沒有，那么程序會(huì)自動(dòng)為其選出一個(gè)接近的顏色或者是模擬此顏色。索引模式1.1圖像基礎(chǔ)知識(shí)1.1.3文件格式在Photoshop中，文件可以保存為多種格式，其中常用的格式有PSD、JPEG、PNG、GIF、TIFF等，根據(jù)文件的用途可以將其保存為不同的格式。分類特征PSD格式這是Photoshop中的源文件格式，這種格式能夠保存圖層、通道、路徑、輔助線、蒙版、未柵格化的文字、圖層樣式等信息，因此可以再次對每個(gè)圖層進(jìn)行編輯。

JPEG格式這種格式不保存圖層、路徑等信息，是合層文件，并且是一種有損壓縮的文件格式，因此文件占用空間小，廣泛運(yùn)用于需要網(wǎng)絡(luò)加載的領(lǐng)域，如網(wǎng)頁中的banner（橫幅廣告）、圖片等。PNG格式PNG格式是一種專門為WEB開發(fā)的網(wǎng)頁格式，可以保存透底背景圖。GIF格式這種格式普遍運(yùn)用于保存動(dòng)畫，而且占用內(nèi)存較小，適用于網(wǎng)頁等網(wǎng)絡(luò)載體上的圖片格式。TIFF格式這也是無損壓縮格式，用Photoshop編輯的TIFF文件可以保存路徑和圖層。1.1圖像基礎(chǔ)知識(shí)1.1.4分辨率分辨率有多種單位和定義，在圖像領(lǐng)域，分辨率是衡量圖片質(zhì)量的一個(gè)重要指標(biāo)，同樣長寬大小的圖片，分辨率越高的圖片越清晰，所占內(nèi)存也越大。針對不同的載體，分辨率的要求也不同，多媒體屏幕顯示圖像分辨率為72像素/英寸，一般印刷品分辨率為300像素/英寸，高檔畫冊分辨率要求350像素/英寸以上。1.1圖像基礎(chǔ)知識(shí)1.1.5通道每個(gè)Photoshop圖像都有一個(gè)或多個(gè)通道，每個(gè)通道中都存儲(chǔ)了關(guān)于圖像的顏色信息。圖像中默認(rèn)的通道數(shù)取決于圖像的顏色模式。位圖、灰度、索引顏色模式默認(rèn)的狀態(tài)下只有一種通道，RGB顏色模式有紅、綠、藍(lán)三條顏色通道，CMYK顏色模式默認(rèn)的通道有四條。除了默認(rèn)通道外，還可以為圖像添加Alpha通道，后期將學(xué)到使用Alpha通道摳圖。1.2Photoshop的應(yīng)用領(lǐng)域1.2.1平面設(shè)計(jì)Photoshop是一款功能十分強(qiáng)大的圖像編輯軟件，其應(yīng)用領(lǐng)域十分廣泛，包括平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、界面設(shè)計(jì)、圖像處理、文字設(shè)計(jì)、插畫設(shè)計(jì)、視覺創(chuàng)意設(shè)計(jì)等。使用Photoshop可以進(jìn)行平面設(shè)計(jì)，比如海報(bào)、包裝、招貼等平面物料，都可以使用Photoshop制作，在創(chuàng)建畫布時(shí)，將分辨率設(shè)置為300像素/英寸即可。1.2Photoshop的應(yīng)用領(lǐng)域1.2.2網(wǎng)頁設(shè)計(jì)互聯(lián)網(wǎng)已深入到人們的日常生活，公司的一個(gè)重要宣傳方式就是官方網(wǎng)頁。使用Photoshop可以設(shè)計(jì)出精美的網(wǎng)頁頁面，然后利用標(biāo)注和切圖工具可以將設(shè)計(jì)圖進(jìn)行標(biāo)注和切圖，進(jìn)而交付前端工程師進(jìn)行代碼實(shí)現(xiàn)。1.2Photoshop的應(yīng)用領(lǐng)域1.2.3界面設(shè)計(jì)智能手機(jī)的普及使得各類APP如雨后春筍般出現(xiàn)，使用Photoshop可以進(jìn)行界面設(shè)計(jì)，利用標(biāo)注和切圖工具可以快速地將設(shè)計(jì)圖進(jìn)行標(biāo)注和切圖，然后交付程序員進(jìn)行開發(fā)。1.2Photoshop的應(yīng)用領(lǐng)域1.2.4圖像處理Photoshop最基礎(chǔ)的作用是圖像處理，用手機(jī)或相機(jī)拍攝的照片存在光線、色彩不足時(shí)，可以使用Photoshop的濾鏡進(jìn)行調(diào)整。另外，軟件具有強(qiáng)大的圖像修飾功能，使用這些功能可以對圖像中的瑕疵、斑點(diǎn)進(jìn)行修復(fù)。1.2Photoshop的應(yīng)用領(lǐng)域1.2.5文字設(shè)計(jì)在設(shè)計(jì)海報(bào)、包裝等項(xiàng)目時(shí)，常常需要進(jìn)行字體設(shè)計(jì)，從而使文字更加適合項(xiàng)目調(diào)性，增加畫面的美觀度，也可以規(guī)避字體侵權(quán)的危險(xiǎn)，使用Photoshop可以進(jìn)行字體設(shè)計(jì)。1.2Photoshop的應(yīng)用領(lǐng)域1.2.6插畫設(shè)計(jì)近年來，插畫在設(shè)計(jì)領(lǐng)域的運(yùn)用越來越廣泛。在Photoshop中，使用鋼筆工具和畫筆工具可以繪制插畫，不僅可以塑造卡通形象，也可以描繪精美的場景，并將場景運(yùn)用到廣告宣傳中。1.2Photoshop的應(yīng)用領(lǐng)域1.2.7視覺創(chuàng)意設(shè)計(jì)Photoshop的圖像處理功能十分強(qiáng)大，利用該軟件可以進(jìn)行畫面合成，從而設(shè)計(jì)出具有創(chuàng)意的畫面。1.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面Photoshop的工作界面由菜單欄、工具欄、工具屬性欄、控制面板和文檔窗口組成。1.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面①

菜單欄在Photoshop的菜單欄中可以直接調(diào)用所需的功能。菜單欄中的許多命令是多層級(jí)的，標(biāo)志是選項(xiàng)右側(cè)的小按鈕。選擇菜單中的一個(gè)命令即可執(zhí)行該命令，如果命令后方有顯示快捷鍵，通過快捷鍵可以快速執(zhí)行該命令。例如查看圖像大小，按Alt+Ctrl+I組合快捷鍵即可。菜單下拉列表中黑色字體部分代表可用，灰色字體的命令代表不可用。1.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面②

工具欄工具欄默認(rèn)位置為軟件界面的左側(cè)，將光標(biāo)放在工具欄頂部，按住鼠標(biāo)左鍵并拖動(dòng)，可以將工具欄放在任意位置。通過鼠標(biāo)點(diǎn)擊圖標(biāo)即可選擇一種工具。工具圖標(biāo)是一類工具的集合，將光標(biāo)置于工具圖標(biāo)上并長按鼠標(biāo)左鍵或鼠標(biāo)右鍵單擊圖標(biāo)即可調(diào)出這類工具下的所有選項(xiàng)。點(diǎn)擊工具欄左上方的圖標(biāo)

可將一欄工具欄變?yōu)殡p欄，點(diǎn)擊圖標(biāo)

即可將雙欄工具欄變?yōu)橐粰凇?.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面②

工具欄1.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面③

工具屬性欄工具屬性欄主要用于設(shè)置工具參數(shù)，不同工具的屬性欄不同，如文字工具的屬性欄，可以設(shè)置文字的字體、字號(hào)、顏色等，通過屬性欄的選項(xiàng)可以對工具進(jìn)行設(shè)置。1.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面④

控制面板控制面板一般顯示在Photoshop的右側(cè)，默認(rèn)顯示的面板有圖層面板、通道面板、路徑面板、顏色面板等，通過選擇“菜單欄”中的“窗口”，可以將隱藏的面板激活。控制面板中不常用的面板可以隱藏，單擊面板的標(biāo)題并拖拽，面板窗口成為懸浮窗口，鼠標(biāo)點(diǎn)擊窗口右上方的

即可。若在操作過程中發(fā)現(xiàn)工具箱、選項(xiàng)欄或某個(gè)面板不見了，可以執(zhí)行“窗口”→“工作區(qū)”→“復(fù)位基本功能”命令還原回初始的工作區(qū)狀態(tài)。根據(jù)個(gè)人需要，也可通過新建工作區(qū)，刪除不常用的面板，顯示常用面板，然后執(zhí)行“窗口”→“工作區(qū)”→“新建工作區(qū)”命令（或按N快捷鍵），即可保存此工作區(qū)，關(guān)閉軟件再次啟動(dòng)，控制面板為自定義的工作區(qū)。1.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面⑤

文檔窗口文檔窗口是顯示和編輯圖像的區(qū)域。打開一個(gè)圖像，窗口中自動(dòng)創(chuàng)建一個(gè)文檔選項(xiàng)，若打開多個(gè)窗口，則會(huì)有多個(gè)文檔選項(xiàng)。通過鼠標(biāo)左鍵單擊選項(xiàng)名可以切換文檔，或者按快捷鍵Ctrl+Tab，可以按前后順序切換文檔，按快捷鍵Ctrl+Shift+Tab可以按照相反的順序切換文檔。1.3認(rèn)識(shí)Photoshop1.3.1Photoshop的工作界面Photoshop的工作界面除了以上5大部分外，還有標(biāo)尺功能，默認(rèn)狀態(tài)下，標(biāo)尺顯示在文檔窗口的外圍；若標(biāo)尺隱藏，按Ctrl+R組合快捷鍵即可顯示。使用標(biāo)尺可以拖出參考線，便于元素精確定位。鼠標(biāo)放在標(biāo)尺上按住左鍵拖動(dòng)即可創(chuàng)建參考線。參考線是虛擬的線條，不影響圖像內(nèi)容，按Ctrl+；組合快捷鍵可以隱藏，再按一次顯示。選中移動(dòng)工具，將鼠標(biāo)放在參考線上，按住鼠標(biāo)左鍵將參考線拖到文檔窗口以外即可刪除參考線。1.3認(rèn)識(shí)Photoshop1.3.2Photoshop的基本操作學(xué)習(xí)Photoshop的使用，需要熟悉其基本操作，包括打開/關(guān)閉圖像、新建文檔畫布、存儲(chǔ)/存儲(chǔ)為圖像等。①

打開文件Photoshop打開文件的方法有許多，第一種方式是通過軟件界面的操作打開，選擇菜單欄下的“文件”，鼠標(biāo)單擊“打開”，或使用快捷鍵Ctrl+O，選擇需要打開的文件即可。第二種方式是拖曳法，打開Photoshop軟件，最小化到桌面任務(wù)欄，在桌面或磁盤中找到需要打開的圖像，按住鼠標(biāo)左鍵將圖像拖曳到桌面下方任務(wù)欄的Photoshop標(biāo)簽上停留幾秒，調(diào)出軟件界面，再松開鼠標(biāo)左鍵即可。1.3認(rèn)識(shí)Photoshop1.3.2Photoshop的基本操作②

關(guān)閉文件Photoshop中關(guān)閉文件只需點(diǎn)擊文檔窗口標(biāo)題欄后的

即可，也可使用Ctrl+W快捷鍵關(guān)閉當(dāng)前文檔。Ctrl+Alt+W快捷鍵是關(guān)閉所有文件。若此文件沒有保存，軟件系統(tǒng)會(huì)彈出警示窗口，根據(jù)需要選擇保存或不保存即可。③

新建文檔畫布如果需要制作一個(gè)新的文件，需要新建一個(gè)畫布，Photoshop中的畫布類似word辦公軟件的空白頁，是圖像的顯示區(qū)域和載體。執(zhí)行“文件”→”新建”命令即可，或按Ctrl+N快捷鍵打開新建對話框。在新建對話框中可以設(shè)置文件的名稱、尺寸、分辨率、顏色模式等，設(shè)置完畢后點(diǎn)擊“創(chuàng)建”按鈕，即可創(chuàng)建新的空白文件。1.3認(rèn)識(shí)Photoshop1.3.2Photoshop的基本操作查看圖像大小和畫布大小的方法如下：執(zhí)行“圖像”→“圖像大小”命令，或使用Ctrl+Alt+I快捷鍵，可以查看并改變圖像尺寸及分辨率，若要使寬、高等比例變化，則需要在改變寬或高的數(shù)值時(shí)激活左側(cè)的按鈕。執(zhí)行“圖像”→“畫布大小”命令，或使用Ctrl+Alt+C快捷鍵，可以查看并改變畫布大小，此操作不會(huì)使圖像發(fā)生變化，只會(huì)使畫布變化。1.3認(rèn)識(shí)Photoshop1.3.2Photoshop的基本操作新建畫布設(shè)置面板的各項(xiàng)內(nèi)容如下表所示：參數(shù)釋義大小單位有“像素”“英寸”“厘米”“毫米”等，常用的為“像素”方向文檔畫布的方向分為橫版和豎版分辨率分辨率單位默認(rèn)是像素