《計(jì)算機(jī)動(dòng)漫與游戲制作教程》課件-第4章

項(xiàng)目4平面圖像處理任務(wù)1卡通小牛形象繪制

任務(wù)2游戲宣傳場(chǎng)景創(chuàng)意合成應(yīng)用實(shí)踐

通過(guò)該項(xiàng)目的學(xué)習(xí),學(xué)員應(yīng)了解圖像處理的基本概念和基本理論,掌握Photoshop件的基本操作,掌握?qǐng)D像繪制、圖片修飾處理、圖像合成的基本方法以及特殊效果的制作,并具有一定的平面設(shè)計(jì)和綜合創(chuàng)作能力。具體包括以下內(nèi)容:

(1)掌握平面圖像處理軟件AdobePhotoshop的基本操作和用法;

(2)熟練使用Photoshop工具箱中的工具進(jìn)行圖像繪制和圖像效果修飾,能夠進(jìn)行動(dòng)漫及游戲角色形象的繪制;

(3)掌握Photoshop中選擇區(qū)域、通道、路徑、圖層等重要功能的使用;

(4)掌握?qǐng)D像合成的基本方法與技巧,能夠完成游戲及動(dòng)漫場(chǎng)景的合成處理;

(5)能夠使用Photoshop對(duì)圖像進(jìn)行色彩和色調(diào)的調(diào)整;

(6)了解濾鏡的基本作用,并能完成一些特殊效果的制作;

(7)具有一定的創(chuàng)新設(shè)計(jì)能力,可進(jìn)行有目的的綜合創(chuàng)作活動(dòng)。

動(dòng)漫與游戲設(shè)計(jì)包含多個(gè)方面的內(nèi)容,例如角色形象設(shè)計(jì)、場(chǎng)景的繪制與設(shè)計(jì)、動(dòng)畫(huà)制作、后期合成等。本項(xiàng)目將通過(guò)卡通小牛形象繪制以及游戲宣傳場(chǎng)景創(chuàng)意合成兩個(gè)設(shè)計(jì)任務(wù)的實(shí)施,學(xué)習(xí)使用Photoshop軟件進(jìn)行動(dòng)漫游戲角色形象設(shè)計(jì)、場(chǎng)景合成制作的基本方法以及相關(guān)的平面圖像處理知識(shí)。

1.Photoshop工作界面

AdobePhotoshop是在計(jì)算機(jī)上運(yùn)行的最為流行的圖像編輯應(yīng)用程序。該軟件具有強(qiáng)大的圖像編輯處理功能,其功能基本可以滿足每一位用戶(hù)的需要,是當(dāng)今一流的圖像處理與圖像設(shè)計(jì)工具。

啟動(dòng)AdobePhotoshopCS5后,其工作界面如圖4－1所示。圖4－1PhotoshopCS5工作界面

2.Photoshop中的圖像基本編輯

由于多方面的原因,我們所得到的圖像素材在實(shí)際中往往不能夠直接應(yīng)用,而是要經(jīng)過(guò)一定的編輯處理才能滿足應(yīng)用要求。下面介紹一些常用的圖像編輯方法。

1)圖像裁剪

當(dāng)要對(duì)圖像的大小進(jìn)行裁剪時(shí),可以選擇工具箱中的裁剪工具,按住鼠標(biāo)左鍵在圖像窗口中拖動(dòng),松開(kāi)鼠標(biāo)出現(xiàn)調(diào)整框后,可以通過(guò)調(diào)整矩形框周?chē)目刂泣c(diǎn)來(lái)控制裁剪的大小,如圖4－2所示。調(diào)整好后,按回車(chē)鍵,矩形框以外的圖像就被裁剪掉了。圖4－2在Photoshop中裁剪圖像

2)圖像大小及分辨率設(shè)置

使用“圖像大小”命令可以調(diào)整圖像的像素大小、打印尺寸和分辨率。選擇“圖像”菜單中的“圖像大小”命令,彈出一個(gè)對(duì)話框,如圖4－3所示。與裁剪工具不同的是該命令是在不影響圖像內(nèi)容的前提下改變圖像的尺寸,增大或減小圖像的寬度或高度。圖4－3Photoshop圖像大小命令

3)圖像變換

在編輯處理圖像時(shí),常常需要對(duì)選定的圖像進(jìn)行旋轉(zhuǎn)和變形操作,執(zhí)行“編輯”菜單中的“變換”子菜單中的相應(yīng)命令,可以調(diào)整對(duì)象的大小和角度,或者對(duì)圖像進(jìn)行斜切、扭曲、透視、翻轉(zhuǎn)和變形處理。

3.選區(qū)的創(chuàng)建與編輯

選區(qū)是Photoshop中一個(gè)十分重要的概念,許多操作都是基于選區(qū)進(jìn)行的。通過(guò)創(chuàng)建選區(qū),可以約束操作發(fā)生的有效區(qū)域,從而使每一項(xiàng)操作都有針對(duì)性地進(jìn)行。在Photo-shop中提供了多種選區(qū)創(chuàng)建和編輯的方法。

1)創(chuàng)建規(guī)則選區(qū)

在Photoshop工具箱中提供了四種規(guī)則選框繪制工具,包括矩形選框工具、橢圓選框工具、單行選框工具

和單列選框工具,分別用于矩形選區(qū)、橢圓形選區(qū)以及寬度或高度為一個(gè)像素的選區(qū)的創(chuàng)建。

2)創(chuàng)建不規(guī)則選區(qū)

套索工具、魔棒工具、快速選擇工具都可以用來(lái)創(chuàng)建不規(guī)則選擇區(qū)域。

套索工具組包括自由套索工具、多邊形套索工具和磁性套索工具。自由套索工具可以產(chǎn)生任意形狀的選擇區(qū)域,按住鼠標(biāo)左鍵移動(dòng),鼠標(biāo)的軌跡就形成了選擇的范圍。多邊形套索工具可以產(chǎn)生邊線為直線的選擇區(qū)域,單擊鼠標(biāo)左鍵確定一個(gè)定位點(diǎn),最后的定位點(diǎn)要與起始點(diǎn)重合。磁性套索工具可以自動(dòng)跟蹤圖像的邊緣以形成選區(qū)。

魔術(shù)棒工具可以根據(jù)相鄰像素的顏色來(lái)確定選擇區(qū)域。它將顏色“容差”范圍以?xún)?nèi)的所有像素都包含在選區(qū)內(nèi)。

快速選擇工具可以快速地在圖像中對(duì)需要選取的部分建立選區(qū)。選擇該工具后,使用鼠標(biāo)指針在圖像中拖動(dòng)即可將鼠標(biāo)經(jīng)過(guò)的地方及其周邊一定區(qū)域創(chuàng)建為選區(qū)。

3)選區(qū)編輯

在工具箱中選擇任意一個(gè)選擇工具,工具選項(xiàng)欄中都將顯示4個(gè)選區(qū)工作模式按鈕,它們從左到右分別為“新選區(qū)”、“添加到選區(qū)”、“從選區(qū)減去”和“與選區(qū)相交”,利用這4個(gè)按鈕可以對(duì)現(xiàn)有選區(qū)進(jìn)行編輯運(yùn)算。

建立選區(qū)后,還可以使用“選擇”→“修改”子菜單中的“擴(kuò)展”、“收縮”、“羽化”、“邊界”等命令對(duì)選區(qū)范圍進(jìn)行放大、縮小、增加羽化效果,以及在原有選區(qū)基礎(chǔ)上生成指定寬度的邊界選區(qū)。

4.圖像繪制與修飾

圖像繪制是Photoshop非運(yùn)重要的應(yīng)用之一,Photoshop提供豐富多樣的繪畫(huà)工具,以及多種圖像修飾工具,靈活運(yùn)用這些工具可以輕松地繪制和編輯出漂亮的圖畫(huà)。

1)設(shè)置繪畫(huà)顏色

在Photoshop中選取顏色,主要是在工具箱下方的顏色設(shè)置區(qū)域進(jìn)行的。利用該區(qū)域,可以進(jìn)行前景色和背景色的設(shè)置,默認(rèn)情況下前景色為黑色,背景色為白色。在工具箱中單擊“設(shè)置前景色”或“設(shè)置背景色”按鈕時(shí),會(huì)彈出“拾色器”對(duì)話框,從中可以選取所需要的其他顏色。

除利用“拾色器”選取顏色外,顏色的設(shè)置也可以在“色板”面板中直接單擊選擇,或者使用“顏色”面板,在面板中選擇不同的顏色模式,設(shè)置不同的參數(shù)值來(lái)設(shè)置前景色和背景色。

2)圖像填充

執(zhí)行“編輯”→“填充”命令,可以對(duì)圖像或選定區(qū)域填充前景色、背景色和圖案等,并可以設(shè)置混合模式和不透明度。

使用漸變工具可以在圖像中或選區(qū)內(nèi)填充一個(gè)逐漸過(guò)渡的顏色,可以是一種顏色過(guò)渡到另一種顏色,或多個(gè)顏色之間的相互過(guò)渡,也可以是從一種顏色過(guò)渡到透明或從透明過(guò)渡到一種顏色?？梢栽O(shè)置的“漸變樣式”包括:線性漸變、徑向漸變、角度漸變、對(duì)稱(chēng)漸變和菱形漸變,效果如圖4－4所示。圖4－4漸變樣式

3)畫(huà)筆和鉛筆工具

在Photoshop中,可以用來(lái)繪圖的工具包括畫(huà)筆工具和鉛筆工具。畫(huà)筆工具是最常用的繪畫(huà)工具,它不僅能夠用來(lái)繪制圖畫(huà),還可以用來(lái)修改蒙版和通道。通常情況下,畫(huà)筆工具使用前景色進(jìn)行繪畫(huà)。在使用畫(huà)筆工具之前,必須事先在工具選項(xiàng)欄中選定一個(gè)畫(huà)筆樣本,并設(shè)置畫(huà)筆的大小、硬度和不透明度等參數(shù),如圖4－5所示。還可以打開(kāi)如圖4－6所示的“畫(huà)筆”調(diào)板,從中可以對(duì)選取的筆觸進(jìn)行更精確的設(shè)置。

鉛筆工具的使用方法與畫(huà)筆工具大致相同。不同之處在于鉛筆工具繪制的線條邊緣較硬,有棱角,能夠真實(shí)地模擬鉛筆繪畫(huà)效果。圖4－5畫(huà)筆工具選項(xiàng)欄圖4－6畫(huà)筆調(diào)板

4)修復(fù)工具

修復(fù)類(lèi)工具主要有污點(diǎn)修復(fù)畫(huà)筆工具、修復(fù)畫(huà)筆工具、修補(bǔ)工具、紅眼工具、仿制圖章工具等。通過(guò)這些工具,可以對(duì)圖像中的瑕疵進(jìn)行涂抹,讓圖像呈現(xiàn)完美效果。

(1)污點(diǎn)修復(fù)畫(huà)筆工具。

污點(diǎn)修復(fù)畫(huà)筆工具一般常用在快速修復(fù)圖片或照片中。該工具的使用方法非常簡(jiǎn)單,只要將鼠標(biāo)指針移到要修復(fù)的位置,按下鼠標(biāo)左鍵單擊即可對(duì)圖像進(jìn)行修復(fù),如圖4－7所示。圖4－7污點(diǎn)修復(fù)畫(huà)筆工具修復(fù)前后效果對(duì)比

(2)修復(fù)畫(huà)筆工具。

使用修復(fù)畫(huà)筆工具能夠使瑕疵與周?chē)膱D像融合,可以對(duì)被破壞的圖片或有瑕疵圖片進(jìn)行輕松修復(fù)。使用該工具進(jìn)行修復(fù)時(shí)首先要進(jìn)行取樣(取樣方法為按住“Alt”鍵在圖像中單擊),設(shè)置源文件的取樣點(diǎn)后,松開(kāi)鼠標(biāo)將指針移動(dòng)到要修復(fù)的地方再按住鼠標(biāo)在要修復(fù)的位置上涂抹,便可以修復(fù)圖像。并且在修復(fù)的同時(shí)可以把樣本像素的紋理、光照、透明度和陰影與所修復(fù)的像素相融合,如圖4－8所示。圖4－8修復(fù)畫(huà)筆工具用法

(3)修補(bǔ)工具。

利用修補(bǔ)工具可以使用其他區(qū)域或圖案中的像素來(lái)修復(fù)選區(qū)內(nèi)的圖像。修補(bǔ)工具與修復(fù)畫(huà)筆工具一樣,能夠?qū)颖鞠袼氐募y理、光照和陰影等與源像素進(jìn)行匹配;不同的是,前者用畫(huà)筆對(duì)圖像進(jìn)行修復(fù),而后者是通過(guò)選區(qū)進(jìn)行修復(fù)。修補(bǔ)工具一般常用于快速修復(fù)瑕疵較少的圖片,如圖4－9所示。圖4－9修補(bǔ)工具用法

(4)紅眼工具。

在夜晚的燈光下或使用閃光燈拍攝人物照片時(shí),通常會(huì)出現(xiàn)人物眼球變紅的現(xiàn)象,這種現(xiàn)象稱(chēng)為紅眼現(xiàn)象。利用Photoshop中的紅眼工具,就可以修復(fù)人物照片中的紅眼,也能修復(fù)動(dòng)物照片中眼睛的白色或綠色反光。該工具的使用方法非常簡(jiǎn)單,選擇紅眼工具后,只要在紅色眼球上單擊鼠標(biāo)即可將紅眼去掉,如圖4－10所示。圖4－10紅眼工具使用前后效果對(duì)比

(5)仿制圖章工具。

利用仿制圖章工具也可以進(jìn)行修圖。使用時(shí),先從圖像中取樣,然后將樣本應(yīng)用到其他圖像或同一圖像的其他部分,如圖4－11所示。也可以將一個(gè)圖層的一部分復(fù)制到另一個(gè)圖層。圖4－11仿制圖章工具用法

5)圖像修飾工具

針對(duì)圖像局部出現(xiàn)的清晰度不高、過(guò)亮或過(guò)暗情況,以及需要對(duì)局部進(jìn)行柔化處理時(shí),可以使用Photoshop提供的各種圖像修飾工具來(lái)完成。

模糊工具可以降低相鄰像素間的對(duì)比度,使圖像更加柔和。

銳化工具與模糊工具相反,增加相鄰像素間的對(duì)比度,使圖像的邊緣更加清晰。

涂抹工具模擬手指涂抹顏料的效果,在修整圖像時(shí)可以使斑點(diǎn)與周?chē)袼鼗煸谝黄?使其不明顯。

加深工具用來(lái)使細(xì)節(jié)部分變暗,使用方法和畫(huà)筆相同。設(shè)置不同的曝光度可使工具作用的程度不同,曝光度越高,作用越明顯。

減淡工具用來(lái)使細(xì)節(jié)部分變亮,其選項(xiàng)同加深工具類(lèi)似,曝光度設(shè)置越高,作用越明顯。

海綿工具用來(lái)增加和降低顏色的飽和度。在模式中選擇去色或加色,可以減少或增加圖像某部分的飽和度,另外設(shè)置不同的壓力可以控制飽和度增加和減少的程度。

這六種工具的使用方法和畫(huà)筆工具類(lèi)似,也要先定義筆的大小和硬度,還要定義工具作用的強(qiáng)度。

5.路徑與形狀

在Photoshop中,路徑起著非常重要的作用,不僅可以用于繪制圖形,對(duì)圖像進(jìn)行描邊與填充處理,還可以利用鋼筆等工具繪制軌跡,輸出路徑,實(shí)現(xiàn)路徑和選擇區(qū)域之間的轉(zhuǎn)換。

1)路徑概念

路徑由一個(gè)或多個(gè)直線段和曲線段組成。如圖4－12所示,路徑中的方形小點(diǎn)稱(chēng)為錨點(diǎn),用于標(biāo)記路徑上線段的端點(diǎn),其中,選中的錨點(diǎn)顯示為實(shí)心方形,未選中的錨點(diǎn)為空心方形。錨點(diǎn)的兩端或一端延伸出的直線稱(chēng)為方向線,其頂端為方向點(diǎn)。通過(guò)移動(dòng)方向點(diǎn)的位置,可以調(diào)整曲線的長(zhǎng)度和方向,即改變了對(duì)應(yīng)路徑的形狀和平滑程度。圖412路徑構(gòu)成圖

路徑中的錨點(diǎn)一種是平滑點(diǎn),另一種是角點(diǎn),角點(diǎn)分為有曲率角點(diǎn)和無(wú)曲率角點(diǎn),如圖4－13所示。圖4－13平滑點(diǎn)和角點(diǎn)

路徑可以是閉合的,沒(méi)有起點(diǎn)或終點(diǎn),也可以是開(kāi)放的,有明顯的終點(diǎn),如圖4－14所示。圖4－14閉合路徑與開(kāi)放路徑

2)路徑工具

路徑工具包括“路徑編輯”工具和“路徑選擇”工具。使用“路徑編輯”工具創(chuàng)建路徑,使用“路徑選擇”工具選擇路徑或調(diào)整路徑上的錨點(diǎn),從而可以編輯修改路徑?！奥窂骄庉嫛惫ぞ甙ㄤ摴P工具組和形狀工具組。

鋼筆工具組主要包括“鋼筆工具”、“自由鋼筆工具”、“添加錨點(diǎn)工具”、“刪除錨點(diǎn)工具”和“轉(zhuǎn)換點(diǎn)工具”。

使用“鋼筆工具”:通過(guò)單擊可繪制直線路徑,在單擊的同時(shí)按住鼠標(biāo)左鍵,可生成平滑曲線,形成曲線路徑。

使用“自由鋼筆工具”:在圖像中按住鼠標(biāo)左鍵并拖曳,會(huì)沿鼠標(biāo)軌跡生成路徑。

勾選“自由鋼筆工具”面板中“磁性的”復(fù)選框后,即啟用了磁性鋼筆。磁性鋼筆工具沿著圖像的邊緣移動(dòng),會(huì)自動(dòng)吸附到對(duì)象的邊緣上,生成沿對(duì)象形狀的路徑,如圖4－15所示。

使用添加錨點(diǎn)工具:在路徑上單擊,可以在路徑上增加錨點(diǎn)。

使用刪除錨點(diǎn)工具:單擊路徑上的錨點(diǎn),可刪除路徑上的錨點(diǎn)。

轉(zhuǎn)換點(diǎn)工具可以在平滑點(diǎn)和角點(diǎn)之間切換。圖4－15使用磁性鋼筆繪制路徑

3)形狀工具

使用形狀工具組可以更方便地創(chuàng)建各種規(guī)則或特殊的形狀,該工具組包括矩形工具、圓角矩形工具、橢圓工具、多邊形工具、直線工具和自定形狀工具,如圖4－16所示。圖4－16Photoshop中的形狀工具及自定形狀列表

4)描邊路徑

使用鋼筆工具繪制路徑與使用畫(huà)筆工具或鉛筆工具繪制元素的不同是,路徑?jīng)]有與它關(guān)聯(lián)的像素,因此必須對(duì)路徑進(jìn)行描邊或填充,才能使它成為圖像的一部分?？梢允褂卯?dāng)前工具沿路徑的形狀進(jìn)行描邊,如圖4－17所示。圖417描邊路徑

5)填充路徑

單擊路徑面板中的“用前景色填充路徑”按鈕或選擇“填充路徑”命令,可以使用顏色和圖案對(duì)當(dāng)前路徑內(nèi)的區(qū)域進(jìn)行填充,效果如圖4－18所示。圖4－18填充路徑

6)路徑與選區(qū)的轉(zhuǎn)換

路徑與選區(qū)可以互相轉(zhuǎn)換,很大程度上,路徑的使用就是為了獲得更精確的選區(qū)。可以先用路徑工具繪制精確的路徑輪廓線,然后把路徑轉(zhuǎn)換為選區(qū);也可以將選區(qū)轉(zhuǎn)換為路徑,使用直接選擇工具進(jìn)行微調(diào),如圖4－19和圖4－20所示。圖4－19路徑轉(zhuǎn)換為選區(qū)圖4－20選區(qū)轉(zhuǎn)換為路徑

6.色彩色調(diào)調(diào)節(jié)

Photoshop提供了強(qiáng)大的圖像色彩色調(diào)調(diào)節(jié)功能,可以對(duì)色調(diào)進(jìn)行細(xì)微的調(diào)整,改變圖像的對(duì)比度和色彩等。相關(guān)命令主要包含在Photoshop中“圖像”菜單下的“調(diào)整”子菜單中,其中主要的命令有色階、曲線、色彩平衡、亮度/對(duì)比度、色相/飽和度、變化等。

1)色階命令

利用“色階”命令,能夠調(diào)整圖像的陰影、中間調(diào)和高光的強(qiáng)度級(jí)別,從而校正圖像的色調(diào)范圍和色彩平衡。在如圖4－21所示的色階對(duì)話框中,中間顯示了圖像色階的直方圖,從中可以看出圖像中每個(gè)亮度值處像素點(diǎn)的多少,色階值從0到255,亮度逐漸增加。圖421色階命令對(duì)話框及調(diào)節(jié)效果

2)色相/飽和度命令

利用“色相/飽和度”命令可以調(diào)整單個(gè)顏色的色相、飽和度和亮度值,或者同時(shí)調(diào)整圖像中的所有顏色,如圖4－22所示。圖4－22“色相/飽和度”命令對(duì)話框及調(diào)節(jié)效果

3)色彩平衡命令

圖像有時(shí)會(huì)出現(xiàn)偏色現(xiàn)象,比如用熒光燈作為光源拍攝時(shí),會(huì)產(chǎn)生偏綠的現(xiàn)象。這時(shí)我們可以使用“色彩平衡”命令對(duì)圖像進(jìn)行偏色的調(diào)節(jié)。在調(diào)節(jié)面板中有幾個(gè)滑塊,在確定圖像所偏的顏色后,向該顏色的反方向拖動(dòng)調(diào)節(jié),也就是向該色的補(bǔ)色調(diào)節(jié),如圖4－23所示。圖4－23“色彩平衡”命令對(duì)話框及調(diào)節(jié)效果

4)亮度/對(duì)比度命令

使用“亮度/對(duì)比度”命令可以對(duì)整個(gè)圖像的色調(diào)進(jìn)行調(diào)整,從而改變圖像的亮度和對(duì)比度,但該命令對(duì)圖像的每個(gè)像素都進(jìn)行調(diào)節(jié),所以會(huì)導(dǎo)致圖像細(xì)節(jié)的丟失?！傲炼?對(duì)比度”對(duì)話框及其調(diào)節(jié)效果如圖4－24所示。圖4－24“亮度/對(duì)比度”命令對(duì)話框及調(diào)節(jié)效果

5)使用變化命令

變化命令可以調(diào)節(jié)圖像的色彩平衡、亮度和飽和度?！白兓泵顚?duì)話框如圖4－25所示,左下角的大片區(qū)域用來(lái)調(diào)整圖像的色偏,右側(cè)的區(qū)域用來(lái)調(diào)整圖像的亮度。在右上方有一個(gè)刻度標(biāo)尺,表示調(diào)整的程度大小。同時(shí)可以在右上方的選項(xiàng)中選擇圖像的暗調(diào)、中間調(diào)、高光和飽和度,進(jìn)行不同的調(diào)節(jié)?！白兓泵钸m合于調(diào)整不需要精確顏色的平均色調(diào)圖像。圖4－25“變化”命令對(duì)話框

7.圖層

Photoshop很重要的一個(gè)特點(diǎn)就是采用了圖層的概念。圖層的引入對(duì)于圖像的編輯和合成起著關(guān)鍵的作用,而且圖層也是創(chuàng)作各種合成效果的重要途徑。

1)關(guān)于圖層

(1)圖層的概念。

可以把Photoshop中的圖層想象成一張張疊起來(lái)的透明膠片,每張透明膠片上都有不同的畫(huà)面內(nèi)容,在一個(gè)圖層的相應(yīng)位置上創(chuàng)建組成圖像的一部分內(nèi)容,所有圖層疊放在一起就合成了一幅完整圖像,如圖4－26所示。每個(gè)圖層的對(duì)象都可以獨(dú)立進(jìn)行編輯和修改,而不會(huì)影響其他圖層中的圖像,改變圖層的順序和屬性可以改變圖像的合成效果。

圖4－26圖層

(2)圖層類(lèi)型概述。

Photoshop中的圖層主要包括普通圖層、背景圖層、文本圖層、填充圖層、調(diào)整圖層和形狀圖層等。

普通圖層是直接單擊圖層面板底部的“創(chuàng)建新圖層”按鈕得到的圖層。新建立的普通圖層是透明無(wú)色的,好比是一張透明的紙。

背景圖層是一種不透明度的圖層,通常作為圖像的背景,疊放于圖層的最下方,不能對(duì)其應(yīng)用任何類(lèi)型的混合模式。通常背景圖層是屬于鎖定狀態(tài)的,不能移動(dòng)圖層位置和改變其透明度,且一個(gè)作品只能存在一個(gè)背景圖層。

2)圖層混合模式

在Photoshop中混合模式的應(yīng)用非常廣泛,在“畫(huà)筆工具”、“鉛筆工具”、“漸變工具”、“仿制圖章工具”等工具中均有使用,其意義基本相同。圖層的混合模式用于控制上下圖層中圖像的混合效果,在設(shè)置混合模式的同時(shí)通常還需要調(diào)節(jié)圖層的不透明度,以使其效果更加理想。Photoshop中提供有27種混合模式,選擇不同混合模式會(huì)得到不同的效果。

3)圖層樣式

圖層樣式是Photoshop中一個(gè)集成式的功能,通過(guò)它可以輕松地實(shí)現(xiàn)“投影”、“斜面和浮雕”、“外發(fā)光”等多種效果,根據(jù)需要還可以自定義各種效果的參數(shù)并復(fù)合使用這些效果,從而制作出非常精美的圖像?！皥D層樣式”對(duì)話框如圖4－27所示。圖4－27“圖層樣式”對(duì)話框

“投影”圖層樣式可以為當(dāng)前圖層中的圖像添加陰影效果,使圖像產(chǎn)生立體感、層次感。

“內(nèi)陰影”圖層樣式可以為非背景圖層中的圖像邊緣向內(nèi)添加陰影,從而使圖像產(chǎn)生凹陷的外觀效果。

“外發(fā)光”圖層樣式可為圖層中的文字或圖形添加發(fā)光效果,并且發(fā)光的位置一般在文字或圖形的外邊緣?？梢栽O(shè)置兩種不同的發(fā)光方式,即純色光和漸變光。

“內(nèi)發(fā)光”圖層樣式可以從圖層內(nèi)容的內(nèi)邊緣添加發(fā)光效果。

“斜面和浮雕”圖層樣式可以將各種高光和暗調(diào)效果添加至圖層中,從而生成具有立體感的圖像效果,在實(shí)際工作中該樣式使用非常頻繁?！靶泵婧透〉瘛毙Ч梢允巩?dāng)前圖層中的圖像產(chǎn)生不同樣式的浮雕效果,如圖4－28所示,從左至右的浮雕樣式依次為“外斜面”、“內(nèi)斜面”、“浮雕效果”、“枕狀浮雕”和“描邊浮雕”。圖4－28“斜面與浮雕”五種浮雕樣式

“光澤”圖層樣式可以根據(jù)圖層對(duì)象的形狀,在對(duì)象內(nèi)部應(yīng)用陰影來(lái)創(chuàng)建光滑的磨光或金屬效果。

“顏色疊加”圖層樣式可以在當(dāng)前圖層上覆蓋一種顏色,并可對(duì)顏色設(shè)置不同的混合模式和不透明度,使當(dāng)前圖層中的圖像產(chǎn)生類(lèi)似于純色填充圖層所產(chǎn)生的效果。

“漸變疊加”圖層樣式可以在當(dāng)前圖層上覆蓋一種漸變顏色,使其產(chǎn)生類(lèi)似漸變填充圖層的效果。

“圖案疊加”圖層樣式可以在當(dāng)前圖層上覆蓋不同的圖案,通過(guò)對(duì)圖案的“混合模式”和“不透明度”進(jìn)行調(diào)整、設(shè)置,使之產(chǎn)生類(lèi)似于圖案填充圖層的效果。

“描邊”圖層樣式可以用顏色、漸變或圖案三種方式為當(dāng)前圖層中不透明像素描畫(huà)輪廓,這對(duì)于有硬邊的圖層(如文字類(lèi))效果非常顯著。

4)填充圖層與調(diào)整圖層

應(yīng)用填充或調(diào)整圖層,可以在不更改圖像本身像素的情況下對(duì)圖像整體進(jìn)行改變。填充圖層是在當(dāng)前圖層的上方新建一個(gè)圖層,并為新的圖層填充純色、漸變色或圖案,通過(guò)設(shè)置不同的“混合模式”和“不透明度”,或者編輯填充圖層的蒙版,使其與下面圖層的圖像產(chǎn)生特殊的混合效果。圖4－29所示為為圖像添加漸變填充圖層后的圖像效果及圖層狀態(tài)。圖4－29為圖像添加漸變填充圖層后的圖像效果及圖層狀態(tài)

調(diào)整圖層是一種比較特殊的圖層,這種類(lèi)型的圖層主要用來(lái)控制色調(diào)和調(diào)整色彩。也就是說(shuō)Photoshop會(huì)對(duì)色調(diào)和色彩的設(shè)定(如“色階”、“曲線”、“色彩平衡”等)進(jìn)行編輯操作,制作成調(diào)整圖層單獨(dú)存放在文件中,修改其設(shè)定不會(huì)永久性地改變?cè)紙D像,從而保留修改的彈性,同時(shí)確保圖像的品質(zhì)。調(diào)整圖層的效果如圖4－30所示。圖4－30為圖像添加調(diào)整圖層后的圖像效果及圖層狀態(tài)

8.蒙版

Photoshop中的蒙版可以用來(lái)控制圖像的顯示與隱藏區(qū)域,是進(jìn)行圖像合成的重要工具,其包括快速蒙版、剪貼蒙版、圖層蒙版與矢量蒙版等。

圖層蒙版是Photoshop圖層的精華,使用圖層蒙版可以創(chuàng)建出多種夢(mèng)幻的圖像。圖4－31所示為對(duì)若干個(gè)圖層使用圖層蒙版后所得到的圖像以及對(duì)應(yīng)的“圖層”面板。圖4－31圖層蒙版應(yīng)用

剪貼蒙版用于使用一個(gè)圖層的形狀約束另一個(gè)圖層的顯示區(qū)域。圖4－32所示為將兩個(gè)圖像組成為剪貼蒙版后的效果及對(duì)應(yīng)的“圖層”面板,可以看出上方圖層可顯示的區(qū)域取決于處于其下方的圖層形狀。圖432創(chuàng)建剪貼蒙版前后的“圖層”面板及合成的圖像效果

當(dāng)使用“鋼筆工具”或“形狀工具”在圖像中創(chuàng)建了路徑時(shí),執(zhí)行菜單命令“圖層”→“矢量蒙版”→“當(dāng)前路徑”,即可在當(dāng)前圖層上創(chuàng)建一個(gè)該路徑形狀的矢量蒙版,該矢量蒙版將路徑以外的圖像隱藏起來(lái),只顯示路徑內(nèi)的圖像,如圖4－33所示。圖4－33創(chuàng)建圖層矢量蒙版

9.通道

通道是Photoshop中的高級(jí)編輯功能,它通常表示為一個(gè)8位的灰度圖像,用來(lái)存儲(chǔ)不同類(lèi)型的信息,這些信息可以是各種色彩模式的分色通道,存儲(chǔ)圖像的顏色信息,也可以是選區(qū)內(nèi)的256灰階圖像,即Alpha通道,用來(lái)存儲(chǔ)選擇范圍。通道應(yīng)用非常廣泛,可以用來(lái)建立選區(qū),進(jìn)行各種選區(qū)操作,也可以把通道看作由原色組成的圖像,因此可以進(jìn)行單色通道的色彩調(diào)整、應(yīng)用濾鏡、復(fù)制粘貼等操作。

Photoshop中的通道分為三種:顏色信息通道、專(zhuān)色通道和Alpha通道。

顏色信息通道用于存儲(chǔ)顏色信息,通道的數(shù)量和類(lèi)型由色彩模式?jīng)Q定,比如RGB色彩模式有三個(gè)顏色通道:紅色通道用于存儲(chǔ)紅色信息,綠色通道用于存儲(chǔ)綠色信息,藍(lán)色通道用于存儲(chǔ)藍(lán)色信息。而CMYK色彩模式有四個(gè)顏色通道,分別為青色通道、品紅色通道、黃色通道和黑色通道,存儲(chǔ)各自的顏色信息。

專(zhuān)色通道是一種特殊的通道,用來(lái)存儲(chǔ)專(zhuān)色。專(zhuān)色是特殊的預(yù)混油墨,用來(lái)替代或者補(bǔ)充印刷色油墨,以便更好地體現(xiàn)圖像效果。在印刷時(shí)每種專(zhuān)色都要求有專(zhuān)用的印版,所以要印刷帶有專(zhuān)色的圖像,則需要?jiǎng)?chuàng)建存儲(chǔ)這些顏色的專(zhuān)色通道。

Alpha通道是用戶(hù)自己設(shè)立的,用于表示選擇范圍或蒙版信息。

10.濾鏡

濾鏡是Photoshop最精彩的地方,使用濾鏡會(huì)產(chǎn)生種種神奇的特效,它可以對(duì)圖像或圖層中的選擇部分進(jìn)行特殊效果的處理,不同的濾鏡可以產(chǎn)生不同的效果。除了Adobe公司提供的本身自帶的濾鏡外,很多第三方提供的濾鏡也為Photoshop帶來(lái)了無(wú)窮的魅力和光彩。Photoshop的所有濾鏡效果都在“濾鏡”菜單下。濾鏡的用法很簡(jiǎn)單,只需要簡(jiǎn)單地設(shè)置參數(shù)就可以使用,有些濾鏡也可以直接使用,不需要設(shè)置參數(shù)。

任務(wù)1卡通小牛形象繪制

1.任務(wù)描述Photoshop具有強(qiáng)大的圖形繪制和修飾功能,在動(dòng)漫設(shè)計(jì)與游戲制作中,常用于繪制卡通形象或人物角色,也用于線稿上色。在本任務(wù)中我們將通過(guò)繪制一個(gè)可愛(ài)的卡通小牛,學(xué)習(xí)Photoshop圖形繪制和上色的方法與技巧,其最終效果如圖4－34所示。圖434效果圖

2.任務(wù)分析

Photoshop中卡通形象的繪制方法基本是先用鋼筆工具構(gòu)圖,繪制輪廓外形,然后填色,再適當(dāng)調(diào)整填充色,加上高光或暗調(diào)即可。本任務(wù)中卡通小牛的繪制主要包括頭部、身體、四肢及尾巴這幾部分。色彩的填充可以根據(jù)需要選擇純色填充或漸變填充。最后可以將完成的效果圖放置在動(dòng)漫場(chǎng)景中。

3.任務(wù)實(shí)施

具體制作過(guò)程如下:(1)單擊“文件”→“新建”命令,新建一個(gè)600像素×450像素的圖像文件,參數(shù)如圖4－35所示。

(2)新建一個(gè)圖層,選擇鋼筆工具勾勒出牛的臉部輪廓,如圖4－36所示;再轉(zhuǎn)換為選區(qū),選擇漸變工具,設(shè)置如圖4－37所示的漸變顏色,為選區(qū)填充如圖4－38所示的線性漸變色。圖4－35新建文件對(duì)話框圖4－36繪制臉部路徑圖4－37編輯漸變顏色圖4－38填充漸變色

(3)新建一個(gè)圖層,使用橢圓選框工具繪制如圖4－39所示的選區(qū),對(duì)選區(qū)進(jìn)行羽化,數(shù)值為15,然后填充顏色:#FFCC78;確定后取消選區(qū),加上圖層蒙版,用黑色畫(huà)筆在蒙版中輕微地把下面部分涂掉,效果如圖4－40所示。圖4－39繪制橢圓選區(qū)圖4－40填充顏色

(4)新建一個(gè)圖層,使用鋼筆工具勾勒出如圖4－39所示的牛耳朵輪廓,然后轉(zhuǎn)換為選區(qū),填充顏色:#FF983E,效果如圖4－41所示。圖4－41繪制耳朵路徑圖4－42填充牛耳底色

(5)鎖定牛耳圖層后,把圖層適當(dāng)放大,選擇畫(huà)筆工具,按住“Alt”鍵吸取耳朵附近臉部的顏色,然后松開(kāi)“Alt”鍵,用畫(huà)筆涂抹耳朵連接處,讓耳朵部分看上去自然一點(diǎn),如圖4－42所示。圖4－43在耳朵連接處涂抹

(6)新建一個(gè)圖層,用鋼筆工具勾勒出內(nèi)耳形狀,然后轉(zhuǎn)換為如圖4－44所示的選區(qū);羽化2個(gè)像素,填充顏色:#F4691F,取消選區(qū)后的效果如圖4－45所示。圖4－44創(chuàng)建內(nèi)耳選區(qū)圖4－45為內(nèi)耳填深色

(7)加上圖層蒙版,稍微把內(nèi)耳的耳朵尖和耳朵根部分用黑色畫(huà)筆涂一下,適當(dāng)用加深/減淡工具把耳朵部分的光感加強(qiáng)一下,效果如圖446所示。

圖4－46左耳效果圖

(8)把做好的耳朵圖層合并,然后復(fù)制一份,水平翻轉(zhuǎn)后放到右邊對(duì)稱(chēng)位置,效果如圖4－47所示。

圖4－47兩耳效果圖

(9)新建一個(gè)圖層,用鋼筆勾勒出頭發(fā)部分的形狀,再轉(zhuǎn)換為選區(qū),填充深綠色,如圖4－48所示。圖4－48深綠頭發(fā)部分

(10)鎖定該圖層后,選擇淺綠色,用畫(huà)筆工具涂抹出頭發(fā)高光效果,如圖4－49所示。圖4－49為頭發(fā)添加高光

(11)新建一個(gè)圖層,用鋼筆工具勾勒出牛角路徑,轉(zhuǎn)換為選區(qū)后填充白色,如圖4－50所示;取消選區(qū)后,為牛角圖層添加內(nèi)陰影圖層樣式,參數(shù)設(shè)置如圖4－51所示,效果如圖4－52所示。圖4－50為牛角選區(qū)填白色圖4－51內(nèi)陰影樣式對(duì)話框圖452左牛角效果

(12)復(fù)制得到右邊的牛角,效果如圖4－53所示。圖4－53雙角效果

(13)新建一個(gè)圖層用橢圓選框工具,繪制如圖4－54所示的橢圓選區(qū),填充白色,取消選區(qū)后,為眼睛圖層添加紅色描邊圖層樣式,效果如圖4－55所示。圖4－54創(chuàng)建眼睛選區(qū)圖4－55為眼睛添加描邊效果

(14)新建一個(gè)圖層,用橢圓選框工具繪制一個(gè)較小的橢圓,填充黑色,效果如圖4－56所示。圖4－56繪制眼珠

(15)新建一個(gè)圖層,用畫(huà)筆點(diǎn)出眼珠的高光部分,左邊眼睛就繪制好了,右邊的眼睛復(fù)制即可,如圖4－57所示。圖4－57雙眼效果

(16)新建一個(gè)圖層,用橢圓選框工具繪制一個(gè)橢圓作為牛的嘴巴,然后填充粉紅色,效果如圖4－58所示。圖4－58繪制嘴巴外形

(17)用減淡工具涂出嘴巴的高光部分,如圖4－59所示。圖4－59為嘴巴添加高光

(18)新建一個(gè)圖層,用橢圓選框工具在鼻子上面繪制一個(gè)橢圓選區(qū),羽化5個(gè)像素后填充深一點(diǎn)的粉紅色,如圖4－60所示;新建一個(gè)圖層,做出鼻孔部分,如圖4－61所示。圖4－60繪制鼻子圖4－61繪制鼻孔

(19)同樣的方法做出牛身部分,如圖4－62所示。前蹄部分的制作如圖4－63所示。圖4－62繪制牛身圖4－63前蹄部分繪制

(20)最后是腳和尾巴部分的制作,完成后的小牛如圖4－64所示。將小牛放入動(dòng)畫(huà)場(chǎng)景中,效果如圖4－65所示。圖4－64小牛效果圖圖4－65場(chǎng)景中的小牛效果圖

任務(wù)2游戲宣傳場(chǎng)景創(chuàng)意合成

1.任務(wù)描述Photoshop軟件在游戲場(chǎng)景合成方面有著重要的應(yīng)用。本任務(wù)通過(guò)一個(gè)游戲宣傳場(chǎng)景的創(chuàng)意合成,學(xué)習(xí)Photoshop中圖像編輯、圖像合成、色彩色調(diào)調(diào)節(jié)、特效制作等內(nèi)容。最終合成效果如圖4－66所示。圖4－66最終效果圖

2.任務(wù)分析

游戲場(chǎng)景的創(chuàng)意合成主要是根據(jù)所搜集的素材圖片發(fā)揮想象,綜合應(yīng)用圖層模式、圖層蒙版、透明度調(diào)節(jié)等方法實(shí)現(xiàn)圖像的自然融合,還可以利用濾鏡及圖層樣式制作特殊效