編者按：今天帶同學們來臨摹追波上一個大神的圖標作品，作者@P大點S微博?貼心給了源文件，已經有不少同學交作業了，而且完成效果特別棒，你也來一個，評論上圖 >>>

源文件打包?微盤下載

臨摹的成果：

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

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

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

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

復制一層橢圓圖層，執行“濾鏡—其他—位移”，設置水平和垂直位移均為我們文檔大小的一半。

現在我們的效果應該是這樣。

下面，我們將自定圖案預設。點擊“編輯—自定圖案”

OK，現在回到我們那個圖標的文檔，在剛才那個白色畫筆圖層的頂層新建一層，執行“編輯—填充”，選擇我們剛才自定義的圖案。

為這個圖案圖層設置一個圖層樣式。

設置完圖層樣式，我們完成了背景的創建，效果如下：

下面，我們開始圖標部分的操作。 用圓角矩形工具，運用減去模式，畫出如下的外框形狀來。

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

接下來，還是用圓角矩形工具，畫出如下圖中的紅色的內框。

為其添加一個圖層樣式。

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

執行“濾鏡—濾鏡庫—畫筆描邊—陰影線”，設置描邊長度為38，銳化程度為3，強度為1。

將這個紋理圖層旋轉45度，創建剪貼蒙版。

復制一層內框圖層，置于頂層，設置填充為0，添加一個圖層樣式，來模擬內部的陰影效果。

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

為其添加一個圖層樣式。

下面，我們為金屬框添加一個拉絲效果。新建一層，填充#272727，執行“濾鏡—雜色—添加雜色”，設置數量為20，高斯分布，勾選單色。

執行“濾鏡—模糊—動感模糊”，設置角度為0度，距離為200像素。

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

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

放入我們的LOGO，設置填充為0，并為其添加一個圖層樣式。

這兒同學們放一個自己喜歡的圖案/文字就好，比如優設LOGO神馬的哈哈哈

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

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

復制一層矩形圖層，清除掉圖層模式，重新添加一個圖層樣式。

現在效果如下，右邊的線直接把左邊的復制過去就行了。

大功告成！

部分作業展示：

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

手把手教你打造現代風格海報：
《AI+PS新手教程！手把手教你打造簡約現代的極簡海報》

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

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

作者：@P大點S微博

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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