ps設(shè)計(jì)清爽的洗發(fā)水廣告教程(6)

最終效果預(yù)覽

本教程所需素材：

下面列出的是本教程制作過(guò)程中需要用的素材

第一步

我們?cè)趐hotoshop中新建文件，寬700px、高1000px，分辨率300dpi。

第二步

選中漸變工具，選擇“徑向漸變”選項(xiàng)，漸變色設(shè)置為#c9c9c9到#f1f1f1，然后拖拽鼠標(biāo)創(chuàng)建徑向漸變?nèi)缦聢D所示:

第三步

然后使用鋼筆工具畫兩個(gè)形狀放在各自單獨(dú)的圖層上：

1. 該圖層用來(lái)存放洗發(fā)水瓶的瓶身，我們把它命名為“主體”

2. 該圖層用來(lái)存放洗發(fā)水瓶的蓋子，我們把它命名為“蓋子”

效果如下圖：

附：create a gap between the main body and cap 在蓋子和瓶身之間留一條縫隙

make the edges rounded 圈出來(lái)的地方用圓角過(guò)渡

第四步

接下來(lái)為我們創(chuàng)建的2個(gè)形狀添加顏色和陰影。首先我們獲得蓋子的選區(qū)，然后我們將在選區(qū)的四周看到黑白相間的虛線。獲得選區(qū)是為了限制筆刷的作用范圍，選區(qū)以外的區(qū)域?qū)⒉粫?huì)被著色。

quick tip：

Ctrl+Click the thumbnail of the layer to activate the marquee selection around it。

快速技巧：

按住Ctrl鍵單擊圖層縮略圖可以獲得圓角矩形選區(qū)

接下來(lái)，使用筆刷工具，設(shè)置筆刷大小 90px左右，硬度0%，使用如下圖所示的顏色值分別為瓶蓋著色(當(dāng)然在這里你也可以使用水平的線性漸變進(jìn)行填充)。下圖所示顏色之所以如此排布，完全是為了營(yíng)造瓶蓋的立體感。

第五步

使用筆刷工具，參數(shù)設(shè)置同上，為瓶身進(jìn)行著色。在瓶身的兩側(cè)著深色，是為了營(yíng)造視覺(jué)上的效果-力圖通過(guò)顏色變化客觀體現(xiàn)瓶身立體感。

如下是瓶身和蓋子的效果預(yù)覽

第六步

在為瓶身添加完基本的陰影后，我們繼續(xù)用更深的灰色#a2a2a2來(lái)刻畫瓶子的細(xì)節(jié)。在本步驟中，我們將把瓶身的上、下兩邊緣包含進(jìn)來(lái)一同處理(需要刻畫的區(qū)域如下圖箭頭所指)。記�。浩可砩戏降年幱耙缘谙路疥幱�。

第七步

接下來(lái)我們制作橫貫瓶身的那道綠條。首先，新建圖層命名為“綠條”，然后使用鋼筆工具創(chuàng)建如下圖所示形狀，確保它平滑且完美的跟瓶身的輪廓吻合。路徑畫好后，右擊鼠標(biāo)，從下拉菜單中選擇“取得選區(qū)”。

basic knowledge of the pen tool(P) will help you to be faster in making shapes and color application

掌握鋼筆工具的基本應(yīng)用能幫助你更快速的繪制形狀路徑然后著色

第八步

接下來(lái)使用油漆桶工具為選區(qū)著色#aff012。然后選中筆刷工具，設(shè)置為中等壓力，使用顏色#628903 涂抹瓶身的左右兩側(cè)，效果如下圖所示：

第九步

接下來(lái)為瓶子刻畫細(xì)節(jié)，我們需要用到素材-橙子的橫斷面。選中魔術(shù)棒工具，如下圖1所示點(diǎn)擊橙子外側(cè)的淺色區(qū)域，取得選區(qū)。接下來(lái)，點(diǎn)擊菜單欄上的"定義選區(qū)邊緣"按鈕，在彈出的對(duì)話框中，選擇“智能半徑”，然后其他參數(shù)保持默認(rèn)，如下圖2。最終摳出來(lái)的橙子見(jiàn)下圖，復(fù)制圖層然后把圖層副本隱藏備用。

第十步

ctrl+T調(diào)整橙子大小，如下圖1.接下來(lái)選中矩形選擇工具，選中橙子的左半邊，右擊鼠標(biāo)，選擇“自由變形”如下圖2.重新調(diào)整選中區(qū)域的大小，如下圖3.重復(fù)相同的步驟，但是記住我們的選區(qū)要大于橙子直徑的1/4，如下圖4.最終效果應(yīng)該如下圖5.把剛才變形得到的橙子置于瓶身的左下方。接下來(lái)，按住Ctrl鍵單擊圖層“綠條”的縮略圖，取得選區(qū)。接下來(lái)Ctrl+Shift+I反選，然后刪掉橙子超出瓶身部分。最終效果應(yīng)該如下圖6所示。最后，復(fù)制橙子圖層，調(diào)整其大小，效果如下圖7所示。

第十一步

方法同上，按住Ctrl鍵單擊“綠條”縮略圖取得選區(qū)，然后使用中等大小的柔角筆刷，前景色設(shè)為近黑色#000000，在如下圖所示紅圈部分(橙子所在的左下角)添加細(xì)微的陰影，效果如下圖：

apply a subtle amount of shading：color #000000

應(yīng)用細(xì)微的陰影：顏色#000000

第十二步

接下來(lái)制作瓶子的封口部分。我們先給它加底色，按住Ctrl鍵單擊圖層“主體”縮略圖，取得選區(qū)。然后選中“矩形選擇工具”，在設(shè)置面板中選擇“交集”(ctrl+shift+alt鍵也可以取得交集)，繪制一個(gè)矩形選區(qū)如下圖1所示，一旦你松開(kāi)鼠標(biāo)左鍵，它立即回自動(dòng)取得兩個(gè)選區(qū)的交集部分，如圖1下。

然后使用油漆桶工具為選區(qū)填色#dddddd，如下圖2.最終效果如下圖3.

第十三步

接下來(lái)制作瓶蓋的凹陷部分。選中圓角矩形工具，圓角半徑設(shè)置為0.15英尺，繪制一個(gè)長(zhǎng)條的形狀如下圖1.然后，使用油漆桶為選區(qū)填色#a34100，把圖層的不透明度降為82%。接下來(lái)為圖層添加“內(nèi)陰影”和“斜面浮雕”圖層樣式，參數(shù)設(shè)置如下。如果覺(jué)得大小不合適請(qǐng)按住ctrl+T進(jìn)行調(diào)整，效果如下圖。

第十四步

接下來(lái)使用鋼筆工具繪制一條水平路徑如下圖1.然后選中筆刷工具，更改其設(shè)置如下圖2-2. 顏色#b95701、直徑3px、硬度100%。接著回到鋼筆工具，右擊在下拉菜單中選擇“描邊路徑”，如下圖2-1.選擇筆刷描邊，取消“模擬壓力”選項(xiàng)。最終效果如下圖3.

第十五步

處理方法同14步，繪制鋼筆路徑，然后使用筆刷工具描邊。不同的是筆刷工具的設(shè)置：顏色#f99e06、直徑3px、硬度100%，模式“疊加”，回到鋼筆工具，然后右擊選擇“描邊路徑”。

第十六步

選擇筆刷工具，參數(shù)設(shè)置如下：直徑2px、硬度100%。然后使用鋼筆工具在凹槽內(nèi)繪制水平路徑，然后描邊路徑。

第十七步

接著為瓶子添加光澤和反光效果。首先使用鋼筆工具，創(chuàng)建如下圖1所示路徑，接下來(lái)右擊圖層，在下拉菜單中選擇“取得選區(qū)”，然后使用油漆桶為選區(qū)填色#ffffff，如下圖2.最后降圖層的不透明度為12%，如下圖3.

第十八步

我們來(lái)使用鋼筆工具，創(chuàng)建如下圖1所示的路徑。然后選中筆刷工具，參數(shù)設(shè)置如下圖2所示：直徑-10px、硬度-0%。最后降低圖層的不透明度為20%，如下圖3.

第十九步

接下來(lái)我們添加商標(biāo)。選中文字工具，字體選擇“Myriad Pro ”,字體樣式“bold”，輸入你喜歡的品牌名稱。

在本例中我輸入文字“Sonsilk”如下圖1.然后來(lái)到文字設(shè)置面板，更改字間距為：-80，這樣做可以減少字母之間的間隔，如下圖2.接下來(lái)右擊圖層“sonsilk”在下拉菜單中選擇“柵格化圖層”，現(xiàn)在文字就可以作為圖形直接進(jìn)行編輯了。我決定為品牌文字適當(dāng)增加樣式，所以我使用矩形工具選中并刪除了字母s上下兩側(cè)的拐角部分，如下圖3.然后再次選擇"矩形選擇工具",我準(zhǔn)備為字母s做擴(kuò)展，如下圖4.最終效果如下圖5.正如你所看到的，我把字母“i”上方的圓點(diǎn)，換成了兩個(gè)波浪形狀。

第二十步

使用鋼筆工具取得如下選區(qū)，然后選中筆刷工具，使用中等大小的柔角筆刷為選區(qū)著色，顏色如下：

從#272727到#000000

第二十一步

這一步我們制作洗發(fā)水瓶封口處的輕微褶皺效果。首先，使用鋼筆工具畫一條垂直的路徑，然后選擇筆刷工具，參數(shù)設(shè)置如下圖-左上角所示：顏色#000000、直徑2px、硬度100%，然描邊路徑。新建圖層，把顏色設(shè)為#ffffff，再次描邊路徑。這樣我們就得到了2個(gè)圖層，分別有一條黑色和一條白色的垂直線段。接下來(lái)移動(dòng)白色線段使其靠緊黑色線段，蓋住黑色線段的一半。按住shift鍵選中兩個(gè)圖層，然后拼合圖層，接下來(lái)多次復(fù)制，直到鋪滿封口寬度，如下圖所示。

第二十二步

接下來(lái)添加產(chǎn)品信息。你可以使用搜索引擎查找或者參考本例的文本，思考生產(chǎn)廠家是如何選擇文案介紹、宣傳自己的產(chǎn)品的。內(nèi)容有了以后，使用文字工具錄入，并對(duì)其大小作必要的調(diào)整。注意要對(duì)靠近右側(cè)邊緣的文字做變形處理，方法如前所述，這樣文字看上去好像彎向瓶子的后方，進(jìn)而更加營(yíng)造出瓶身的立體感。

第二十三步

瓶身的右上方看起來(lái)太空了，我想增加一個(gè)標(biāo)簽以展現(xiàn)更多的產(chǎn)品信息。使用鋼筆工具畫出標(biāo)簽的輪廓，然后取得選區(qū)，參照下圖所示顏色，使用筆刷工具對(duì)選區(qū)進(jìn)行填色，然后使用文字工具錄入文本，效果如下圖所示：

add additonal details

添加一些細(xì)節(jié)

第二十四步

接下來(lái)添加輔助陰影，加強(qiáng)瓶子的對(duì)比。首先，按住ctrl+shift鍵單擊圖層“主體”和“蓋子”縮略圖，取得選區(qū)。然后選擇筆刷工具，筆刷直徑設(shè)為500px、硬度0%，輕微涂抹選區(qū)的部。最后更改圖層的混合模式為“疊加”，圖層不透明度降為60%。

第二十五步

現(xiàn)在為瓶子的周圍添加幾個(gè)橙子，這樣助于營(yíng)造新鮮感。操作步驟如下：

附：

apply shadow：應(yīng)用陰影

erase these parts：擦除這些區(qū)域

duplicate：復(fù)制

resize the image：調(diào)整圖片大小

rotate：旋轉(zhuǎn)

some additional shadows 一些輔助陰影

adding highlights and dark shadings 添加高光和深色陰影

add drop shadow for both oranges 為兩個(gè)橙子添加投影

add some reflections 添加倒影

and we’are done 完成

第二十六步

現(xiàn)在，我們?yōu)槌茸雍拖窗l(fā)水瓶子增加水滴效果。選中筆刷工具，參照如下如所示的步驟繪制水滴。然后，選中筆刷工具，直徑設(shè)置為3px、硬度100%，添加一些小水滴，然后為其添加圖層樣式，參數(shù)設(shè)置如下：

big water droplets 大水滴

front facing：正面

side view：側(cè)視

adding smaller droplets 添加小水滴

drop shadow：投影 角度：90，投影半徑1px

inner glow：內(nèi)發(fā)光 大小5px、顏色#ffffff。

最終效果如圖所示：

第二十七步

接下來(lái)，選中所有的洗發(fā)水瓶子圖層(不包含橙子)。拖動(dòng)到圖層面板底部的“新建按鈕”上方，系統(tǒng)會(huì)自動(dòng)復(fù)制選中的所有圖層。然后右擊選擇“拼合圖層”。

拼合圖層后，分別把洗發(fā)水瓶子的2個(gè)副本置于左右兩側(cè)，如下圖所示：

第二十八步

接下來(lái)，選中2個(gè)副本圖層，ctrl+T調(diào)整其大小，來(lái)到“濾鏡-模糊-高斯模糊”，分別對(duì)2個(gè)圖層進(jìn)行高斯模糊，模糊半徑1px。

第二十九步

增加瓶子的倒影。選中所有瓶子圖層(沒(méi)經(jīng)過(guò)高斯模糊處理的那一組即中間那組)，同上，復(fù)制所有選中的圖層,然后拼合圖層。接著按ctrl+t激活變形工具，如下圖3.，然后右擊選擇“垂直翻轉(zhuǎn)”，并且置于瓶子的下方，如下圖1.接下來(lái)使用橡皮擦工具擦除多余部的分，如下圖2.最后降低圖層的不透明度為17%，如下圖3.

附:下圖紅色部分為待擦除區(qū)域

第三十步

接下來(lái)新建圖層，使用油漆桶工具，填充顏色#353535，如下圖1.把圖層的混合模式設(shè)為“柔光”，如下圖2.使用橡皮擦工具擦除下圖3所示區(qū)域，最后降低圖層的不透明度為77%，最終效果如下圖4.

第三十一步

我重新復(fù)制了剛才高斯模糊處理過(guò)的瓶子圖層，再次對(duì)它們進(jìn)行高斯模糊，模糊半徑1-2px。

第三十二步

最后一步，為所有圖層添加細(xì)微的雜點(diǎn)效果。首先，新建圖層，使用油漆桶工具填充顏色#000000，接著來(lái)到“濾鏡-雜點(diǎn)-添加雜點(diǎn)”，參數(shù)設(shè)置如下：數(shù)量-25%、高斯分布、單色。最后更改圖層混合模式為“正片疊底”，降低圖層不透明度為3%。

結(jié)論

完工，最終效果如下圖所示。希望你不覺(jué)得乏味、同時(shí)有所收獲，謝謝閱讀。