圖形圖像處理從入門到實(shí)戰(zhàn)-Photoshop 實(shí)操工作手冊課件 第六章

1.Photoshop在包裝設(shè)計(jì)中的應(yīng)用

2.Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用

3.Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用

4.知識(shí)點(diǎn)小結(jié)一、Photoshop在包裝設(shè)計(jì)中的應(yīng)用

使用PhotoshopCS6完成茶葉包裝盒的標(biāo)貼設(shè)計(jì)任務(wù)，最終效果如圖步驟01

新建文件27.5厘米*25.5厘米，300像素/英寸，RGB顏色模式,為創(chuàng)建的背景填充顏色R145/G128/B77；新建圖層使用漸變填充工具，選擇徑向填充的方式填充顏色，填充強(qiáng)度為65%；為漸變填充層添加一個(gè)“色相/飽和度”調(diào)整層并使用蒙版只讓圖像的底部顏色偏暖一些。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟02

新添加一張茶園素材圖像，將其轉(zhuǎn)換為智能對象，混合模式設(shè)置為“正片疊底”，填充強(qiáng)度為70%，為其添加一個(gè)遮擋蒙版對邊緣進(jìn)行融合。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟03

為所有可見圖層添加一個(gè)“曲線”調(diào)整層提高當(dāng)前可見效果的整體亮度；新建填充50%灰的圖層，設(shè)置混合模式為疊加，為當(dāng)前圖層添加“濾鏡”—“雜色”—“添加雜色”給當(dāng)前圖像營造一些表面的紋理效果。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟04

繼續(xù)新建一層，填充黑色并將該層轉(zhuǎn)換為智能對象，使用濾鏡“渲染”—“光照效果”，將得到的效果圖像層混合模式改為“濾色”，點(diǎn)擊智能對象下的“光照效果”進(jìn)一步修改光照位置。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟05

添加一張紋理素材圖像，將其復(fù)制并列放置在圖像的底部，為紋理圖像添加“顏色填充”調(diào)整層，顏色為R115/G108/B1001、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟06

繼續(xù)添加一張紋理素材圖像，使用“自由變換”命令調(diào)整它的大小及位置，在蒙版中創(chuàng)建一個(gè)圓形選區(qū)并設(shè)置蒙版選區(qū)的羽化值為40。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟07

繼打開素材文件，將圖像中的觀音畫像主體區(qū)域創(chuàng)建一個(gè)橢圓形選區(qū)并設(shè)置羽化值為20。將選區(qū)中的圖像復(fù)制創(chuàng)建后拖拽到帶有羽化選框蒙版的紋理圖像上方，調(diào)整大小并將2張紋理圖像和背景圖像“水平居中對齊”，為置入的圖案素材圖層單獨(dú)添加一個(gè)“色彩平衡”調(diào)整層。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟08

進(jìn)一步融合色彩關(guān)系，再為所有可見圖層添加一個(gè)“色彩平衡”調(diào)整層，將整體色調(diào)由黃綠調(diào)整為紅綠，將茶園圖像的區(qū)域使用蒙版層進(jìn)行遮擋

。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟09

將云紋的素材圖像置入文件，調(diào)整大小和位置并將混合模式設(shè)置為“正片疊底”。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟10

輸入產(chǎn)品文字說明、企業(yè)名稱和相關(guān)文字，將所有新建圖層置入圖層文件夾并將所有圖層按照“水平居中對齊”。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟11

將文字素材放置進(jìn)文件，調(diào)整文字的位置與大小關(guān)系。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)步驟12

向上合并可見圖層，將得到的圖像放置進(jìn)立體效果圖展示素材文件中，為每個(gè)需要展示的圖像區(qū)域創(chuàng)建一個(gè)智能對象圖層，調(diào)整圖像的位置和效果，最終展示效果圖如圖。1、茶葉包裝盒的標(biāo)貼設(shè)計(jì)二、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用

使用PhotoshopCS6完成產(chǎn)品耳機(jī)廣告招貼的設(shè)計(jì)任務(wù)，最終效果如圖步驟01

新建文件26厘米*21厘米，300像素/英寸，RGB顏色模式，為新建圖層使用漸變填充工具，選擇徑向填充的方式填充背景；為文件添加一個(gè)原點(diǎn)圖案素材，復(fù)制1層后調(diào)整它們的大小并將其覆蓋背景，將圖案素材轉(zhuǎn)換為智能對象，為2個(gè)智能對象圖層創(chuàng)建一個(gè)文件夾，創(chuàng)建一個(gè)漸變蒙版將圖案與背景色進(jìn)行混合

。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟02

打開人物素材圖像，復(fù)制圖像后進(jìn)入通道面板，復(fù)制藍(lán)色通道圖像使用菜單命令中的“圖像”—“計(jì)算”命令，選擇計(jì)算混合模式為“正片疊底”，將得到的結(jié)果使用“反相”（Ctrl+I）命令后繼續(xù)使用“圖像”—“計(jì)算”命令，選擇計(jì)算混合模式為“濾色”，連續(xù)計(jì)算2次，突出圖像的白色強(qiáng)度和細(xì)節(jié)對比關(guān)系

。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟03

為突出圖像的白色強(qiáng)度和細(xì)節(jié)對比關(guān)系，使用“加深”和“減淡”工具調(diào)整圖像的黑白關(guān)系，將得到的白色圖像轉(zhuǎn)換為選區(qū)，返回圖層面板為圖像創(chuàng)建一個(gè)扣選蒙版。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟04

將扣選出的人物素材置入文件中，調(diào)整圖像位置及大小，在人物圖的下方創(chuàng)建一個(gè)長方形灰色色塊(R97/G106/B134)，填充強(qiáng)度70%并為其創(chuàng)建一個(gè)漸變?nèi)诤系拿砂妫粚⑷宋锩砂嬷械倪x區(qū)載入，在人物的下方創(chuàng)建2個(gè)圖層，分別填充洋紅色和綠色，其中綠色層的填充強(qiáng)度為50%，適當(dāng)旋轉(zhuǎn)圖層的角度

。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟05

再為圖像文件載入一張人物素材圖像，設(shè)置圖像的混合模式為“正片疊底”，并為圖像的邊緣處添加一個(gè)蒙版做適當(dāng)?shù)恼趽酢?、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟06

繼續(xù)為文件載入一張音符素材圖像，將其調(diào)整為合適的位置與大小，加載一張炫光圖像素材并將其設(shè)置為音符圖像的剪切蒙版。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟07

使用同樣的素材圖片為創(chuàng)建的文字層也添加一個(gè)剪切蒙版，載入文字選區(qū)在文字層的上方新建一個(gè)白色描邊圖層，描邊寬度為4像素。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟08

新建主標(biāo)題文字，在文字調(diào)整界面中選擇“仿斜體”設(shè)置，給文字添加描邊效果，將得到的結(jié)果“柵格化圖層樣式”后繼續(xù)添加描邊與投影。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用步驟09

置入產(chǎn)品圖像素材，為圖像素材與文字添加一個(gè)蒙版，形成前后遮擋的關(guān)系，最后添加產(chǎn)品的LOGO素材文件。為整體圖像效果添加色彩變化，在背景層的上方新建2個(gè)純色圖層，將圖像混合模式修改為“濾色”，為它們分別創(chuàng)建一個(gè)徑向漸變的遮擋蒙版，完成全部操作。2、Photoshop在廣告招貼設(shè)計(jì)中的應(yīng)用三、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用

Photoshop支持矢量對象繪制，并且繪制與調(diào)整像素時(shí)能夠通過“自動(dòng)對齊到網(wǎng)格”的設(shè)置修正一些虛邊的現(xiàn)象，這就使得在圖形標(biāo)志的設(shè)計(jì)中PhotoshopCS6也能夠有較好的表現(xiàn)。開始設(shè)計(jì)任務(wù)時(shí)需要做一些預(yù)設(shè)，以便能夠讓圖形看上去更飽滿、更細(xì)膩。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟01

新建圖像文件800像素*800像素，72像素/英寸，RGB顏色模式。打開“視圖”菜單中的“標(biāo)尺”顯示（Ctrl+R），在視圖中橫向和縱向拖拽2條參考線找到視圖的中心點(diǎn)，使用“橢圓工具”在中心點(diǎn)處雙擊鼠標(biāo)，調(diào)出繪制控制面板，設(shè)置長、寬都為512像素。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟02

使用相同的方法新建一個(gè)長400像素，寬200像素的橢圓形形狀圖層，單擊“直接選擇工具”，在創(chuàng)建出來的橢圓邊緣點(diǎn)擊使路徑上的錨點(diǎn)可見，選擇“轉(zhuǎn)換點(diǎn)工具”（在鋼筆工具箱中）在上方頂部的錨點(diǎn)上單擊，將頂部調(diào)節(jié)成一個(gè)較尖銳的角度。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟03

在當(dāng)前形狀圖層被選擇的狀態(tài)下，并在“形狀工具”狀態(tài)欄的形狀控制面板中選擇“與形狀區(qū)域相交”的路徑操作選項(xiàng)，然后在當(dāng)前層繼續(xù)繪制一個(gè)長方形矩形框，修剪圖像。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟04

繼續(xù)使用矩形工具創(chuàng)建一個(gè)淺灰色的矩形形狀并把它放在所有形狀圖層的上方，遮擋住主體圖標(biāo)的右半部分，按住Ctrl鍵載入主體圖形選區(qū)，為當(dāng)前繪制的灰色形狀圖層創(chuàng)建蒙版遮蓋住未被選中的部分。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟05

繼續(xù)給主體圖標(biāo)添加細(xì)節(jié)，使用“圓角矩形工具”（圓角半徑為5）在形狀層的最底層繪制出火箭圖形的尾端；再使用“橢圓工具”繪制一個(gè)紅色的圓圈，然后使用“直接選擇工具”選擇下方的錨點(diǎn)并將它往下拖動(dòng)以拉長圖形，然后使用轉(zhuǎn)換點(diǎn)工具使得圖形的下部變得更加細(xì)長。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟06

按著Shift鍵移動(dòng)“水平翻轉(zhuǎn)”后的形狀圖層，旋轉(zhuǎn)復(fù)制的第三個(gè)形狀，放置在主體形狀的中間并適當(dāng)改變其寬度（在自由變換命令狀態(tài)下按著Alt鍵向里收縮形狀的寬度）。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟07

選擇橢圓工繪制一個(gè)圓形，復(fù)制創(chuàng)建的當(dāng)前圖層（Ctrl+J），然后變換（Ctrl+T）復(fù)制出的圖層形狀，將圓形的高度和寬度縮小至原來的80%。以一種較淡的灰藍(lán)色填充內(nèi)部圓形。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟08

在圖層的頂端繪制一個(gè)橢圓形，復(fù)制主體形狀圖層并將其放置在當(dāng)前層的下方，保持橢圓工具的選擇，然后同時(shí)選擇這個(gè)新創(chuàng)建的圖形和主體形狀圖層，右擊鼠標(biāo)，然后選擇“統(tǒng)一重疊處形狀”。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟09

為圖形繼續(xù)添加細(xì)節(jié)，在火箭圖案的圓形窗口上添加光影的變化。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟10

為主體圖形添加一個(gè)長陰影。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制步驟11

為圖形的藍(lán)色背景添加一些圓形的點(diǎn)綴圖案，顏色和大小都略微有些區(qū)別。3、PhotoshopCS6在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用1-扁平風(fēng)格圖標(biāo)的繪制

PhotoshopCS6通過形狀工具和圖層樣式的調(diào)節(jié)能夠制作出非常逼真的形狀圖標(biāo)3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟01

新建文件800像素*800像素，分辨率72像素/英寸，顏色模式為RGB。新建圖層使用“黑色到透明”的線性漸變方式繪制一個(gè)有顏色變化的背景色；打開標(biāo)尺工具為圖像文件拖拽2條參考線找到圓形的圓心點(diǎn)，使用“橢圓工具”繪制一個(gè)長、寬都為680像素的圓形，使用“漸變填充”的樣式命令給圓形形狀添加顏色。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟02

為圓形添加“描邊”樣式命令，在面板中修改描邊填充類型為“漸變”，面板設(shè)置如圖。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟03

將當(dāng)前的圓形圖層復(fù)制一層，并使用“自由變換”（Ctrl+T）命令設(shè)置圓形的長寬等比縮小95%。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟04

載入當(dāng)前形狀圖層的選區(qū)并新建一層，為其填充50%的灰色，將混合模式修改為疊加，使用“濾鏡”菜單—“雜色”—“添加雜色”命令，給繪制的金屬邊框添加磨砂質(zhì)感。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟05

繼續(xù)將當(dāng)前的圓形圖層復(fù)制一層，并使用“自由變換”（Ctrl+T）命令設(shè)置圓形的長寬同時(shí)縮小90%，為該圖層依次添加“漸變疊加”、“內(nèi)發(fā)光”、“內(nèi)陰影”、“投影”等樣式效果，具體設(shè)置如圖。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟06

為形狀圖層添加光感，繼續(xù)將當(dāng)前的圓形圖層復(fù)制一層，去除所有的圖層樣式，填充顏色調(diào)整為白色，設(shè)置復(fù)制出的圓形長寬同時(shí)縮小98%，使用“自由變換”—“變形”命令，將形狀的邊緣進(jìn)行調(diào)整，混合模式設(shè)置為“正片疊底”并添加一個(gè)遮擋蒙版，對右邊的形狀進(jìn)行適當(dāng)遮蓋，具體效果如圖。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟07

繼續(xù)將當(dāng)前的圓形選區(qū)載入，使用“變換選區(qū)”命令將其移動(dòng)旋轉(zhuǎn)到主體的右下角，新建圖層并利畫一個(gè)橢圓選區(qū)進(jìn)行減選，為選區(qū)填充漸變效果，并修改混合模式為“濾色”，不透明度為10%，最終給主體添加一個(gè)反光效果。3、Photoshop在圖形標(biāo)志設(shè)計(jì)中的應(yīng)用2-寫實(shí)風(fēng)格圖標(biāo)的繪制步驟08

新建一個(gè)音符形狀圖層，為其分別添加多個(gè)樣式效果。3、