想要制作一組手機主題圖標，首先呢要去尋找相應的參考作品，然后按照自己的想法和思路把草稿畫出來，把自己確定好的想要做的圖標草圖畫出來，接著用軟件進行相應的制作。前期在肥子老師的指導下進行了很多次修改，對于圖標的光影配色體積，最終完成一組奶油狀圖標。

修改前后對比

制作步驟

電話

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

1.1 新建文檔，大小為3600*2800px,分辨率為72。前景色填充為383e4b。

1.2 為背景添加斜面浮雕和紋理效果，參數如圖。

1.3 用形狀工具畫出四個圓形，與背景圖層建立剪貼蒙版，如圖。

步驟 02 制作底座

2.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為faaf98，并添加圖層樣式來制造體積感。

步驟 03 制作電話的基本形狀

3.1 用鋼筆勾出圓潤的電話形狀，如圖。接著給電話添加圖層樣式，參數如圖。

信息

步驟01 制作底座

1.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為f6dea5, 并添加圖層樣式來制造體積感。

步驟 02 制作信息的基本形狀

2.1 新建一個橢圓再用鋼筆工具勾出一個圓角三角形，為他們做布爾運算合并形狀組件。

2.2 接著為信息內底添加圖層效果，參數如圖所示。

2.3 新建50*50橢圓，填充色為ffeec6，接著復制兩個橢圓出來。

2.4 為橢圓添加圖層效果，參數如圖。

瀏覽器

步驟01 制作底座

1.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為d2f5a6。

步驟 02 制作瀏覽器的基本形狀

2.1 新建300*300的橢圓，選中橢圓，運用布爾運算減去頂層，在中心剪掉一個150*150的橢圓。

2.2 顏色填充為ffffff。效果如圖所示。

2.3 為其添加圖層效果，參數如圖。

步驟 03 制作瀏覽器的云朵

3.1 新建113*45的矩形，再按住shift新建三個橢圓形狀，大小分別為97*97，87*87，125*125。

3.2 按住shift，用路徑選擇工具同時選中矩形和兩個較小的圓形，在屬性欄的對齊中選擇底對齊。

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

3.4 制作云上的明暗光影。參數如圖。

聯系人

步驟01 制作底座

1.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為f3dfa9， 并添加圖層樣式來制造體積。

步驟 02 制作聯系人的基本形狀

1.1 新建橢圓161*158，填充色為ffffff。

1.2 為其添加明暗光影。

1.3 新建形狀，用鋼筆勾出聯系人的身子。

1.4 為其添加光影效果，參數如圖。

天氣

步驟 01 制作底座

1.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為9ae7eb， 并添加圖層樣式來制造體積。

步驟 02 制作天氣的基本形狀

2.1 新建174*83的矩形，再按住shift新建三個橢圓形狀，大小分別為177*177，136*136，166*166。

2.2 按住shift，用路徑選擇工具同時選中矩形和兩個較小的圓形形，在屬性欄的對齊中選擇底對齊。

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

2.4 為其添加明暗光影，參數如圖。

播放器

步驟 01 制作底座

1.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為fec8b1， 并添加圖層樣式來制造體積。

步驟 02 制作播放器的基本形狀

2.1 用鋼筆勾出圓潤的三角形狀，注意圓角弧度拉大一點。

2.2 為其添加光影明暗效果。

播放器

步驟 01 制作底座

1.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為b3e4be， 并添加圖層樣式來制造體積。

步驟 02 制作計算機的基本形狀

2.1 選取圓潤的字體輸入“+ – × =”，或者使用鋼筆和形狀工具相結合調節出圓潤的字體。

2.2 為其添加光影明暗效果。四個符號效果一樣，依次復制粘貼。

音樂

步驟 01 制作底座

1.1 新建490*490的圓角矩形，圓角半徑為220，填充顏色為91b1e4， 并添加圖層樣式來制造體積。

步驟 02：制作計算機的基本形狀

2.1 鋼筆勾出樂府形狀。填充顏色為ffffff。

2.2 為其添加明暗光影效果。

最終效果

(責任編輯：極限)