PS設(shè)計頹廢風(fēng)格金屬質(zhì)感APP軟件圖標(biāo)

2020-01-01 14:25:15 來源/作者: Yisvip / 鋒翰 己有:503人學(xué)習(xí)過

整體的頹廢風(fēng)格運(yùn)用在軟件的APP上面也非常的使用,喜歡的朋友讓我們一起來學(xué)習(xí)吧,有什么不懂的地方可以下載psD文件查看,下面就一起來學(xué)習(xí)吧。

先看看效果圖

PS設(shè)計頹廢風(fēng)格金屬質(zhì)感APP軟件圖標(biāo)

 

下面是教程開始

Step01:點(diǎn)擊 — 【文件】— 【新建】(快捷鍵Ctrl+N)新建一個新的圖像,命名好并把寬度設(shè)置為800px,高度為600px,分辨率為72dpi,然后點(diǎn)擊確定,記得順手保存文件(快捷鍵Ctrl+S)。

PS設(shè)計頹廢風(fēng)格金屬質(zhì)感APP軟件圖標(biāo)

 

Step02:選擇【圓角矩形工具】(快捷鍵U,可按Shift+U切換),在畫布點(diǎn)擊【創(chuàng)建圓角矩形】彈出層,設(shè)置寬度為180px,高度為180px,半徑20px,并勾選【從中心】,然后點(diǎn)擊確定;

PS設(shè)計頹廢風(fēng)格金屬質(zhì)感APP軟件圖標(biāo)

 

Step03:重命名圖層為di,右鍵設(shè)置圖層樣式:

【斜面和浮雕】:樣式:內(nèi)斜面、方式:平滑、深度100%、方向:上、大小3、軟化1、陰影角度90°、勾選【使用全局光】、高度30°、高光模式顏色#dedede、陰影模式顏色#262626、

【漸變疊加】:線性漸變,色值從上到下為 #333333 — #c6c6c6,角度為90°;

復(fù)制di圖層重命名為di_bian,選擇右鍵清除圖層樣式,填充顏色改為# 616161;按住Ctrl鍵點(diǎn)擊圖層載入選區(qū),向上移動兩像素,再反向選區(qū)(快捷鍵Shift+Ctrl+I),再點(diǎn)擊【圖層】窗口的【添加圖層蒙版】;

PS設(shè)計頹廢風(fēng)格金屬質(zhì)感APP軟件圖標(biāo)

 

 

Step04:制作殘舊金屬紋理部分,這一步采用的是素材圖片嵌入和筆刷繪制,可在網(wǎng)上搜索關(guān)鍵字:殘舊、頹廢、噴濺、金屬等字眼下載相關(guān)素材,ps:本教程所用到的圖片跟筆刷連同圖標(biāo)源文件psd均有提供(見附件下載),筆刷如何載入請自行百度,謝謝。

金屬紋理主要是不斷通過設(shè)置圖層的混合模式和不透明度的參數(shù)值疊加調(diào)試而成的,本教程調(diào)試后的參數(shù)如下:

01采用素材圖片 Rust_5.JPG,混合模式:正片疊底,不透明度70%;

02 使用筆刷,顏色#8c8c8c,不透明度30%;

03采用素材圖片 紋理.png,混合模式:變暗,不透明度30%;

這一步可自由發(fā)揮,自己覺得金屬圖片哪塊可以作為紋理即用就可,參數(shù)也可自己調(diào)試疊加,以實際效果為主;

PS設(shè)計頹廢風(fēng)格金屬質(zhì)感APP軟件圖標(biāo)

 

Step05:制作金屬破損處,選擇【鋼筆工具】(快捷鍵P,可按Shift+P切換),繪制幾個不規(guī)則多邊形,形狀自由發(fā)揮自定,配置金屬紋理背景,顏色深點(diǎn)即可,此處舉例:填充顏色#777777,設(shè)置圖層樣式:

【內(nèi)陰影】:正片疊底,填充顏色#464646,角度90°,距離1px,阻塞0,大小1px;

再復(fù)制圖層載入選區(qū),填充顏色為#FFFFFF,向上移動一像素,反向選區(qū)(快捷鍵Shift+Ctrl+I),再點(diǎn)擊【圖層】窗口的【添加圖層蒙版】。其他破損處也是使用這種操作方法;