擬物圖標：用PS繪製擬物風格手機圖標

學習PS

微信公眾號：xxps1979

製作一組手機主題圖標，首先要確定可以實現的圖標內容，翻翻自己的手機，不難發現可供選擇的內容有很多：電話、音樂、視頻、拍照等等，這裡我們選擇了時間、音樂、錄音機、拍照、文件、地圖、雲存儲、按鈕(設置)和通訊錄。

確定好內容後找到相應的參考，發現最能表現內容特點的元素，形成自己的構思。然後就把自己的想法簡單地畫個草圖，接著用軟體進行具體的製作。我們的圖標是擬物風格，所以要注意體積、光影的表達，這些可以通過圖層樣式、濾鏡等方法來實現。

修改前後對比

製作步驟

雲存儲

創作思路：一個單獨的雲略顯單調，所以添加一根USB連接線，來表達「存儲」，還能增強體積感。

步驟 01：建立文檔並製作背景

新建文檔，大小3600*3600px，解析度72。創建漸變填充圖層，並在圖層樣式中添加圖案疊加，參數如圖。

步驟 02：製作底座

新建720*720px的圓角矩形，圓角半徑為130，並添加圖層樣式來製造體積感。

步驟 03：製作雲的基本形狀

新建292*155px的矩形形狀，再按住shift新建三個圓形形狀，大小分別為194*194、284*284、218*218。按住shift，用路徑選擇工具同時選中矩形和兩個較小的圓形，在屬性欄的對齊中選擇底對齊。

調整矩形和圓形的位置，並注意矩形的兩條較短邊，要正好通過兩個較小圓形的圓心，使形狀平滑。

步驟 04：製作雲上的明暗光影

將矩形和三個圓形組成的圖層命名為「雲」，給「雲」添加圖層樣式。

步驟 05：用柔邊畫筆增加高光

新建圖層，命名為「高光」。選擇白色，打上高光，注意調整畫筆大小。圖層混合模式選擇柔光，圖層不透明度為92。

步驟 06：製作雲的投影

新建一個490*230的矩形，下邊兩個角的圓角半徑為40，顏色為#3f6993，在屬性面板中調整羽化值為23.3。添加蒙版，用柔邊畫筆選擇黑色，調整畫筆的不

透明度，進行擦拭，使投影的過渡更加自然柔和。

步驟 07：製作數據線的金屬頭

新建50*17的矩形，添加圖層樣式。轉化為智能對象，添加雜色和動感模糊。

步驟 08：製作白色端頭部分

新建圓角矩形，添加圖層樣式。

步驟 09：製作連接部

新建矩形，添加圖層樣式。

步驟 10：製作數據線

使用鋼筆工具，屬性欄選擇形狀、圓端頭，繪製一條曲線，描邊寬度為11.5，然後添加圖層樣式。

步驟 11：製作USB數據線的投影

同時選中圖層「金屬頭」、「白色端頭」、「連接部」和「數據線」，Ctrl J複製，轉化為智能對象，添加顏色疊加# 829cb8，添加高斯模糊(半徑為8.0)。Ctrl T自由

變換，選擇變形，調整投影的位置和形狀。

步驟 12：增加細節

用圓形工具製作小洞，在數據線的兩端，用柔邊畫筆補加陰影，將圖層命名為「補加陰影」。將「數據線」轉化為智能對象，按住Ctrl單擊「數據線」的圖層縮略

圖，調出數據線選區，選中「補加陰影」，建立蒙版，讓陰影只出現在數據線範圍內。

步驟 13：製作icon

用形狀工具和鋼筆工具繪製形狀，線條描邊為2，其他各形狀尺寸如圖所示，同時選中剛才繪製的所有形狀並創建組，添加顏色疊加# 4c647f。

步驟 14：調整細節，完成製作。

通訊錄

創作思路：在本子上畫上人物頭像，或者加上標籤，都可以強調這是個通訊錄。通過圖層演示來體現金屬環和封面的不同質感。

步驟 01：製作封面

新建圓角矩形，添加圖層樣式，命名為「封面」。

步驟 02：製作人頭像

在同一圖層內新建圓形、矩形和圓角矩形，組成頭像，添加圖層樣式，命名為「人像-白」。

步驟 03：製作人像標誌周圍的凹陷

複製「人像-白」，更名為「人像-凹陷」，清除圖層樣式，添加斜面與浮雕。將「人像-凹陷」放置在「人像-白」下面，並讓兩圖層垂直居中對齊、水平居中對齊，編

組為「人像」。

同時選中「人像」和「封面」，轉化為智能對象，命名為「人像 封面」，添加雜色，數量為3，高斯分布，勾選單色。

步驟 04：製作圓形孔洞

新建圓形28*28，填充顏色# 292929，命名為「圓-1」。新建圓形43*43，添加漸變疊加(參數如下圖所示)，命名為「圓-2」，並轉化為智能對象，添加雜色

(同「人像 封面」)。將兩圓水平及垂直居中對齊，並建立組，命名為「孔洞-1」，複製組三次，分別命名為「孔洞-2」、「孔洞-3」、「孔洞-4」，編組命名為「孔

洞」。

步驟 05：將封面抬起來

將「人像 封面」、「孔洞」轉化為智能對象，命名為「封面-正」，Ctrl T自由變換，選擇透視，將封面做成微微抬起的效果。

步驟 06：製作側邊

新建圓角矩形，添加圖層樣式，命名為「側邊」，轉化為智能對象，添加雜色。

步驟 07：將「側邊」放到「封建-正」右側、下方。選中「封面-正」用柔邊畫筆擦拭右側邊線，使之過渡自然柔和。

步驟 08：製作金屬環

新建圓角矩形，添加圖層樣式，命名為「環-1」。

步驟 09：製作金屬環在封面上的投影

複製「環-1」，更名為「影-1」，顏色填充為#072f5b，轉化為智能對象。圖層不透明度為43%，圖層混合模式為正片疊底。添加高斯模糊，半徑為7。對「影-1」自

由變換，選擇變形。最後建立蒙版，使投影只出現在封面範圍內。

其他三個金屬環及其投影可複製得到。

步驟 10：製作內頁

新建圓角矩形，添加圖層樣式。

步驟 11：製作紙上的橫線

新建矩形344*4和矩形344*2，填充顏色均為# 333b41。通過複製、對齊得到如圖結果。

步驟12：製作封底

新建圓角矩形，添加圖層樣式。

步驟 13：製作金屬環在底座上的投影

採用與製作封面上金屬環投影相似的辦法製作。複製金屬環，填充顏色為# 34587a，轉化為智能對象，拉伸比例，添加高斯模糊，圖層混合模式為正片疊

底，不透明度為28%。利用蒙版使其只出現在底板上。

步驟 14：製作整體投影

選中「封面-正」、「側邊」和「封背」，複製並轉化為智能對象，命名為「投影-1」。添加顏色疊加# 7695b3，添加高斯模糊，半徑為20。調整圖層位置。

複製「投影-1」，更名為「投影-2」，將高斯模糊半徑調整為16.6，並調整位置。

步驟 15：調整細節，完成製作。

拍立得

創作思路：主要製作鏡頭和快門按鈕。鏡頭通過多個同心圓和圓角矩形組成，用圖層樣式來體現光影和體積，用白色柔邊畫筆來打鏡頭上的高光。

文件袋

創作思路：形狀相對較為簡單，通過金屬環和細繩來凸出特點，讓紙微微抬起使畫面細節更豐富。

地圖

創作思路：地圖標記本體由圓形和圓角矩形組成。投影要做到近實遠虛，通得過多個投影疊加達到效果。

按鈕

創作思路：通過多個圓角矩形組成按鈕形狀，再添加圖層樣式體現光影和體積。

最終完成效果

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！