下載吧 - 綠色安全的游戲和軟件下載中心

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 圖標設(shè)計,制作日常工具圖標教程

          圖標設(shè)計,制作日常工具圖標教程

          時間:2024-03-08 06:00作者:下載吧人氣:37

          今天跟大家說說如何制作出我們?nèi)粘I畛S玫降墓ぞ咝螤顖D標,教程不難,主要考驗大家鋼筆工具的運用,大家一起練習一下。
          最終效果:
          圖標設(shè)計,制作日常工具圖標教程

          步驟 1

          新建600*450px 的圖層,視圖>顯示>網(wǎng)格,讓網(wǎng)格顯示出來,然后視圖>對齊到>網(wǎng)格,對齊網(wǎng)格,Control + K打開參數(shù)設(shè)置(編輯-首選項-常規(guī)),參考線、網(wǎng)格和切片,參數(shù)值如下圖所示,( Control + ‘ )顯示/隱藏網(wǎng)格。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 2

          回到工具欄 ,將前景色設(shè)置為 #FF0000,然后選擇橢圓工具在你的 畫布上建立一個26 * 30px的橢圓。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 3

          選擇矩形工具,創(chuàng)建一個14 * 15px大小的矩形,然后放置如下圖所示。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 4

          添加錨點工具,在矩形上添加一個新的錨點,如下圖所示哦~

          圖標設(shè)計,制作日常工具圖標教程

          步驟 5

          選擇轉(zhuǎn)換點工具,然后點擊之前建立的錨點,按住Ctrl+左鍵,拖動錨點,如圖二所示。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 6

          如果你不滿意上一步,也可以使用直接選擇工具適當進行調(diào)整啦~該點調(diào)整后的位置離原來的點有4px的距離。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 7

          回到圖層面板,選擇兩個圖形的其中任何一個,然后右鍵選擇統(tǒng)一形狀,選擇路徑選擇工具,點擊矩形,然后減去頂層形狀 。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 8

          選擇矩形工具,新建一個50 x 14px的矩形,如下圖所示。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 9

          將2-7步里所建立的圖形復制,然后CTRL+T變形,水平翻轉(zhuǎn)。就像下面的圖一樣哦,它就成為了一把扳手啦~~

          圖標設(shè)計,制作日常工具圖標教程

          圖標設(shè)計,制作日常工具圖標教程

          步驟 10

          選擇所有的形狀,選擇其中任何一個形狀,右鍵選擇統(tǒng)一形狀。

          點擊圖層縮略圖,然后將圖形的顏色改為#F6F6F6。

          圖標設(shè)計,制作日常工具圖標教程

          圖標設(shè)計,制作日常工具圖標教程

          步驟 11

          圖層混合模式 ,參數(shù)設(shè)置如下圖所示:

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,正常,透明度35%,顏色#000000,大小:2px

          圖標設(shè)計,制作日常工具圖標教程

          光澤,正常,顏色#000000,透明度14%,角度90°,距離:11px,大小:10px,反相,不勾消除鋸齒。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 12

          復制你的扳手三次,然后變形,組合所有的扳手,如下圖所示。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 13

          打開兩個箭頭所指示的扳手的圖層混合模式 ,改變光澤,參數(shù)設(shè)置如下圖所示。

          圖標設(shè)計,制作日常工具圖標教程

          光澤,正常,顏色#000000,透明度18%,角度0°,距離11px,大小10px

          圖標設(shè)計,制作日常工具圖標教程

          步驟 14

          將所有的扳手Control + G建組,重命名為“F”,然后打開組的混合模式。

          圖標設(shè)計,制作日常工具圖標教程

          投影,正常,透明度55%,角度90°,距離1px,大小4px。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 15

          改變前景顏色為#00FFEA,選擇圓角矩形工具,半徑為6px,大小為25 x 80px。

          選擇添加錨點工具,然后在圓角矩形上添加錨點,如圖所示。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 16

          選擇直接選擇工具,將錨點往左右內(nèi)側(cè)拉動,效果如下圖所示。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 17

          打開圖層混合模式 ,參數(shù)如下圖所示。

          圖標設(shè)計,制作日常工具圖標教程

          漸變疊加,#484847,#4F4F4F,#484847

          取消反向,線性,角度0°,范圍100%

          圖標設(shè)計,制作日常工具圖標教程

          步驟 18

          回到圖層面板,然后復制一層我們剛創(chuàng)建的圖形,清楚圖層樣式,將填充降低到0%。

          將復制的圖形的圖層樣式打開,更改參數(shù)。

          圖標設(shè)計,制作日常工具圖標教程

          圖案疊加,載入藝術(shù)表面,然后選擇如圖所示的圖案。

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,柔光,透明度45%,顏色#000000,邊緣,大小10px。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 19

          將前景色改變#4C4C4C,然后選擇橢圓工具,在圖層身上創(chuàng)建6 x 34px大小的橢圓,就像圖1所示這樣。

          接下來,直接選擇工具,然后選擇最上方的錨點,拖動向上15px哦~直到它們變得比原來的更細長些,就和圖2一樣。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 20

          打開圖層混合模式,參數(shù)設(shè)置如下:

          圖標設(shè)計,制作日常工具圖標教程

          投影,柔光,#FFFFFF,透明度55%,角度90°,距離1px。

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,柔光,透明度25%,顏色#000000,柔和,大小5px。

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)陰影,顏色#000000,透明度55%,角度90°,距離1px,大小2px。

          圖標設(shè)計,制作日常工具圖標教程

          步驟 21

          改變前景色為#AF594C,然后選擇矩形工具哦,創(chuàng)建30 x 4px的矩形,如圖1所示的放置。

          現(xiàn)在我們回到圖層,原教程是給矩形添加蒙版,小林認為可以建立剪貼圖層,在把手主體和矩形之間,按住ALT鍵就可以啦。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          圖標設(shè)計,制作日常工具圖標教程

          步驟 22

          打開矩形的圖層混合模式,參數(shù)設(shè)置如下。

          圖標設(shè)計,制作日常工具圖標教程

          投影,柔光,顏色#000000,透明度20%,角度90°,距離1px

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)陰影,柔光,顏色 #FFFFFF,透明度45%,角度90°。距離1px

          圖標設(shè)計,制作日常工具圖標教程

          斜面浮雕 。內(nèi)斜面,平滑,深度100%,上,距離5px,角度0°,高度30度,無全局光。

          正片疊底,顏色 #000000,透明度40%,正片疊底,40%

          圖標設(shè)計,制作日常工具圖標教程

          步驟 23

          還是改變前景色為 #FF0000哦~矩形工具,然后創(chuàng)建5 x 68px的矩形 ,如圖1這樣放置好它。

          選擇添加錨點工具,然后如圖2所示,添加兩個錨點,與最上方的錨點距離5px

          之后我們選擇直接選擇工具,然后改變最上方錨點的位置,也就是各自向左右拖動2px啦~(≧▽≦)/~啦啦啦~

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 24

          打開圖層混合模式,參數(shù)設(shè)置如下。

          圖標設(shè)計,制作日常工具圖標教程

          漸變疊加,正常,透明度100%,線性,與圖層對齊,角度0°,#A5A5A5,#FFFFFF,#A5A5A5

          圖標設(shè)計,制作日常工具圖標教程

          步驟 25

          將前景色設(shè)置為#F6F6F6,選擇橢圓工具,建立一個15 x 15px的圓哦,我們再來打開圖層混合模式,參數(shù)設(shè)置如下。

          圖標設(shè)計,制作日常工具圖標教程

          光澤,正常,#000000,透明度14%,角度50°,距離11px,大小14px,反相,無消除鋸齒。

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,正常, 透明度35%,顏色#000000,柔和,邊緣,大小2px,范圍50%

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 26

          改變前景色 #C1C1C1,使用矩形工具哦,創(chuàng)建一個 2 x 12px的矩形,然后放置好它,就像圖1這樣。

          打開圖圖層混合模式,然后參數(shù)設(shè)置如下:

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)陰影,正常,顏色#000000,透明度25%,角度180°,距離1px

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 27

          我們還是使用矩形工具,再來創(chuàng)建一個13 x 2px的矩形,橫著放置它,如圖1。

          打開圖層混合模式,參數(shù)設(shè)置如下:

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)陰影,正常,顏色#000000,透明度25%,角度-90°,距離10px

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 28

          回到圖層面板,選擇我們之前做好的螺釘形狀,然后Ctrl+T旋轉(zhuǎn)它,之后再給組成螺釘?shù)男螤顐兘ńM( Control + G),打開圖層混合模式哦,參數(shù)設(shè)置如下。

          圖標設(shè)計,制作日常工具圖標教程

          投影,正常,顏色#000000,透明度55%,距離1px,大小4px

          圖標設(shè)計,制作日常工具圖標教程

          步驟 29

          改變前景色至 #C9A67C,然后選擇圓角矩形工具,設(shè)置半徑為2px哦~創(chuàng)建15 x 165px 的圓角矩形。

          再選擇添加錨點工具,如圖2,增加錨點。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 30

          現(xiàn)在我們來選擇直接選擇工具,然后將最上方的錨點往左右拖動哦~

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 31

          打開圖層混合模式哦,參數(shù)設(shè)置如下:

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,柔光,透明度10%,雜色100%,顏色#000000,柔和,邊緣,大小12px

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)陰影,柔光,顏色#FFFFFF,透明度45%。角度20°。距離1px

          圖標設(shè)計,制作日常工具圖標教程

          斜面浮雕,內(nèi)斜面,平滑,寬度100%,大小6px,角度0度,高度30°,無全局光,柔光,顏色#000000,透明度45%

          圖標設(shè)計,制作日常工具圖標教程

          步驟 32

          設(shè)置前景色至#E6E6E6,選擇矩形工具,然后再來創(chuàng)建 60 x 24px的矩形,如圖1這樣。

          選中你得矩形,然后我們來到編輯>變換>變形,然后選擇變形里的貝殼形狀哦,將矩形變成圖2這樣子,確定后,再來執(zhí)行CTRL+T,旋轉(zhuǎn)-45°~

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 33

          打開圖層混合模式,參數(shù)設(shè)置如下:

          圖標設(shè)計,制作日常工具圖標教程

          光澤 ,正常,顏色#000000,透明度10%,角度162°,距離18px,大小14px,反相,無消除鋸齒。

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,正常,透明度30%,顏色#000000,柔軟,邊緣,大小5px

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)陰影,強光,顏色#FFFFFF,透明度100%,角度-130°,距離5px,阻塞10%,大小3px

          圖標設(shè)計,制作日常工具圖標教程

          步驟 34

          改變前景色為 #000000,然后選擇直線工具,如圖1這樣畫一條直線哦~然后將填充降到0%,Control + [將該圖層向后移動一層,放置到圖1所示的位置哦 ~再打開圖層混合模式,參數(shù)設(shè)置如下啦 ~醬紫我們就可以讓我們的斧頭下方陰影更加的自然喲。

          圖標設(shè)計,制作日常工具圖標教程

          投影 ,正片疊底,透明度46%,角度120°,距離1px,大小3px

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 35

          我們回到圖層面板,復制一個扳手,然后將它從我們 之前 建立的扳手組里將它拖出來。

          再使用路徑選擇工具,選擇扳手的左端,然后刪除。

          前景顏色改為#00eb69,選擇橢圓工具,創(chuàng)建一個24 px圈,并將其作為你可以看下面的圖2。

          使用相同的工具,創(chuàng)建一個12 px矢量形狀,放置在24 px圓里。

          然后選擇兩個圓圈,然后選擇減去頂層圖形,我們做出來的效果就是圖5這樣。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          圖標設(shè)計,制作日常工具圖標教程

          步驟 36

          選擇矩形工具,創(chuàng)建2 x 3px 的矩形,然后放置如圖1這樣。

          然后多復制幾次這個矩形,把其他的矩形旋轉(zhuǎn)放置,做出鋸齒的效果。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 37

          回到圖層面板 ,全選整個圖形,合并圖形,然后改變顏色為 #F6F6F6。

          打開圖層混合模式,參數(shù)設(shè)置如下~然后再將整個圖形旋轉(zhuǎn)-45°~放置如圖4。

          圖標設(shè)計,制作日常工具圖標教程

          光澤 ,正常,顏色#000000,透明度14%,角度120°,距離11px,大小10px,無鋸齒。

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,正常,透明度45%,顏色#000000,柔和,邊緣,大小2px

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 38

          我們將上面做的扳手打組,再復制一層,因為我們要將這個副本扳手放置相反的方向,它的投影要調(diào)整。

          然后打開圖層混合模式,參數(shù)設(shè)置如下。

          圖標設(shè)計,制作日常工具圖標教程

          投影,顏色#000000,透明度45%,距離2px,大小4px

          圖標設(shè)計,制作日常工具圖標教程

          步驟 39

          將螺絲刀和螺釘再復制,然后放置如圖1哦,再將斧頭的斧柄復制,放置如圖2。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 40

          改變前景色為#F6F6F6,用鋼筆工具勾勒出圖1形狀。

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          步驟 41

          打開圖層混合模式,然后參數(shù)設(shè)置如圖2。

          圖標設(shè)計,制作日常工具圖標教程

          光澤,正常,顏色#000000,透明度14%,角度50°,距離11px,大小14px

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,正常,透明度35%,顏色#000000,柔和,邊緣,大小2px

          圖標設(shè)計,制作日常工具圖標教程

          步驟 42

          回到圖層板面,將斧頭的斧柄與剛剛制作好的圖形打組,然后打開圖層混合模式,參數(shù)設(shè)置如下。

          圖標設(shè)計,制作日常工具圖標教程

          投影,透明度45%,角度90°,距離2px,大小4px

          圖標設(shè)計,制作日常工具圖標教程

          步驟 43

          這一步我們來制作背景圖,背景圖層一定要解鎖,不然改變不了顏色。

          將前景色改變?yōu)?#58857E 或者#80664F,填充背景圖層,然后打開圖層混合模式,參數(shù)設(shè)置如下圖2。

          圖標設(shè)計,制作日常工具圖標教程

          圖案疊加,柔光,透明度35%,藝術(shù)表面,選擇圖1所示的形狀。

          圖標設(shè)計,制作日常工具圖標教程

          內(nèi)發(fā)光,柔光,透明度75%,顏色#000000,柔和,邊緣,大小140px

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          下面的兩張圖就是我們最后的效果啦!

          圖標設(shè)計,制作日常工具圖標教程
          圖標設(shè)計,制作日常工具圖標教程

          標簽ChloeRowe林雅諾,圖標設(shè)計,ps網(wǎng)頁設(shè)計,工具圖標

          相關(guān)下載

          查看所有評論+

          網(wǎng)友評論

          網(wǎng)友
          您的評論需要經(jīng)過審核才能顯示

          公眾號

          主站蜘蛛池模板: 亚洲福利秒拍一区二区| 国产91精品一区二区麻豆网站| 国产在线精品一区二区中文 | 国产福利视频一区二区| 精品无码一区二区三区爱欲| 国产成人高清视频一区二区| 成人区人妻精品一区二区不卡| 日韩精品视频一区二区三区 | 一区在线观看视频| 无码人妻少妇色欲AV一区二区 | 激情内射亚洲一区二区三区| 中文字幕一区二区三区四区| 波多野结衣中文字幕一区 | 久久精品国产一区二区三区肥胖| 免费一区二区三区在线视频| 性盈盈影院免费视频观看在线一区| 天堂国产一区二区三区| 老熟妇仑乱视频一区二区| 亚洲国产精品一区第二页| 久久国产免费一区二区三区| 精品视频在线观看你懂的一区| 福利视频一区二区牛牛| 夜夜精品无码一区二区三区| 丝袜美腿高跟呻吟高潮一区| 好爽毛片一区二区三区四无码三飞| 亚洲AV日韩AV天堂一区二区三区| 无码人妻精品一区二区三区夜夜嗨| 国产在线不卡一区二区三区| 国产色情一区二区三区在线播放| 国产精品无码一区二区三区电影 | 国产亚洲3p无码一区二区| 久久久99精品一区二区| AV天堂午夜精品一区| 国产丝袜美女一区二区三区| 中文乱码精品一区二区三区 | 精品无码一区二区三区在线| 欧美av色香蕉一区二区蜜桃小说| 国产伦理一区二区三区| 一区二区手机视频| 日本一区精品久久久久影院| 影音先锋中文无码一区|