【 PS創意設計 】Photoshop製作清爽的洗髮水廣告 - PS筆刷工廠PS筆刷工廠

Photoshop製作清爽的洗髮水廣告

這一次的教學是屬於PS教程領域中的設計教程的相關教學。

文章出處是來自ICONFANS的PS教程類文章，寫教學的作者是luycas，感謝luycas提供設計教程的實作教學。

教學大綱:

本教程主要使用Photoshop設計橙子成分的洗髮水廣告，練習使用鋼筆工具及一些基本的形狀變形和顏色混合來製作清新鮮活的洗髮水瓶子廣告，下面一起來學習吧。

設計教程教學開始

最終效果預覽

本教程所需素材：

下面列出的是本教程製作過程中需要用的素材

第一步

我們在photoshop中新建文件，寬700px、高1000px，分辨率300dpi。

第二步

選中漸變工具，選擇“徑向漸變”選項，漸變色設置為#c9c9c9到#f1f1f1，然後拖拽鼠標創建徑向漸變如下圖所示:

第三步

然後使用鋼筆工具畫兩個形狀放在各自單獨的圖層上：

1. 該圖層用來存放洗髮水瓶的瓶身，我們把它命名為“主體”

2. 該圖層用來存放洗髮水瓶的蓋子，我們把它命名為“蓋子”

效果如下圖：

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

make the edges rounded 圈出來的地方用圓角過渡

第四步

接下來為我們創建的2個形狀添加顏色和陰影。首先我們獲得蓋子的選區，然後我們將在選區的四周看到黑白相間的虛線。獲得選區是為了限制筆刷的作用範圍，選區以外的區域將不會被着色。

quick tip：

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

快速技巧：

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

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

第五步

使用筆刷工具，參數設置同上，為瓶身進行着色。在瓶身的兩側着深色，是為了營造視覺上的效果-力圖通過顏色變化客觀體現瓶身立體感。

如下是瓶身和蓋子的效果預覽

第六步

在為瓶身添加完基本的陰影后，我們繼續用更深的灰色#a2a2a2來刻畫瓶子的細節。在本步驟中，我們將把瓶身的上、下兩邊緣包含進來一同處理(需要刻畫的區域如下圖箭頭所指)。記住：瓶身上方的陰影要略淡於下方陰影。

第七步

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

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

掌握鋼筆工具的基本應用能幫助你更快速的繪製形狀路徑然後着色

第八步

接下來使用油漆桶工具為選區着色#aff012。然後選中筆刷工具，設置為中等壓力，使用顏色#628903 塗抹瓶身的左右兩側，效果如下圖所示：

第九步

接下來為瓶子刻畫細節，我們需要用到素材-橙子的橫斷面。選中魔術棒工具，如下圖1所示點擊橙子外側的淺色區域，取得選區。接下來，點擊菜單欄上的"定義選區邊緣"按鈕，在彈出的對話框中，選擇“智能半徑”，然後其他參數保持默認，如下圖2。最終去背出來的橙子見下圖，複製圖層然後把圖層副本隱藏備用。

第十步

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

第十一步

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

apply a subtle amount of shading：color #000000

應用細微的陰影：顏色#000000

第十二步

接下來製作瓶子的封口部分。我們先給它加底色，按住Ctrl鍵單擊圖層“主體”縮略圖，取得選區。然後選中“矩形選擇工具”，在設置面板中選擇“交集”(ctrl+shift+alt鍵也可以取得交集)，繪製一個矩形選區如下圖1所示，一旦你鬆開鼠標左鍵，它立即回自動取得兩個選區的交集部分，如圖1下。

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

第十三步

接下來製作瓶蓋的凹陷部分。選中圓角矩形工具，圓角半徑設置為0.15英尺，繪製一個長條的形狀如下圖1.然後，使用油漆桶為選區填色#a34100，把圖層的不透明度降為82%。接下來為圖層添加“內陰影”和“斜面浮雕”圖層樣式，參數設置如下。如果覺得大小不合適請按住ctrl+T進行調整，效果如下圖。

第十四步

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

第十五步

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

第十六步

選擇筆刷工具，參數設置如下：直徑2px、硬度100%。然後使用鋼筆工具在凹槽內繪製水平路徑，然後描邊路徑。

第十七步

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

第十八步

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

第十九步

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

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

第二十步

使用鋼筆工具取得如下選區，然後選中筆刷工具，使用中等大小的柔角筆刷為選區着色，顏色如下：

從#272727到#000000

第二十一步

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

第二十二步

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

第二十三步

瓶身的右上方看起來太空了，我想增加一個標籤以展現更多的產品信息。使用鋼筆工具畫出標籤的輪廓，然後取得選區，參照下圖所示顏色，使用筆刷工具對選區進行填色，然後使用文字工具錄入文本，效果如下圖所示：

add additonal details

添加一些細節

第二十四步

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

第二十五步

現在為瓶子的周圍添加幾個橙子，這樣助於營造新鮮感。操作步驟如下：

附：

apply shadow：應用陰影

erase these parts：擦除這些區域

duplicate：複製

resize the image：調整圖片大小

rotate：旋轉

some additional shadows 一些輔助陰影

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

add drop shadow for both oranges 為兩個橙子添加投影

add some reflections 添加倒影

and we’are done 完成

第二十六步

現在，我們為橙子和洗髮水瓶子增加水滴效果。選中筆刷工具，參照如下如所示的步驟繪製水滴。然後，選中筆刷工具，直徑設置為3px、硬度100%，添加一些小水滴，然後為其添加圖層樣式，參數設置如下：

big water droplets 大水滴

front facing：正面

side view：側視

adding smaller droplets 添加小水滴

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

inner glow：內發光 大小5px、顏色#ffffff。

最終效果如圖所示：

第二十七步

接下來，選中所有的洗髮水瓶子圖層(不包含橙子)。拖動到圖層面板底部的“新建按鈕”上方，系統會自動複製選中的所有圖層。然後右擊選擇“拼合圖層”。

拼合圖層后，分別把洗髮水瓶子的2個副本置於左右兩側，如下圖所示：

第二十八步

接下來，選中2個副本圖層，ctrl+T調整其大小，來到“濾鏡-模糊-高斯模糊”，分別對2個圖層進行高斯模糊，模糊半徑1px。

第二十九步

增加瓶子的倒影。選中所有瓶子圖層(沒經過高斯模糊處理的那一組即中間那組)，同上，複製所有選中的圖層,然後拼合圖層。接着按ctrl+t激活變形工具，如下圖3.，然後右擊選擇“垂直翻轉”，並且置於瓶子的下方，如下圖1.接下來使用橡皮擦工具擦除多餘部的分，如下圖2.最後降低圖層的不透明度為17%，如下圖3.

附:下圖紅色部分為待擦除區域

第三十步

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

第三十一步

我重新複製了剛才高斯模糊處理過的瓶子圖層，再次對它們進行高斯模糊，模糊半徑1-2px。

第三十二步

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

結論

完工，最終效果如下圖所示。希望你不覺得乏味、同時有所收穫，謝謝閱讀。

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop製作清爽的洗髮水廣告