PS鼠繪插座圖標(biāo)技巧(7)
教程開始之前
![PS鼠繪插座圖標(biāo)技巧 教程](http://pic.16xx8.com/allimg/120715/153H5B05-0.jpg)
創(chuàng)建從現(xiàn)實(shí)生活中的對(duì)象的圖標(biāo)時(shí),最好先看看這些對(duì)象,看看他們是如何看的。當(dāng)你完成后,繼續(xù)前進(jìn),并開始勾畫出如何你想你看的圖標(biāo)。
![](http://pic.16xx8.com/allimg/120715/153H532X-1.jpg)
第1步創(chuàng)建于72 dpi的400×400像素的畫布
![](http://pic.16xx8.com/allimg/120715/153H53537-2.jpg)
第2步我們要做的第一件事,是創(chuàng)建插座的形狀。為此,選擇圓角矩形工具,繪制一個(gè)簡單的矩形。你可以看到您的新創(chuàng)建的路徑,在路徑調(diào)色板旁邊的圖層調(diào)色板,F(xiàn)在,使用自由變換路徑工具,你可以在"編輯"菜單上,或通過選擇CMD / Ctrl + T并改變其大小,如下所示
![](http://pic.16xx8.com/allimg/120715/153H53602-3.jpg)
![](http://pic.16xx8.com/allimg/120715/153H52396-4.jpg)
![](http://pic.16xx8.com/allimg/120715/153H5FS-5.jpg)
第3步選擇路徑選擇工具(黑箭頭),點(diǎn)擊在畫布上,或在路徑調(diào)色板的矩形。去圖層>新建填充圖層>純色選擇任何顏色。
![](http://pic.16xx8.com/allimg/120715/153H54Z7-6.jpg)
![](http://pic.16xx8.com/allimg/120715/153H5EJ-7.jpg)
第4步點(diǎn)擊"添加圖層樣式"按鈕,在層調(diào)色板底部。
![](http://pic.16xx8.com/allimg/120715/153H51503-8.jpg)
我們將三個(gè)圖層樣式應(yīng)用于此元素。首先,讓我們與"斜面和浮雕。"
![](http://pic.16xx8.com/allimg/120715/153H5I10-9.jpg)
現(xiàn)在申請以下設(shè)置:樣式:內(nèi)斜面,技術(shù):平滑,深度:100%,方向:向上,大小:10像素,軟化:0像素。
![](http://pic.16xx8.com/allimg/120715/153H55D2-10.jpg)
下一步,我們需要應(yīng)用一個(gè)漸變疊加樣式的點(diǎn)點(diǎn)燈光給我們的出口。在這種情況下,適用于下面的圖層樣式:透明度:60%,類型:線性,角度:70,比例:100%。
![](http://pic.16xx8.com/allimg/120715/153H51E3-11.jpg)
現(xiàn)在申請緞圖層樣式,使用以下設(shè)置:混合模式:正片疊底,不透明度:20%,角度:0,距離:11像素,大。14像素。
![](http://pic.16xx8.com/allimg/120715/153H5M10-12.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51W3-13.jpg)
第5步我們現(xiàn)在要?jiǎng)?chuàng)建光芒四射的效果,插座的角落之一。選擇鋼筆工具,繪制形狀,如下所示。
![](http://pic.16xx8.com/allimg/120715/153H5G21-14.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51213-15.jpg)
第6步去圖層>新建填充圖層>純色,并挑選了潔白的顏色。
![](http://pic.16xx8.com/allimg/120715/153H55927-16.jpg)
![](http://pic.16xx8.com/allimg/120715/153H52U8-17.jpg)
然后選擇您的有源層上按一下確認(rèn),去圖層>圖層蒙版>顯示全部。一個(gè)白色的方塊會(huì)出現(xiàn)在之間的路徑和純色填充。
![](http://pic.16xx8.com/allimg/120715/153H55962-18.jpg)
圖層蒙版會(huì)給我們梯度的控制,所以我們可以把它的確切位置,我們希望它是。挑"漸變"工具,在工具欄,并選擇黑色到白色的線性漸變工具選項(xiàng)欄中。
![](http://pic.16xx8.com/allimg/120715/153H56041-19.jpg)
![](http://pic.16xx8.com/allimg/120715/153H5J01-20.jpg)
套用剛才我們制定一個(gè)以上的光澤形狀的頂部梯度下降。
![](http://pic.16xx8.com/allimg/120715/153H52Q9-21.jpg)
然后,應(yīng)用一個(gè)漸變疊加圖層樣式效果。使用以下設(shè)置:不透明度:100%,角度:-141,規(guī)模:100%。
![](http://pic.16xx8.com/allimg/120715/153H55Q9-22.jpg)
第7步要?jiǎng)?chuàng)建握著我們的出口在墻上的螺絲,我們只需要幾個(gè)層一層,用矩形工具創(chuàng)建的對(duì)象的中心。然后創(chuàng)建一個(gè)新的填充圖層(圖層>新建填充圖層>純色),并選擇你認(rèn)為最合適的顏色,F(xiàn)在添加圖層樣式,在這種情況下,選擇"內(nèi)陰影",并輸入以下值:混合模式:正片疊底,不透明度:33%,角度:120,距離:3像素,扼流:0大。3像素。
![](http://pic.16xx8.com/allimg/120715/153H56445-23.jpg)
在此之后,使用圓形工具產(chǎn)生螺絲的基本形狀,因?yàn)槲覀儧]有之前,去菜單層>"新建填充圖層>純色和選擇最好的一個(gè)。
![](http://pic.16xx8.com/allimg/120715/153H5L52-24.jpg)
現(xiàn)在我們需要添加一些圖層樣式。首先,添加"斜面和浮雕",進(jìn)入價(jià)值觀風(fēng)格:內(nèi)斜面,技術(shù):平滑,深度:100%,方向:向上,大。9像素,視角:90,海拔高度:30,不透明度:75%。
![](http://pic.16xx8.com/allimg/120715/153H54F4-25.jpg)
現(xiàn)在,應(yīng)用"漸變疊加",并輸入以下設(shè)置:不透明度:60%,類型:線性,角度:70,比例:70%。
![](http://pic.16xx8.com/allimg/120715/153H55626-26.jpg)
最后,添加以下設(shè)置"色丁"圖層樣式,混合模式:正片疊底,不透明度:30%,距離11像素,大。14像素。
![](http://pic.16xx8.com/allimg/120715/153H54b8-27.jpg)
![](http://pic.16xx8.com/allimg/120715/153H53362-28.jpg)
第8步選擇鋼筆工具,繪制插頭的形狀,到菜單層>"新建填充圖層>純色和選擇恰當(dāng)?shù)摹?/p>
![](http://pic.16xx8.com/allimg/120715/153H511Z-29.jpg)
這是一個(gè)需要三個(gè)以上的圖層樣式的形狀。首先,添加"陰影"的風(fēng)格和調(diào)整參數(shù),混合模式:正片疊底,不透明度:75%,角度:77,距離:3像素,擴(kuò)展:0%,大小:5像素。
![](http://pic.16xx8.com/allimg/120715/153H52G8-30.jpg)
下一步,選擇"斜面和浮雕",將以下參數(shù):樣式:浮雕枕頭,技術(shù):平滑,深度:381%,方向:上,大。10像素,軟化:0像素,視角:90,海拔高度: 30,不透明度:75%。
![](http://pic.16xx8.com/allimg/120715/153H54F8-31.jpg)
現(xiàn)在選擇"漸變疊加",并給它:此值不透明度:60%,風(fēng)格:線性,角度:70,規(guī)模:100%。
![](http://pic.16xx8.com/allimg/120715/153H513Y-32.jpg)
最后,點(diǎn)擊"緞"和自定義的參數(shù),不透明度:20%,角度:0,距離:11像素,大。14像素。
![](http://pic.16xx8.com/allimg/120715/153H54141-33.jpg)
![](http://pic.16xx8.com/allimg/120715/153H52628-34.jpg)
第9步如你所知,電插座有三個(gè)孔,兩個(gè)能源和接地。我們需要三個(gè)層次,做到這一點(diǎn)。我們可以開始任何三個(gè),不要緊。對(duì)于電口,使用矩形工具,接地,使用鋼筆工具。一旦你繪制形狀圖層>新建填充圖層>純色,選擇一個(gè)適當(dāng)?shù)摹?/p>
![](http://pic.16xx8.com/allimg/120715/153H54453-35.jpg)
![](http://pic.16xx8.com/allimg/120715/153H52025-36.jpg)
使用下面的圖層樣式。
![](http://pic.16xx8.com/allimg/120715/153H545U-37.jpg)
![](http://pic.16xx8.com/allimg/120715/153H54C4-38.jpg)
![](http://pic.16xx8.com/allimg/120715/153H55217-39.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51608-40.jpg)
![](http://pic.16xx8.com/allimg/120715/153H56427-41.jpg)
第10步使用鋼筆工具,繪制陰影的形狀。
![](http://pic.16xx8.com/allimg/120715/153H53337-42.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51961-43.jpg)
轉(zhuǎn)到菜單層>"新建填充圖層>純色,選擇純黑色。之后,這是非常重要的,以降低不透明度為50%,記得,這是一個(gè)影子。
![](http://pic.16xx8.com/allimg/120715/153H545P-44.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51234-45.jpg)
添加一個(gè)漸變疊加樣式與下列參數(shù):混合模式:正常,不透明度:100%,梯度:反向,樣式:線性,角度:90比例:100%。
![](http://pic.16xx8.com/allimg/120715/153H53133-46.jpg)
![](http://pic.16xx8.com/allimg/120715/153H554Y-47.jpg)
現(xiàn)在,創(chuàng)建一個(gè)新層,用鋼筆工具,繪制相同的數(shù)字,我們已經(jīng)圍繞三個(gè)連接,這是使合適的,如果它被連接電纜。轉(zhuǎn)到菜單層>"新建填充圖層>純色,選擇純黑色。
![](http://pic.16xx8.com/allimg/120715/153H53L9-48.jpg)
![](http://pic.16xx8.com/allimg/120715/153H562U-49.jpg)
現(xiàn)在,到"圖層樣式"按鈕,選擇"陰影",雖然在最后,我們決定將它隱藏,是你的選擇。輸入?yún)?shù)的混合模式:正片疊底,不透明度:75%,角度:86,距離:16像素,擴(kuò)展:0%,大小:16像素。
![](http://pic.16xx8.com/allimg/120715/153H54437-50.jpg)
現(xiàn)在添加"外發(fā)光",并輸入以下值:不透明度:75%,噪音:0%,差:0%,大。5像素,范圍:50%Jilter:0%。
![](http://pic.16xx8.com/allimg/120715/153H5C09-51.jpg)
添加"內(nèi)發(fā)光"使用以下設(shè)置:不透明度:75%,噪音:0%,資料來源:邊緣,電感:0%,大。7像素,范圍:50%Jilter:0%。
![](http://pic.16xx8.com/allimg/120715/153H53115-52.jpg)
現(xiàn)在添加"斜面和浮雕"和深度:100%的值,大。43像素,軟化:0像素,視角:90,海拔高度:30,不透明度:75%。
![](http://pic.16xx8.com/allimg/120715/153H5B28-53.jpg)
"中風(fēng)"加入以下參數(shù):尺寸:1像素,位置:外部,不透明度:100%。
![](http://pic.16xx8.com/allimg/120715/153H533L-54.jpg)
![](http://pic.16xx8.com/allimg/120715/153H56135-55.jpg)
是時(shí)候開始做電纜3D。首先,我們必須添加的左邊和右邊。這是非常重要的是保持介意你參考,所以我們可以做一個(gè)良好的角度使用。使用鋼筆工具,繪制電纜的頭部左側(cè)。
![](http://pic.16xx8.com/allimg/120715/153H5A39-56.jpg)
![](http://pic.16xx8.com/allimg/120715/153H54034-57.jpg)
現(xiàn)在添加一些圖層樣式。新增的"陰影"(我們再次決定在年底將其隱藏)和輸入值不透明度:75%,距離16像素,擴(kuò)展:0%,大。16像素和噪聲:0%。
![](http://pic.16xx8.com/allimg/120715/153H56250-58.jpg)
添加"斜面和浮雕"的價(jià)值觀深度:100%,方向:向上,大。43像素,軟化:0像素,視角:90,高度:30,不透明度:75%。
![](http://pic.16xx8.com/allimg/120715/153H5G13-59.jpg)
新增的"中風(fēng)"圖層樣式,并指定以下參數(shù):尺寸:1像素,位置:外部,不透明度:100%
![](http://pic.16xx8.com/allimg/120715/153H5D93-60.jpg)
![](http://pic.16xx8.com/allimg/120715/153H56215-61.jpg)
使右側(cè),我們需要做的完全一樣的,所以開始用鋼筆工具繪制,然后去菜單層>"新建填充圖層>純色,然后選擇一個(gè)純黑色的。
![](http://pic.16xx8.com/allimg/120715/153H5I15-62.jpg)
![](http://pic.16xx8.com/allimg/120715/153H52496-63.jpg)
![](http://pic.16xx8.com/allimg/120715/16212BG3-0.jpg)
現(xiàn)在添加一些圖層樣式。首先添加"陰影"(這就是我們還決定在年底隱藏)和輸入值不透明度:75%,距離16像素,擴(kuò)展:0%,大。16像素和噪聲:0%。
![](http://pic.16xx8.com/allimg/120715/153H51640-65.jpg)
添加"斜面和浮雕"的價(jià)值觀深度:100%,方向:向上,大小:43像素,軟化:0像素,視角:49,海拔高度:42,不透明度:75%。
![](http://pic.16xx8.com/allimg/120715/153H51158-66.jpg)
添加圖層樣式"中風(fēng)",并分配給它的參數(shù)如下:尺寸:1像素,位置:外部,不透明度:100%。
![](http://pic.16xx8.com/allimg/120715/153H5D12-67.jpg)
![](http://pic.16xx8.com/allimg/120715/153H530X-68.jpg)
把你的鋼筆工具,并決定如何方必須看,然后繪制它。
![](http://pic.16xx8.com/allimg/120715/153H53642-69.jpg)
![](http://pic.16xx8.com/allimg/120715/153H52L4-70.jpg)
去圖層>新建填充圖層>純色,選擇黑色。
![](http://pic.16xx8.com/allimg/120715/153H53405-71.jpg)
首先,"內(nèi)發(fā)光",輸入以下值:不透明度:33%,噪音:0%,來源:邊緣,電感:0%,大。5像素,范圍:50%Jilter:0%。
![](http://pic.16xx8.com/allimg/120715/153H5G20-72.jpg)
添加"斜面和浮雕"的價(jià)值觀深度:100%,方向:向上,大。5像素,軟化:0像素,視角:90,高度:30,不透明度:75%。
![](http://pic.16xx8.com/allimg/120715/153H51302-73.jpg)
現(xiàn)在添加"描邊"圖層樣式,并分配給它的參數(shù)如下:尺寸:2像素,位置:外部,不透明度:73%。
![](http://pic.16xx8.com/allimg/120715/153H53C0-74.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51245-75.jpg)
選擇鋼筆工具,畫一個(gè)標(biāo)準(zhǔn)的電纜,然后到菜單層>"新建填充圖層>純色,選擇黑色,讓我們可以繼續(xù)用圖層樣式
![](http://pic.16xx8.com/allimg/120715/153H51648-76.jpg)
![](http://pic.16xx8.com/allimg/120715/153H5B19-77.jpg)
![](http://pic.16xx8.com/allimg/120715/153H55007-78.jpg)
![](http://pic.16xx8.com/allimg/120715/153H5EX-79.jpg)
![](http://pic.16xx8.com/allimg/120715/153H5HU-80.jpg)
讓我們先從"內(nèi)發(fā)光",輸入以下參數(shù):透明度:50%,噪音:0%,資料來源:邊緣,扼流圈:0%,大。5像素,范圍:50%Jilter:0%。
![](http://pic.16xx8.com/allimg/120715/153H52155-81.jpg)
選擇"斜面和浮雕",并賦予它的價(jià)值深度:100%,方向:向上,大。21像素,軟化:0像素,視角:90,高度:30,不透明度:75%。
![](http://pic.16xx8.com/allimg/120715/153H52A5-82.jpg)
現(xiàn)在的"描邊"圖層樣式,參數(shù)如下:尺寸:1像素,位置:外部,不透明度:100%。
![](http://pic.16xx8.com/allimg/120715/153H54241-83.jpg)
![](http://pic.16xx8.com/allimg/120715/153H53J5-84.jpg)
第11步現(xiàn)在,我們的出口幾乎是準(zhǔn)備好了,唯一剩下要做的就是添加一些細(xì)節(jié)和陰影。采取的鋼筆工具,繪制一個(gè)形狀上上電纜的頭部右側(cè),然后去菜單層>"新建填充圖層>純色,并挑選了潔白的顏色。
![](http://pic.16xx8.com/allimg/120715/153H52050-85.jpg)
![](http://pic.16xx8.com/allimg/120715/153H5G38-86.jpg)
現(xiàn)在選擇您的有源層上按一下確認(rèn),去圖層>圖層蒙版>顯示全部。一個(gè)白色的方塊會(huì)出現(xiàn)在之間的路徑和純色填充。
![](http://pic.16xx8.com/allimg/120715/153H55Z4-87.jpg)
![](http://pic.16xx8.com/allimg/120715/153H53912-88.jpg)
挑"漸變"工具,在工具欄,并選擇從黑色到白色的線性漸變"工具欄"選項(xiàng)。
![](http://pic.16xx8.com/allimg/120715/153H54305-89.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51294-90.jpg)
套用剛才我們制定一個(gè)以上的光澤形狀的頂部梯度下降。最后,選擇"漸變疊加"樣式和輸入的值不透明度:100%,角度:-141及規(guī)模:100%。
![](http://pic.16xx8.com/allimg/120715/153H56260-91.jpg)
![](http://pic.16xx8.com/allimg/120715/153H54956-92.jpg)
在這個(gè)階段,我們可以考慮這個(gè)項(xiàng)目的完成,但因?yàn)槲覀兛偸窍胍詈玫,讓我們添加一個(gè)陰影提供一些深入到我們的圖標(biāo)。陰影是很容易的。只需添加 一個(gè)新層所有,其余層以下,并繪制矩形工具上的出口基地。然后去圖層>新建填充圖層>純色,選擇黑色。改變不透明度為75%,最后,選擇圖 層,去濾鏡>模糊>高斯模糊,并給它一個(gè)價(jià)值約5.0。
![](http://pic.16xx8.com/allimg/120715/153H54630-93.jpg)
![](http://pic.16xx8.com/allimg/120715/153H52411-94.jpg)
![](http://pic.16xx8.com/allimg/120715/153H53610-95.jpg)
![](http://pic.16xx8.com/allimg/120715/153H51460-96.jpg)
![](http://pic.16xx8.com/allimg/120715/153H55U6-97.jpg)
最終圖像
![](http://pic.16xx8.com/allimg/120715/153H524V-98.jpg)
學(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è)音樂圖標(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繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)