如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.mvqxvl.live

設計臨摹立體手機主題圖標的PS實例教程

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2019-03-03人氣:

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

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

設計完成手機主題圖標效果圖:

設計臨摹立體手機主題圖標的PS實例教程

制作步驟

云存儲

創作思路:一個單獨的云略顯單調,所以添加一根USB連接線,來表達“存儲”,還能增強體積感。

步驟 01:建立文檔并制作背景

新建文檔,大小3600*3600px,分辨率72。創建漸變填充圖層,并在圖層樣式中添加圖案疊加,參數如圖。

設計臨摹立體手機主題圖標的PS實例教程

步驟 02:制作底座

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

設計臨摹立體手機主題圖標的PS實例教程

步驟 03:制作云的基本形狀

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

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

設計臨摹立體手機主題圖標的PS實例教程

 

步驟 04:制作云上的明暗光影

將矩形和三個圓形組成的圖層命名為“云”,給“云”添加圖層樣式。

設計臨摹立體手機主題圖標的PS實例教程

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

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

設計臨摹立體手機主題圖標的PS實例教程

步驟 06:制作云的投影

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

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

設計臨摹立體手機主題圖標的PS實例教程

步驟 07:制作數據線的金屬頭

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

設計臨摹立體手機主題圖標的PS實例教程

 

步驟 08:制作白色端頭部分

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

設計臨摹立體手機主題圖標的PS實例教程

步驟 09:制作連接部

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

設計臨摹立體手機主題圖標的PS實例教程

步驟 10:制作數據線

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

設計臨摹立體手機主題圖標的PS實例教程

步驟 11:制作USB數據線的投影

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

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

設計臨摹立體手機主題圖標的PS實例教程

 

步驟 12:增加細節

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

圖,調出數據線選區,選中“補加陰影”,建立蒙版,讓陰影只出現在數據線范圍內。

設計臨摹立體手機主題圖標的PS實例教程

步驟 13:制作icon

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

設計臨摹立體手機主題圖標的PS實例教程

步驟 14:調整細節,完成制作。

設計臨摹立體手機主題圖標的PS實例教程

回頂部
秒速时时彩历史开奖