PS怎么設(shè)計(jì)一款冰冷的金屬光澤質(zhì)感的圖標(biāo)?
我要評(píng)論今天我們主要使用ps制作一款盡速質(zhì)感的圖標(biāo)，主要涉及到金屬拉絲效果和立體感的刻畫，下面我們就來(lái)看看詳細(xì)的教程，最終效果：
老規(guī)矩，先來(lái)分析一下。這里我們主要分為二個(gè)部分：底座、圖標(biāo)，其它問(wèn)題都不大，主要是底部框架部分、需要用到多個(gè)圖層來(lái)表現(xiàn)圖標(biāo)的立體感，騷年分析完已經(jīng)成功一半了，離成功還會(huì)遠(yuǎn)么，噢耶！?。?/p>
步驟一：
首先新建畫布800px*800px畫布，命名為質(zhì)感圖標(biāo)，為背景添加圖層樣式。
步驟二：
使用圓角矩形工具、繪制一個(gè)450px*540px圓角半徑為90px底座，并為它添加圖層樣式。
步驟三：
高逼格的底座一下就出來(lái)了，有木有！??！接下來(lái)繼續(xù)使用圓角矩形工具、繪制一個(gè)390px*390px圓角半徑為90px的形狀，命名為底座-2，并為它添加圖層樣式。
步驟四：
為底座-2添加金屬拉絲效果，新建圖層填充#9f9f9f，添加雜色執(zhí)行動(dòng)感模糊命令，并創(chuàng)建剪貼蒙版，調(diào)整不透明度。
步驟五：
復(fù)制金屬拉絲，ctrl+t旋轉(zhuǎn)90度，并依次創(chuàng)建剪貼蒙版。
步驟六：
現(xiàn)在我們繪制內(nèi)框位置，繪制兩個(gè)圓角矩形，大小分別為450px,390px圓角半徑為90px,合并形狀選擇路徑選擇工具，選中內(nèi)框減去頂層形狀，并添加圖層樣式。
步驟七：
我們?yōu)閮?nèi)框添加金屬拉絲效果吧，復(fù)制內(nèi)框圖層清除圖層樣式。獲取選區(qū)其它操作方式如上，并調(diào)整不透明度。
步驟八：
現(xiàn)在繼續(xù)繪制一個(gè)頂部漸變，選擇圓角矩形工具繪制一個(gè)390px圓角半徑為90px的形狀，繪制完成后復(fù)制，命名為頂部漸變。
步驟九：
將頂部漸變復(fù)制向下移動(dòng)15px,并合并兩個(gè)形狀，選擇路徑選擇工具，選中內(nèi)框減去頂層形狀，將底座漸變疊加圖層樣式復(fù)制，移動(dòng)色標(biāo)位置即可，并添加投影圖層樣式。
步驟十：
現(xiàn)在我們來(lái)繪制最后一個(gè)圖標(biāo)吧，用自定義形狀工具繪制一個(gè)172px的形狀，并旋轉(zhuǎn)45度，最后添加圖層樣式就完成這個(gè)案例了哦。
以上就是ps這幾一款金屬app圖標(biāo)的教程，希望大家能喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
版權(quán)申明：本文原創(chuàng)作者“ui專家覓李”，感謝“ui專家覓李”的原創(chuàng)經(jīng)驗(yàn)分享！
相關(guān)推薦：
ps怎么繪制有質(zhì)感的旋轉(zhuǎn)播放器圖標(biāo)?
ps怎么設(shè)計(jì)扁平化風(fēng)格的的鏡頭UI圖標(biāo)?
相關(guān)文章
本教程教腳本之家的文字特效學(xué)習(xí)者巧用PS圖層樣式制作金屬質(zhì)感的黃金立體字的方法，教程篇幅不長(zhǎng)，打造的黃金立體字卻非常炫酷，有很強(qiáng)的立體感，這種字體在海報(bào)設(shè)計(jì)中會(huì)經(jīng)2017-08-20
ps怎么繪制金屬質(zhì)感的音樂(lè)APP圖標(biāo)?
ps怎么繪制金屬質(zhì)感的音樂(lè)APP圖標(biāo)？想要做一款圖標(biāo)，該怎么制作呢？下面我們就來(lái)看看ps繪制金屬圖標(biāo)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-08-09
Photoshop繪制金屬拉絲質(zhì)感麥克風(fēng)圖標(biāo)教程
最近，很多網(wǎng)友問(wèn)小編怎樣利用ps制作金屬拉絲效果？今天腳本之家小編就給大家?guī)?lái)Photoshop繪制金屬拉絲質(zhì)感麥克風(fēng)圖標(biāo)教程，以麥克風(fēng)圖標(biāo)的制作過(guò)程，手把手教大家金屬拉2017-07-31
PS制作一個(gè)金屬感與木質(zhì)感結(jié)合的復(fù)古老式轉(zhuǎn)盤電話機(jī)
這篇教程教腳本之家的photoshop教程學(xué)習(xí)者使用PS制作一個(gè)金屬感與木質(zhì)感結(jié)合的復(fù)古老式轉(zhuǎn)盤電話機(jī)，教程制作的老式電話機(jī)非常逼真，但內(nèi)容有點(diǎn)長(zhǎng)，難度也比較大，有能力和2017-07-27
ps使用數(shù)字繪畫技術(shù)從零開(kāi)始繪制金屬質(zhì)感的鋼鐵俠教程
今日，有網(wǎng)友問(wèn)小編如何繪制鋼鐵俠？今天腳本之家小編教大家在ps使用數(shù)字繪畫技術(shù)從零開(kāi)始繪制金屬質(zhì)感的鋼鐵俠的方法，教程繪制的鋼鐵俠比較完整，有頭，有身子，非常的逼2017-07-13
這篇教程教腳本之家的標(biāo)志logo學(xué)習(xí)者們使用PS制作一枚金屬質(zhì)感的死侍LOGO的方法，教程打造的死侍LOGO非常帥氣逼真，難度不大，主要用到圖層樣式和剪切蒙版，喜歡的朋友跟著2017-07-12
Photoshop制作復(fù)古風(fēng)金屬質(zhì)感的發(fā)光立體字教程
這篇教程教腳本之家的文字特效學(xué)習(xí)者們?nèi)绾问褂肞hotoshop制作復(fù)古風(fēng)金屬質(zhì)感的發(fā)光立體字的方法，教程主要通過(guò)圖層樣式來(lái)完成發(fā)光立體字的制作，過(guò)程比較詳細(xì)，推薦到腳本2017-07-04
PS怎么設(shè)計(jì)一個(gè)立體金屬感的雕刻字體?
PS怎么設(shè)計(jì)一個(gè)立體金屬感的雕刻字體？ps中想要制作一個(gè)很有金屬冷質(zhì)感的立體文字，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-07-03
PS怎么設(shè)計(jì)一款金屬百度的文字效果？想要設(shè)計(jì)一款閃閃發(fā)亮的金屬字，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的制作教程，需要的朋友可以參考下2017-07-02
Photoshop圖層樣式制作黃金質(zhì)感的金屬藝術(shù)字教程
這篇教程教腳本之家的文字特效學(xué)習(xí)者使用Photoshop圖層樣式制作黃金質(zhì)感的金屬藝術(shù)字的方法，教程的過(guò)程講解非常的詳細(xì)，主要使用圖層樣式來(lái)完成，感興趣的朋友可以一起來(lái)2017-07-01
