PS鼠繪插座圖標(biāo)技巧(7)
教程開(kāi)始之前

創(chuàng)建從現(xiàn)實(shí)生活中的對(duì)象的圖標(biāo)時(shí),最好先看看這些對(duì)象,看看他們是如何看的。當(dāng)你完成后,繼續(xù)前進(jìn),并開(kāi)始勾畫(huà)出如何你想你看的圖標(biāo)。

第1步創(chuàng)建于72 dpi的400×400像素的畫(huà)布

第2步我們要做的第一件事,是創(chuàng)建插座的形狀。為此,選擇圓角矩形工具,繪制一個(gè)簡(jiǎn)單的矩形。你可以看到您的新創(chuàng)建的路徑,在路徑調(diào)色板旁邊的圖層調(diào)色板,F(xiàn)在,使用自由變換路徑工具,你可以在"編輯"菜單上,或通過(guò)選擇CMD / Ctrl + T并改變其大小,如下所示



第3步選擇路徑選擇工具(黑箭頭),點(diǎn)擊在畫(huà)布上,或在路徑調(diào)色板的矩形。去圖層>新建填充圖層>純色選擇任何顏色。


第4步點(diǎn)擊"添加圖層樣式"按鈕,在層調(diào)色板底部。

我們將三個(gè)圖層樣式應(yīng)用于此元素。首先,讓我們與"斜面和浮雕。"

現(xiàn)在申請(qǐng)以下設(shè)置:樣式:內(nèi)斜面,技術(shù):平滑,深度:100%,方向:向上,大。10像素,軟化:0像素。

下一步,我們需要應(yīng)用一個(gè)漸變疊加樣式的點(diǎn)點(diǎn)燈光給我們的出口。在這種情況下,適用于下面的圖層樣式:透明度:60%,類型:線性,角度:70,比例:100%。

現(xiàn)在申請(qǐng)緞圖層樣式,使用以下設(shè)置:混合模式:正片疊底,不透明度:20%,角度:0,距離:11像素,大。14像素。


第5步我們現(xiàn)在要?jiǎng)?chuàng)建光芒四射的效果,插座的角落之一。選擇鋼筆工具,繪制形狀,如下所示。


第6步去圖層>新建填充圖層>純色,并挑選了潔白的顏色。


然后選擇您的有源層上按一下確認(rèn),去圖層>圖層蒙版>顯示全部。一個(gè)白色的方塊會(huì)出現(xiàn)在之間的路徑和純色填充。

圖層蒙版會(huì)給我們梯度的控制,所以我們可以把它的確切位置,我們希望它是。挑"漸變"工具,在工具欄,并選擇黑色到白色的線性漸變工具選項(xiàng)欄中。


套用剛才我們制定一個(gè)以上的光澤形狀的頂部梯度下降。

然后,應(yīng)用一個(gè)漸變疊加圖層樣式效果。使用以下設(shè)置:不透明度:100%,角度:-141,規(guī)模:100%。

第7步要?jiǎng)?chuàng)建握著我們的出口在墻上的螺絲,我們只需要幾個(gè)層一層,用矩形工具創(chuàng)建的對(duì)象的中心。然后創(chuàng)建一個(gè)新的填充圖層(圖層>新建填充圖層>純色),并選擇你認(rèn)為最合適的顏色,F(xiàn)在添加圖層樣式,在這種情況下,選擇"內(nèi)陰影",并輸入以下值:混合模式:正片疊底,不透明度:33%,角度:120,距離:3像素,扼流:0大小:3像素。

在此之后,使用圓形工具產(chǎn)生螺絲的基本形狀,因?yàn)槲覀儧](méi)有之前,去菜單層>"新建填充圖層>純色和選擇最好的一個(gè)。

現(xiàn)在我們需要添加一些圖層樣式。首先,添加"斜面和浮雕",進(jìn)入價(jià)值觀風(fēng)格:內(nèi)斜面,技術(shù):平滑,深度:100%,方向:向上,大小:9像素,視角:90,海拔高度:30,不透明度:75%。

現(xiàn)在,應(yīng)用"漸變疊加",并輸入以下設(shè)置:不透明度:60%,類型:線性,角度:70,比例:70%。

最后,添加以下設(shè)置"色丁"圖層樣式,混合模式:正片疊底,不透明度:30%,距離11像素,大。14像素。


第8步選擇鋼筆工具,繪制插頭的形狀,到菜單層>"新建填充圖層>純色和選擇恰當(dāng)?shù)摹?/p>

這是一個(gè)需要三個(gè)以上的圖層樣式的形狀。首先,添加"陰影"的風(fēng)格和調(diào)整參數(shù),混合模式:正片疊底,不透明度:75%,角度:77,距離:3像素,擴(kuò)展:0%,大。5像素。

下一步,選擇"斜面和浮雕",將以下參數(shù):樣式:浮雕枕頭,技術(shù):平滑,深度:381%,方向:上,大。10像素,軟化:0像素,視角:90,海拔高度: 30,不透明度:75%。

現(xiàn)在選擇"漸變疊加",并給它:此值不透明度:60%,風(fēng)格:線性,角度:70,規(guī)模:100%。

最后,點(diǎn)擊"緞"和自定義的參數(shù),不透明度:20%,角度:0,距離:11像素,大。14像素。


第9步如你所知,電插座有三個(gè)孔,兩個(gè)能源和接地。我們需要三個(gè)層次,做到這一點(diǎn)。我們可以開(kāi)始任何三個(gè),不要緊。對(duì)于電口,使用矩形工具,接地,使用鋼筆工具。一旦你繪制形狀圖層>新建填充圖層>純色,選擇一個(gè)適當(dāng)?shù)摹?/p>


使用下面的圖層樣式。





第10步使用鋼筆工具,繪制陰影的形狀。


轉(zhuǎn)到菜單層>"新建填充圖層>純色,選擇純黑色。之后,這是非常重要的,以降低不透明度為50%,記得,這是一個(gè)影子。


添加一個(gè)漸變疊加樣式與下列參數(shù):混合模式:正常,不透明度:100%,梯度:反向,樣式:線性,角度:90比例:100%。


現(xiàn)在,創(chuàng)建一個(gè)新層,用鋼筆工具,繪制相同的數(shù)字,我們已經(jīng)圍繞三個(gè)連接,這是使合適的,如果它被連接電纜。轉(zhuǎn)到菜單層>"新建填充圖層>純色,選擇純黑色。


現(xiàn)在,到"圖層樣式"按鈕,選擇"陰影",雖然在最后,我們決定將它隱藏,是你的選擇。輸入?yún)?shù)的混合模式:正片疊底,不透明度:75%,角度:86,距離:16像素,擴(kuò)展:0%,大小:16像素。

現(xiàn)在添加"外發(fā)光",并輸入以下值:不透明度:75%,噪音:0%,差:0%,大小:5像素,范圍:50%Jilter:0%。

添加"內(nèi)發(fā)光"使用以下設(shè)置:不透明度:75%,噪音:0%,資料來(lái)源:邊緣,電感:0%,大。7像素,范圍:50%Jilter:0%。

現(xiàn)在添加"斜面和浮雕"和深度:100%的值,大。43像素,軟化:0像素,視角:90,海拔高度:30,不透明度:75%。

"中風(fēng)"加入以下參數(shù):尺寸:1像素,位置:外部,不透明度:100%。


是時(shí)候開(kāi)始做電纜3D。首先,我們必須添加的左邊和右邊。這是非常重要的是保持介意你參考,所以我們可以做一個(gè)良好的角度使用。使用鋼筆工具,繪制電纜的頭部左側(cè)。


現(xiàn)在添加一些圖層樣式。新增的"陰影"(我們?cè)俅螞Q定在年底將其隱藏)和輸入值不透明度:75%,距離16像素,擴(kuò)展:0%,大。16像素和噪聲:0%。

添加"斜面和浮雕"的價(jià)值觀深度:100%,方向:向上,大。43像素,軟化:0像素,視角:90,高度:30,不透明度:75%。

新增的"中風(fēng)"圖層樣式,并指定以下參數(shù):尺寸:1像素,位置:外部,不透明度:100%


使右側(cè),我們需要做的完全一樣的,所以開(kāi)始用鋼筆工具繪制,然后去菜單層>"新建填充圖層>純色,然后選擇一個(gè)純黑色的。



現(xiàn)在添加一些圖層樣式。首先添加"陰影"(這就是我們還決定在年底隱藏)和輸入值不透明度:75%,距離16像素,擴(kuò)展:0%,大。16像素和噪聲:0%。

添加"斜面和浮雕"的價(jià)值觀深度:100%,方向:向上,大。43像素,軟化:0像素,視角:49,海拔高度:42,不透明度:75%。

添加圖層樣式"中風(fēng)",并分配給它的參數(shù)如下:尺寸:1像素,位置:外部,不透明度:100%。


把你的鋼筆工具,并決定如何方必須看,然后繪制它。


去圖層>新建填充圖層>純色,選擇黑色。

首先,"內(nèi)發(fā)光",輸入以下值:不透明度:33%,噪音:0%,來(lái)源:邊緣,電感:0%,大。5像素,范圍:50%Jilter:0%。

添加"斜面和浮雕"的價(jià)值觀深度:100%,方向:向上,大小:5像素,軟化:0像素,視角:90,高度:30,不透明度:75%。

現(xiàn)在添加"描邊"圖層樣式,并分配給它的參數(shù)如下:尺寸:2像素,位置:外部,不透明度:73%。


選擇鋼筆工具,畫(huà)一個(gè)標(biāo)準(zhǔn)的電纜,然后到菜單層>"新建填充圖層>純色,選擇黑色,讓我們可以繼續(xù)用圖層樣式





讓我們先從"內(nèi)發(fā)光",輸入以下參數(shù):透明度:50%,噪音:0%,資料來(lái)源:邊緣,扼流圈:0%,大。5像素,范圍:50%Jilter:0%。

選擇"斜面和浮雕",并賦予它的價(jià)值深度:100%,方向:向上,大。21像素,軟化:0像素,視角:90,高度:30,不透明度:75%。

現(xiàn)在的"描邊"圖層樣式,參數(shù)如下:尺寸:1像素,位置:外部,不透明度:100%。


第11步現(xiàn)在,我們的出口幾乎是準(zhǔn)備好了,唯一剩下要做的就是添加一些細(xì)節(jié)和陰影。采取的鋼筆工具,繪制一個(gè)形狀上上電纜的頭部右側(cè),然后去菜單層>"新建填充圖層>純色,并挑選了潔白的顏色。


現(xiàn)在選擇您的有源層上按一下確認(rèn),去圖層>圖層蒙版>顯示全部。一個(gè)白色的方塊會(huì)出現(xiàn)在之間的路徑和純色填充。


挑"漸變"工具,在工具欄,并選擇從黑色到白色的線性漸變"工具欄"選項(xiàng)。


套用剛才我們制定一個(gè)以上的光澤形狀的頂部梯度下降。最后,選擇"漸變疊加"樣式和輸入的值不透明度:100%,角度:-141及規(guī)模:100%。


在這個(gè)階段,我們可以考慮這個(gè)項(xiàng)目的完成,但因?yàn)槲覀兛偸窍胍詈玫,讓我們添加一個(gè)陰影提供一些深入到我們的圖標(biāo)。陰影是很容易的。只需添加 一個(gè)新層所有,其余層以下,并繪制矩形工具上的出口基地。然后去圖層>新建填充圖層>純色,選擇黑色。改變不透明度為75%,最后,選擇圖 層,去濾鏡>模糊>高斯模糊,并給它一個(gè)價(jià)值約5.0。





最終圖像

學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在PS里制作小清新風(fēng)格的天氣圖標(biāo)
- 圖標(biāo)制作,用PS制作時(shí)尚的郵件圖標(biāo)
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
推薦教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- PS繪制磚塊ICO圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI知識(shí),做UI的工作方式與流程
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- ps日歷圖標(biāo)
- ps設(shè)計(jì)盒子圖標(biāo)