PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

編者按:今天帶同學(xué)們來臨摹追波上一個大神的圖標(biāo)作品,作者@P大點S微博?貼心給了源文件,已經(jīng)有不少同學(xué)交作業(yè)了,而且完成效果特別棒,你也來一個,評論上圖 >>>

源文件打包?微盤下載

臨摹的成果:

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

下面,我們開始山寨之旅。 新建文檔,我用的大小是2000*1500像素,設(shè)置背景色為# 101010

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

新建一層,設(shè)置前景色為白色,使用圓角柔邊畫筆,設(shè)置大小為1500像素,在畫布中點一點,設(shè)置圖層的不透明度為60%。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

下面,我們來做背景中那個圓形的圖案,我這里是用一個無縫圖案來完成的。新建一個40*40像素的文件,背景為透明,用橢圓工具畫一個20*20像素的正圓,并讓其水平居中,垂直居中。

以下截圖為方便觀看,是放大了1200%的截圖。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

復(fù)制一層橢圓圖層,執(zhí)行“濾鏡—其他—位移”,設(shè)置水平和垂直位移均為我們文檔大小的一半。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

現(xiàn)在我們的效果應(yīng)該是這樣。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

下面,我們將自定圖案預(yù)設(shè)。點擊“編輯—自定圖案”

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

OK,現(xiàn)在回到我們那個圖標(biāo)的文檔,在剛才那個白色畫筆圖層的頂層新建一層,執(zhí)行“編輯—填充”,選擇我們剛才自定義的圖案。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

為這個圖案圖層設(shè)置一個圖層樣式。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

設(shè)置完圖層樣式,我們完成了背景的創(chuàng)建,效果如下:

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

下面,我們開始圖標(biāo)部分的操作。 用圓角矩形工具,運(yùn)用減去模式,畫出如下的外框形狀來。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

為這個外框添加一個圖層樣式。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

接下來,還是用圓角矩形工具,畫出如下圖中的紅色的內(nèi)框。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

為其添加一個圖層樣式。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

接下來,我們來做那個紋理效果,紋理的話網(wǎng)上估計大把,我也試著做了一下。新建一層,填充#333333,執(zhí)行“濾鏡—雜色—添加雜色”,設(shè)置數(shù)量為13%,高斯分布,勾選單色。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

執(zhí)行“濾鏡—濾鏡庫—畫筆描邊—陰影線”,設(shè)置描邊長度為38,銳化程度為3,強(qiáng)度為1。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

將這個紋理圖層旋轉(zhuǎn)45度,創(chuàng)建剪貼蒙版。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

復(fù)制一層內(nèi)框圖層,置于頂層,設(shè)置填充為0,添加一個圖層樣式,來模擬內(nèi)部的陰影效果。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

用圓角矩形工具畫出頂層的這個框來。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

為其添加一個圖層樣式。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

下面,我們?yōu)榻饘倏蛱砑右粋€拉絲效果。新建一層,填充#272727,執(zhí)行“濾鏡—雜色—添加雜色”,設(shè)置數(shù)量為20,高斯分布,勾選單色。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

執(zhí)行“濾鏡—模糊—動感模糊”,設(shè)置角度為0度,距離為200像素。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

選擇頂框加外框的選區(qū),為拉絲紋理添加一個圖層蒙版,更改拉絲紋理圖層混合模式為“線性減淡(添加)”,不透明度為35%。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

拉絲效果不是很明顯,復(fù)制一層拉絲圖層,更改圖層混合模式為柔光,不透明度為25%。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

放入我們的LOGO,設(shè)置填充為0,并為其添加一個圖層樣式。

這兒同學(xué)們放一個自己喜歡的圖案/文字就好,比如優(yōu)設(shè)LOGO神馬的哈哈哈

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

OK,完成了LOGO的添加,我們最后來添加左右兩側(cè)的那兩個線狀的東西。設(shè)置前景色為#1f1f1f,畫一個矩形。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

為這個矩形添加一個圖層樣式。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

復(fù)制一層矩形圖層,清除掉圖層模式,重新添加一個圖層樣式。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)
PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

現(xiàn)在效果如下,右邊的線直接把左邊的復(fù)制過去就行了。

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

大功告成!

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

部分作業(yè)展示:

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo) PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

【P大點S精品教程合集】

手把手教你打造現(xiàn)代風(fēng)格海報:
《AI+PS新手教程!手把手教你打造簡約現(xiàn)代的極簡海報》

給新手小白的Photoshop形狀指南!
《超實用!PHOTOSHOP基礎(chǔ)形狀新手入門指南全科普!》

教你繪制逼真寫實的黑板粉筆字:
《PS教程!手把手教你繪制效果逼真的黑板粉筆字》

作者:@P大點S微博

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計微博:擁有粉絲量95萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程!手把手教你臨摹一枚寫實的不銹鋼方框圖標(biāo)

收藏 9
點贊 1

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。