想要制作一組手機主題圖標,首先呢要去尋找相應的參考作品,然后按照自己的想法和思路把草稿畫出來,把自己確定好的想要做的圖標草圖畫出來,接著用軟件進行相應的制作。前期在肥子老師的指導下進行了很多次修改,對于圖標的光影配色體積,最終完成一組奶油狀圖標。
修改前后對比
制作步驟
電話
步驟 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 制作云上的明暗光影。參數如圖。