中文版Photoshop設(shè)計與制作項目教程第三版項目1 基本工具應(yīng)用

中文版PHOTOSHOP設(shè)計與制作項目教程基本工具應(yīng)用熟悉工具箱的用法；熟練掌握各種選擇工具的用法；掌握自由變換、羽化的操作技巧；掌握各種修復(fù)、修補(bǔ)工具的使用方法；掌握文字工具和鋼筆工具的使用方法。教學(xué)目標(biāo)任務(wù)1：制作斜線背景相關(guān)知識PS的工作環(huán)境是進(jìn)行所有操作的地方，界面中包含了最重要的工具面板、菜單欄、選項欄、和文檔窗口等組成元素，工作界面如圖1.1所示。隨著PS版本的不斷升級，工作界面布局也更加合理，更加具有人性化。

1.PS內(nèi)部工作環(huán)境相關(guān)知識1.PS內(nèi)部工作環(huán)境圖1.1PS工作環(huán)境相關(guān)知識（1）將預(yù)設(shè)文件恢復(fù)到初始的設(shè)置（2）定制和優(yōu)化Photoshop工作環(huán)境1.PS內(nèi)部工作環(huán)境一幅圖像通常由許多像素組成，像素是組成圖像的最基本單元，在Photoshop里面，如圖1.2所示的原圖，將圖像虛線框內(nèi)的圖像放到足夠大時，如圖

1.3所示，就可以看到類似馬賽克的效果，每一個小矩形顏色塊就是一個像素。每個像素都有不同的顏色值和位置，像素的數(shù)目和密度越高，圖像就越逼真。

圖1.2原圖

圖1.3放大后的圖像2.像素相關(guān)知識相關(guān)知識3.關(guān)于矢量圖和點陣圖矢量圖：它由點、線、面組成，由數(shù)學(xué)計算完成。矢量圖可任意放大或縮小，不影響圖像的清晰度和不會變形（FLASH、CorelDraw）等。位圖：它稱為像素圖或點陣圖，它由屏幕上發(fā)光的顏色點組成（像素），其圖像大小和質(zhì)量取決于圖像中像素點的多少。像素越多圖像就越清晰。存儲文件越大。不可以無極限縮放。不然會變形。相關(guān)知識4.圖像分辨率圖像分辨率就是每英寸圖像含有多少個點或像素，分辨率的單位為像素數(shù)/英寸，英文縮寫為ppi（pixelsperinch），例如200ppi就表示該圖像每英寸含有200個點或像素。在數(shù)字化圖像中，分辨率的大小直接影響圖像的品質(zhì)。分辨率越高，圖像越清晰。相關(guān)知識5.新建文件“新建”用于新建畫布文件，選擇“文件|新建…”命令，打開“新建”對話框，如圖1.4所示。

圖1.4“新建文件”對話框相關(guān)知識6.縮放工具在Photoshop中操作時，經(jīng)常需要完成一些細(xì)節(jié)性的操作，此時將畫布放大若干倍后，以方便完成操作。單擊工具面板中的

工具，在畫布上拖動鼠標(biāo)就可將圖像“放大”或“縮小”。相關(guān)知識7.定義圖案選擇“編輯|定義圖案…”命令，打開“圖案名稱”對話框，如圖1.5所示?！岸x圖案”命令的作用是將可見的圖像層或文本層定義成圖案。如果圖像或文本存在于不同的圖層中，只要可見則被定義成一個圖案，定義圖案時可以為該圖案命名，以后就可以用定義的圖案來填充畫布或選區(qū)。圖1.5“圖案名稱”對話框相關(guān)知識8.填充執(zhí)行“編輯|填充”命令，打開“填充”對話框，如圖1.6所示，可以為當(dāng)前的選區(qū)或活動圖層填充“前景色”、“背景色”、“黑色”、“白色”、“50%灰色”或定制的“圖案”以及“歷史記錄”圖樣等內(nèi)容，除此之外還可設(shè)定“混合模式”及“不透明度”。圖1.6“填充”對話框相關(guān)知識9.保存當(dāng)對圖像進(jìn)行編輯或者制作后，就需要對文件進(jìn)行保存。選擇“文件|存儲(S)”或者“文件|存儲為（A）…”命令，將會出現(xiàn)“存儲為”對話框，如圖1.7所示。圖1.7“存儲為”對話框相關(guān)知識10.快捷鍵和關(guān)聯(lián)菜單Photoshop提供了很多快捷鍵操作用來代替常規(guī)的菜單命令，以提高工作效率，所以學(xué)會使用快捷鍵是很重要的。關(guān)聯(lián)菜單也是提高工作效率的途徑之一，單擊鼠標(biāo)右鍵，就會彈出和當(dāng)前操作或面板相關(guān)的菜單命令。制作斜線背景實例效果圖在瀏覽網(wǎng)頁時，經(jīng)常會看到有些網(wǎng)頁的背景是斜紋的，其實使用Photoshop就可以很輕松的制作出這樣的圖案，然后在編輯網(wǎng)頁時將背景定義為該圖案即可。最終效果如圖1.8所示。具體制作步驟詳見教材。

圖1.8制作斜線背景拓展練習(xí)根據(jù)前面介紹的創(chuàng)建背景圖案的方法，靈活運用定義圖案命令和填充命令制作如圖1.9所示背景圖案。圖1.9拓展練習(xí)效果圖任務(wù)2：制作藝術(shù)照相關(guān)知識矩形選框工具按鈕

，可以創(chuàng)建一個矩形或正方形的選區(qū)范圍。具體操作方法，詳見教材。1.矩形選框工具相關(guān)知識使用工具面板中的“橢圓選框工具”按鈕

，可以選取一個橢圓形或正圓形區(qū)域。具體操作方法，詳見教材。2.橢圓選框工具相關(guān)知識參考線和網(wǎng)格可幫助您精確地定位圖像或元素。參考線顯示為浮動在圖像上方的一些不會打印出來的線條?？梢砸苿踊蛘咭迫⒖季€。還可以鎖定參考線，從而不會將之意外移動。（1）新建參考線（2）移動參考線3.參考線相關(guān)知識在實際操作過程中，自由變換命令可以對圖像進(jìn)行變換比例、旋轉(zhuǎn)、斜切、伸展或變形處理。還可以向選區(qū)、整個圖層、多個圖層或圖層蒙版應(yīng)用變換。具體操作方法，詳見教材。4.自由變換命令相關(guān)知識魔棒工具用于選擇顏色相同或者相近甚至相似的選區(qū)。具體操作方法，詳見教材。5.魔棒工具相關(guān)知識裁剪是移去部分圖像以形成突出或加強(qiáng)構(gòu)圖效果的過程?？梢允褂貌眉艄ぞ?/p>

和“裁剪”命令裁剪圖像。也可以使用“裁剪并修齊”以及“裁切”命令來裁切像素。（1）裁剪工具（2）透視裁切工具具體操作方法，詳見教材。5.圖像的裁切制作藝術(shù)照實例效果圖本案例通過“橢圓選框工具”、“矩形選框工具”、“自由變換工具”、“標(biāo)尺工具”、“參考線”的運用制作出如圖1.10所示的藝術(shù)照片效果。通過本次任務(wù)的完成，可以掌握創(chuàng)建規(guī)則選區(qū)、改變圖像大小、精確的定位圖像位置的的方法。具體制作步驟詳見教材。

圖1.10制作藝術(shù)照拓展練習(xí)根據(jù)前面介紹的有關(guān)選區(qū)的創(chuàng)建與編輯方法，利用配套素材文件01/練習(xí)實踐/1.2/背景.jpg和女孩.jpg這兩個文件，如圖1.11、1.12所示，設(shè)計出如圖1.13所示的效果。圖1.11素材一圖1.12素材二圖1.13最終效果圖

任務(wù)3：水中花相關(guān)知識Photoshop使用前景色來繪畫、填充和描邊選區(qū)，使用背景色來生成漸變填充和在圖像已抹除的區(qū)域中填充。一些特殊效果濾鏡也使用前景色和背景色。1.前景色、背景色相關(guān)知識單擊“窗口|色板”就會彈出“色板”面板，如圖1.14所示，只要將鼠標(biāo)移到“色板”上，都會變成吸管的形狀，單擊鼠標(biāo)就可改變工具箱中的前景色，按住Ctrl鍵單擊鼠標(biāo)就可改變工具箱中的背景色。2.色板圖1.14色板相關(guān)知識可以使用吸管工具

選取顏色，吸管工具采集色樣以指定新的前景色或背景色?？梢詮默F(xiàn)用圖像或屏幕上的任何位置采集色樣。

3.吸管工具相關(guān)知識顏色模式?jīng)Q定用于顯示和打印圖像的顏色模型。Photoshop的顏色模式以用于描述和重現(xiàn)色彩的顏色模型為基礎(chǔ)。常見的顏色模型有如下幾種。RGB顏色模式CMYK顏色模式Lab顏色模式灰度模式位圖模式雙色調(diào)模式索引顏色模式多通道模式4.顏色模型相關(guān)知識顏色深度用來度量圖像中有多少顏色信息可用于顯示或者打印像素。其單位是（bit），所以顏色深度有時也稱為位深度。常用的顏色深度是1位、8位、24位和32位。1位有兩個可能的數(shù)值：0或者1。較大的顏色深度（每像素信息的位數(shù)更多）意味著數(shù)字圖像具有較多的可用顏色和較精確的顏色表示。5.顏色深度相關(guān)知識使用油漆桶工具可以在圖像中填充前景色或者圖案，其選項欄如圖1.15所示，如果創(chuàng)建了選區(qū)填充的區(qū)域為當(dāng)前選區(qū)，如果沒有創(chuàng)建選區(qū)，填充的就是與鼠標(biāo)單擊處顏色相近的區(qū)域。6.油漆桶工具圖1.15油漆桶工具選項欄相關(guān)知識利用漸變工具可以創(chuàng)建多種顏色間的逐漸混合，產(chǎn)生從多種顏色過渡的色彩效果。單擊工具面板上的漸變工具按鈕

，此時的工具選項欄如圖1.17所示。具體使用方法詳見教材。7.漸變填充工具圖1.17漸變工具選項欄相關(guān)知識利用自由變換工具可以對圖像進(jìn)行翻轉(zhuǎn)，翻轉(zhuǎn)包含縮放、旋轉(zhuǎn)、斜切、扭曲、透視、變形等，還包含水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)。8.翻轉(zhuǎn)圖像制作“水中花”實例效果圖本案例利用橢圓選框工具制作一個橢圓選區(qū)、用漸變工具進(jìn)行填充、并用自由變換改變選區(qū)，使其具有花瓣的形狀，復(fù)制多個花瓣并旋轉(zhuǎn)使其成為花朵形狀，復(fù)制多個大小不一的花朵，效果如圖1.15所示，通過本案例，可以掌握漸變工具和自由變換命令的使用方法和使用技巧。

圖1.15制作水中花拓展練習(xí)根據(jù)以前介紹的橢圓框選工具以及本節(jié)介紹的漸變工具和自由變換工具制作一個變形球體，復(fù)制一個并垂直翻轉(zhuǎn)后，改變透明度，還可以再制作2個顏色不一的球體，最終效果如圖1.16所示的效果。圖1.16最終效果圖任務(wù)4：鮮花字相關(guān)知識套索工具組主要用來創(chuàng)建不規(guī)則形狀范圍的選區(qū)。主要包括以下三種：（1）套索工具（2）多邊形套索工具（3）磁性套索工具使用方法參加教材。1.套索工具組相關(guān)知識快速選擇工具組中提供的工具可以選擇圖像內(nèi)色彩相同或相近的區(qū)域，而不必跟蹤其輪廓。2.快速選擇工具相關(guān)知識文字是藝術(shù)作品中常用的元素之一，使用Photoshop制作各種精美的圖像時，可以使用文字增加作品的主題內(nèi)容，圖像中適當(dāng)?shù)奈淖挚梢云鸬疆孆堻c睛的效果。如果為文字賦予合適的藝術(shù)效果，可以使圖像的美感得到極大的提升。（1）橫排文字工具（2）直排文字工具（3）文字選區(qū)工具3.文字工具相關(guān)知識格式化文本包括對文本字符和對文本段落的格式設(shè)置，除了在介紹橫排文字工具時使用的工具選項欄之外，還可以通過字符/段落面板對文字進(jìn)行格式化。（1）字符面板（2）段落面板4.格式化文本相關(guān)知識使用文字工具選項欄中的“創(chuàng)建文字變形”按鈕

，可以使文字扭曲變形，用這一功能可以使圖像中的文字效果更加豐富，在Photoshop中提供了15種文字扭曲效果。5.文字變形效果相關(guān)知識“置入”命令，可以將照片、圖片或任何Photoshop支持的文件作為智能對象添加到文檔中?？梢詫χ悄軐ο筮M(jìn)行縮放、定位、斜切、旋轉(zhuǎn)或變形操作，而不會降低圖像的質(zhì)量。6.置入命令相關(guān)知識創(chuàng)建選區(qū)后，往往要根據(jù)實際情況來對選區(qū)進(jìn)行修改，如移動選區(qū)的位置、調(diào)整選區(qū)大小、形狀、旋轉(zhuǎn)選區(qū)、反選、保存選區(qū)等操作。在這一部分內(nèi)容中，將向讀者介紹一些常見的編輯選區(qū)的操作。（1）移動選區(qū)（2）增減選區(qū)（3）修改選區(qū)（4）反選（5）存儲和載入選區(qū)具體操作方法詳見教材。7.編輯選區(qū)制作“水中花”實例效果圖本案例運用魔棒工具和磁性套索工具選擇部分圖像區(qū)域，并按照一定方式排列，利用自由變換命令對置入的圖像進(jìn)行變形，輸入文字并生成選區(qū)，運用圖層樣式命令對圖像設(shè)置陰影、投影、外發(fā)光等效果，其最終效果如圖1.17所示。圖1.17水中花拓展練習(xí)利用本節(jié)學(xué)到的“增加選區(qū)”、“減去選區(qū)”、“置入”命令、橫排文字蒙版工具以及前面學(xué)到的填充工具制作一個如圖1.18所示的立體圓柱效果。提示：文字字體是“華文新魏”，文字后的圖像見配套素材文件01/案例/拓展練習(xí)/1.4/向日葵.jpg。圖1.18最終效果圖任務(wù)5：修復(fù)數(shù)碼照片相關(guān)知識修復(fù)畫筆工具用于校正圖像中的瑕疵，可以在不改變原圖像形狀、紋理、光照及透明度等屬性的基礎(chǔ)上對圖像中的缺陷進(jìn)行修復(fù)。在工具面板上單擊修復(fù)畫筆工具按鈕

，此時的修復(fù)畫筆工具選項欄如圖1.19所示。1.修復(fù)畫筆工具圖1.19“修復(fù)畫筆工具”的工具選項欄相關(guān)知識污點修復(fù)畫筆工具可以快速移去照片中的污點和其他不理想的部分?？梢栽诓桓淖冊瓐D像形狀、紋理、光照及透明度等屬性的基礎(chǔ)上與所修復(fù)的圖像相匹配。污點修復(fù)畫筆工具不要求指定取樣點，而是自動從所修復(fù)區(qū)域的周圍取樣。2.污點修復(fù)畫筆工具相關(guān)知識使用修補(bǔ)工具可以用其他區(qū)域或圖案中的像素來修復(fù)選區(qū)內(nèi)的圖像。修補(bǔ)工具會將樣本像素的紋理、光照和陰影與源像素相匹配。3.修補(bǔ)工具相關(guān)知識由于照相時曝光的原因，人物照片往往會有紅眼。PhotoshopCS6提供了紅眼工具可移去照片中人物的紅眼以及動物眼中的白色或綠色的光。4.紅眼工具相關(guān)知識使用“內(nèi)容感知移動”工具可在無需復(fù)雜圖層或慢速精確的選擇選區(qū)的情況下快速的重構(gòu)圖像?！皵U(kuò)展”模式可對頭發(fā)、樹或者建筑對象進(jìn)行擴(kuò)展或收縮，效果令人信服。“移動”模式可將對象置于完全不同的位置中。5.內(nèi)容感知移動工具相關(guān)知識打開Photoshop軟件，選擇“幫助|Photoshop聯(lián)機(jī)幫助”，就會彈出如圖1.159所示的窗口，Photoshopcs6幫助改成了在線瀏覽的形式，另外在瀏覽器地址欄輸入：/cn/Photoshop/topics.html，也可以瀏覽幫助。6.Photoshop幫助相關(guān)知識在Photoshop中可以將文字注釋附加到圖像上，這對于在圖像中加入評論、制作說明、或其他信息非常有用。Photoshop注釋與AdobeAcrobat兼容，因此通過注釋可使Acrobat用戶和Photoshop用戶交換信息。文字注釋注釋面板7文件注釋相關(guān)知識使用仿制圖章工具可以將一幅圖像的全部或部分復(fù)制到同一幅圖像或其他圖像內(nèi)。單擊工具面板上的仿制圖章工具按鈕

，此時的工具選項欄如圖1.19所示。該工具選項欄與修復(fù)畫筆工具的工具選項欄類似。8仿制圖章工具圖1.19仿制圖章工具的工具選項欄相關(guān)知識在工具面板上右鍵單擊仿制圖章工具按鈕

，在彈出的工具列表中選擇圖案圖章工具

，此時的工具選項欄如圖1.20所示。9圖案圖章工具圖1.20仿制圖章工具的工具選項欄本案例主要通過運用仿制圖章工具、圖案圖章工具，并配合使用多邊形套索工具、磁性套索工具及修補(bǔ)工具對圖片中的瑕疵進(jìn)行修復(fù)，處理前后效果如圖1.21、1.22所示。從圖中可以看出，原圖中小女孩上衣中間有一處污漬，裙帶松了、背景右上角有一個三角區(qū)域未覆蓋到。修復(fù)數(shù)碼照片實例圖1.21原圖圖1.22修復(fù)后的照片打開本書的配套素材文件夾01/拓展練習(xí)/1.5/花.jpg圖像文件，原圖如圖1.23所示，并按照本節(jié)所講內(nèi)容，將圖的左上角模糊的禮品盒去掉，然后制作出如圖1.24所示的效果。拓展案例一圖1.23原圖圖1.24修復(fù)后的圖像打開本書的配套素材文件01/拓展練習(xí)/1.5/紅眼.jpg，利用紅眼工具在圖1.25所示的眼睛處進(jìn)行修復(fù)，多次修復(fù)后的效果如圖1.26所示。拓展案例二圖1.25原圖圖1.26修復(fù)后的照片任務(wù)6：圓角網(wǎng)格相關(guān)知識形狀是一些預(yù)先定義的路徑，可以對它們進(jìn)行填充、描邊或者以它們?yōu)榛A(chǔ)建立選區(qū)，在工具面板中還專門設(shè)置了形狀工具組幫助進(jìn)行形狀的繪制，形狀工具組包括矩形、圓角矩形、橢圓、多邊形、直線和自定義形狀等工具。1.形狀工具組（1）矩形工具（2）圓角矩形工具（3）橢圓工具（4）多邊形工具（5）直線工具（6）自定義形狀工具相關(guān)知識我們可以給選區(qū)描邊，當(dāng)制作一個選區(qū)后，選擇“編輯|描邊”命令，將出現(xiàn)如圖1.27所示的對話框，選擇描邊的寬度和顏色即可給選區(qū)描邊。2.描邊命令圖1.27“描邊”對話框相關(guān)知識另外可以給選區(qū)或者圖層進(jìn)行圖案填充，選擇“編輯|填充…”命令，將出現(xiàn)如圖1.28所示的”填充”對話框，選擇“使用”下拉列表，可以見到如圖1.29所示的下拉列表，可以選擇列表項進(jìn)行填充。還可以選擇自定義圖案進(jìn)行填充。3.填充命令圖

1.28“填充”對話框

圖1.29“使用”下拉列表相關(guān)知識在實際工作中，對某些操作會經(jīng)常修改，還可能有很多誤操作，Photoshop提供了還原操作的菜單命令，并有“歷史記錄”面板提供更強(qiáng)大的修復(fù)功能?；謴?fù)命令歷史記錄面板4.圖像的恢復(fù)本案例中主要用圓角矩形工具制作一個圓角矩形路徑，然后將其轉(zhuǎn)換為選區(qū)，并進(jìn)行描邊，將其定義成圖案后，用定義的圖案填充圖片，將看到透明網(wǎng)格效果。填充前、后效果對比如圖1.30、1.31所示。圓角網(wǎng)格實例圖1.30原圖圖1.31制作網(wǎng)格后的效果拓展案例效果圖打開本書的配套素材文件01/拓展練習(xí)/1.6/美女.jpg，利用圓角矩形工具、描邊工具、定義圖案工具、填充命令等制作和案例類似的如圖1.32所示的網(wǎng)格效果。圖1.32添加網(wǎng)格后的效果任務(wù)7：七星瓢蟲相關(guān)知識鋼筆工具

是最常使用的路徑工具，利用它可以繪制直線路徑或曲線路徑。選擇鋼筆工具，在編輯窗口的任意位置單擊產(chǎn)生一個錨點，在另一個位置單擊產(chǎn)生另一個錨點，在兩個錨點之間產(chǎn)生一條線段，根據(jù)選擇錨點和線段的不同，就會繪制多種類型的路徑。(1)繪制直線(2)繪制曲線(3)鋼筆工具選項欄1鋼筆工具相關(guān)知識當(dāng)繪制的圖像沒有滿足要求時，就需要對圖像進(jìn)行編輯和修整。當(dāng)編輯和整修的時候，首先要選取路徑，這就要使用路徑選擇工具組。路徑選擇工具組包括路徑選擇工具和直接選擇工具兩種，如圖1.33所示。2.路徑選擇工具組圖1.33路徑選擇工具組相關(guān)知識使用工具面板中的單行選框工具按鈕

或單列選框工具按鈕

，可以選取單行或單列的區(qū)域。3.單行和單列選框工具相關(guān)知識減淡工具的主要作用是加亮圖像的區(qū)域，或者使顏色變淡，還可以通過提高圖像的曝光度而增加圖像區(qū)域的亮度。加深工具的作用剛好與減淡工具的作用相反，用于通過降低圖像的曝光度來減少圖像的亮度。4.減淡、加深工具相關(guān)知識（1）橡皮擦工具（2）背景橡皮擦工具（3）魔術(shù)橡皮擦工具5.橡皮擦工具組七星瓢蟲案例效果效果圖本案例主要利用橢圓工具制作一個瓢蟲的身體以及身上的黑點、再利用鋼筆工具制作頭和兩個觸須、利用減淡工具和加深工具處理繪制的圓，使其具有高光和陰影的效果，用單列選框工具繪制身體分割線。繪制后的效果如圖1.34所示。圖1.34七星瓢蟲效果圖打開本書的配套素材文件夾01/拓展練習(xí)/1.7/雞蛋.jpg和小孩.jpg兩個圖像文件，如圖1.35所示，然后利用鋼筆工具繪制路徑，生成選區(qū)，再利用加深工具、減淡工具調(diào)整雞蛋的明暗區(qū)域、孩子的面部光澤，最終效果如圖1.36所示。