在該教程中，利用PS巧妙的繪制一把3D遮陽傘,，你可以作為一個(gè)icon圖標(biāo)或作為一幅作品的修飾部分,。重點(diǎn)介紹一些優(yōu)秀的，簡單的技術(shù)在Photoshop中繪制設(shè)計(jì)元素,。大部分的色彩和陰影是通過使用圖層樣式,，讓你可以根據(jù)自己的口味和需要改變保護(hù)傘。大部分的元素,，可以通過使用各種形狀,，選擇合理的方法繪制出來，但也將使用鋼筆工具,。

預(yù)覽圖：

這就是我們將通過這個(gè)教程要繪制這個(gè)遮陽傘,。

第1步：新建文件

新建512px *512px畫布,灰色（＃666666）陰影填充背景層。相比默認(rèn)的白色背景,，灰色的背景能讓使操作效果更好,。

提示：為幫助繪制對(duì)稱的形狀，創(chuàng)建兩個(gè)參考線在畫布的中心,。

第2步：創(chuàng)建傘手柄形狀

選擇鋼筆工具（P）,，在工具面板中,，繪制出手柄的形狀，如下圖所示

雙擊圖層,，給傘處理一些圖層雙擊它,，在圖層面板，打開圖層樣式對(duì)話框?qū)印?添加內(nèi)陰影圖層樣式,，使用這些設(shè)置,。

繼續(xù)添加內(nèi)發(fā)光圖層樣式，如下所示的提示設(shè)置

接下來,，添加水平橫向漸變疊加,，給傘柄一個(gè)木質(zhì)感，立體造型

這是應(yīng)用所有的圖層樣式之后的傘手柄形狀

第3步：給傘處理一些條紋

讓我們借鑒手柄一些細(xì)節(jié),，使它看起來盡可能接近真實(shí)的太陽傘,。我們將在手柄上畫出1px的橫條紋;許多雨傘都有這些條紋，幫助用戶在手柄上有更好的抓桿力,。然后,，對(duì)當(dāng)前圖層上面（按Ctrl / Cmd的+ Shift + N），創(chuàng)建一個(gè)新圖層,。

按Ctrl/ Cmd+點(diǎn)擊手柄形狀圖層上創(chuàng)建一個(gè)選區(qū),。

使用移動(dòng)工具（V）和你的鍵盤上的箭頭鍵，移動(dòng)選區(qū)4PX,。

對(duì)所選擇的區(qū)域填充黑色（＃000000）,。

隨著選區(qū)載入，按鍵盤上的向上箭頭鍵移動(dòng)選區(qū)1px,。

現(xiàn)在,，通過按Delete鍵清除選區(qū)外面的區(qū)域

隨著條紋仍處于選中狀態(tài)，將它復(fù)制（按Ctrl / Cmd+ C）和粘貼（Ctrl鍵/Cmd+ V）幾次,，得到更多的條紋,，移動(dòng)復(fù)制的條紋，使得所有的條紋（約5像素合適）等間隔,。

改變條紋圖層的混合模式為柔光,，并降低其不透明度為30％左右

使用上面的建議的設(shè)置給條紋添加投影圖層樣式

第4步：繪制傘手柄頂部

從工具面板選擇橢圓工具（U），在傘手柄的頂部畫一個(gè)橢圓;確保繪制形狀之前,，設(shè)置前景色為黑色（＃000000）

現(xiàn)在,，在圖層面板中通過雙擊橢圓圖層，打開圖層樣式對(duì)話框窗口中添加了幾個(gè)圖層樣式,。 首先,，你可以添加投影圖層樣式給形狀一定的深度。

然后給橢圓圖層一個(gè)漸變疊加,，以配合我們處理的深度,。

創(chuàng)建一個(gè)新的圖層，命名為“厚度”,，并將其放置在橢圓圖層的下面,。 按Ctrl / Cmd+點(diǎn)擊橢圓圖層上載入選區(qū)，然后使用向下箭頭鍵移動(dòng)選區(qū)1px,。 現(xiàn)在填充（按shift+ F5）黑色（＃000000）,。再往下移動(dòng)選擇1px，并用黑色重新填充,。一直做下去,，直到你得到一個(gè)5像素厚度的形狀。

創(chuàng)建形狀后,，用下圖所示的設(shè)置,，給我們的手柄的頂部一個(gè)不錯(cuò)的3D外觀、真實(shí)感極強(qiáng)的木柄,，添加一個(gè)漸變疊加圖層樣式,。

第5步：給頂部的手柄一個(gè)微妙的投影效果

創(chuàng)建一個(gè)新圖層，將其放置在“厚度”圖層下面,。 按Ctrl / Cmd+點(diǎn)擊“厚度”圖層載入選區(qū),，然后向下移動(dòng)選區(qū)2px。 填充（按shift+ F5）一個(gè)深褐色的顏色（＃1A0B00）

現(xiàn)在在圖層上應(yīng)用模糊濾鏡（濾鏡>模糊>動(dòng)感模糊）,，在90度的角度,，以3PX的距離為準(zhǔn)。 按Ctrl / Cmd+ F（濾鏡>上次濾鏡操作）,，使用相同的設(shè)置,，重新應(yīng)用相同的動(dòng)感模糊濾鏡。 使用矩形選框工具（M）,，清理外部多余的部分,。正如你所看到的，我們已經(jīng)給手柄頂部處理的有點(diǎn)陰影,，使我們的傘更加現(xiàn)實(shí),，這些都是一些細(xì)節(jié)處理。

第6步：制作傘骨

在工具欄選擇矩形工具（U）,，并作出形狀如下所示,。 命名此形狀圖層為“傘骨”

給“傘骨”形狀圖層，添加一個(gè)暗色調(diào)漸變疊加圖層樣式

正如你所看到的,，一個(gè)簡單的漸變疊加使我們傘桿有了3D的金屬效果,，它與傘的手柄一致。

選中“傘骨”圖層,，點(diǎn)擊圖層>添加圖層蒙版>顯示全部,。 使用矩形選框工具（M）,，拖動(dòng)選區(qū)，如圖所示,，用灰色填充顏色（＃828282）

您可以使用不同的灰度來調(diào)整所選部分的不透明度,。

第7步：繪制傘面

我們的教程的下一個(gè)步驟是傘面（取決于你使用的遮陽傘）。首先創(chuàng)建一個(gè)新的圖層組（按Ctrl / Cmd+ G）,，并將其命名為“傘面”繪制傘面,。 如下圖所示使用Photoshop的鋼筆工具（P），在左邊繪制半個(gè)傘面形狀,。

接下來,，我們將使用兩個(gè)圖層樣式來修飾傘面。 讓我們給傘面一個(gè)內(nèi)陰影圖層樣式（如下圖所示的設(shè)置）

接下來,，我們將給予傘面,，采用藍(lán)色色調(diào)的漸變疊加圖層樣式，如下設(shè)置

當(dāng)您添加一個(gè)漸變疊加的樣式選項(xiàng)設(shè)置為徑向,，你會(huì)發(fā)現(xiàn),，漸變的中心默認(rèn)位于傘面的中間。為了解決這個(gè)問題,，在漸變疊加對(duì)話框中,，單擊并保持面板顯示，在畫布上移動(dòng)徑向漸變的中心,，移動(dòng)到右下角為止,。

下面顯示的是我們左半部分傘面，看起來兩個(gè)圖層樣式已經(jīng)應(yīng)用,。

第8步：重復(fù)傘面制作

請(qǐng)用鋼筆工具（P）制作更多的傘面

每個(gè)傘面圖層樣式都很靈活,，隨意玩弄它們，直到得到你想要的效果,。你可以根據(jù)你認(rèn)為合適的,，更改內(nèi)陰影的不透明度以及徑向漸變疊加的位置。

要完成一個(gè)完整的傘面,，需要在右側(cè)加一個(gè)水平翻轉(zhuǎn)的傘面,。我們前面做了左側(cè)傘面的圖層組，使這項(xiàng)工作變得更加容易,。只需要在“傘面”組中單擊鼠標(biāo)右鍵,，從出現(xiàn)的上下文菜單中選擇復(fù)制組。

隨著圖層面板中選擇重復(fù)組,，按Ctrl/ Cmd+ E合并所有可見圖層為單層,。

點(diǎn)擊編輯>變換>水平翻轉(zhuǎn)重新定位重復(fù)的圖層，然后將它們向右翻轉(zhuǎn)完成傘面的形狀。

第9步：傘面添加投影

有必要增加一個(gè)投影傘桿,，使其看起來像傘面上投下陰影,。添加投影，在“傘骨”圖層之上創(chuàng)建一個(gè)新圖層,，Ctrl/ Cmd+點(diǎn)擊“傘面”圖層載入選區(qū),。

從工具面板中選擇漸變工具（G）,，然后選擇預(yù)設(shè)的黑白漸變,。創(chuàng)建漸變梯度如下所示，從頂部開始,。

設(shè)置圖層混合模式為正片疊底,，并降低其不透明度為95％

第10步：繪制傘面頂部

創(chuàng)建一個(gè)新圖層，在它的上面畫一個(gè)小豎長方形,。

給它被用在“傘骨”圖層相同的漸變疊加,。這里的有一個(gè)快捷方式，就是對(duì)“傘骨”圖層右擊,，然后從上下文菜單中復(fù)制圖層樣式,。復(fù)制“傘骨”圖層的圖層樣式后，在矩形繪制在圖層上單擊鼠標(biāo)右鍵,，然后選擇粘貼圖層樣式,。

創(chuàng)建一個(gè)新圖層，然后在上面添加一個(gè)暗灰色的橢圓形狀,，如下

創(chuàng)建一個(gè)新圖層,，用鋼筆工具（P），繪制一個(gè)形狀,，作為傘面頂部的銜接部分,。

使用下面的設(shè)置，給傘面銜接部分一個(gè)內(nèi)陰影圖層樣式,。

要完成了傘面的效果,，添加另一個(gè)圖層樣式漸變疊加，如下所示的設(shè)置

添加一個(gè)微妙的陰影,，以保持光影一致

步驟11：添加陰影到手柄的基部

讓我們通過給手柄一個(gè)很好觸感來完成我們的制作：一個(gè)投影,。創(chuàng)建一個(gè)新圖層，并將其置于“傘柄”圖層下面,。

選擇橢圓選框工具（M）,，填充黑色（＃000000），如圖

降低圖層的不透明度為70％,。

我們將應(yīng)用三個(gè)濾鏡到這個(gè)陰影層：

濾鏡>模糊>動(dòng)感模糊（角度：0,，距離：30像素）

濾鏡>模糊>動(dòng)感模糊（角度：0，距離：30像素）

濾鏡>模糊>高斯模糊（半徑：1.5px）

最終效果圖：

源文件下載 ：https://pan.baidu.com/s/1qXQ0Bfe