圖文教程|手把手教你繪製手機日曆應用圖標

圖文教程|手把手教你繪製手機日曆應用圖標

在互聯網的帶動下,手機APP的發展及演變,那可謂是跨時代;app的更新迭代也是非常快,這種滿足有很多的原因(比如:提升用戶體驗、風格跟不上趨勢、用戶太少等),這些原因都能使一個APP逐步的消失在我們的手機界面上。

今天給大家說的就是打開這個app的必要觸發點,也是影響這用戶第一感受(包括整個產品是什麼),那就是手機應用(圖標),這些圖標分為兩類(第一類手機系統本有的應用;第二類則是其他企業開發的,提供手機下載的。)

廢話不多說,接下來小編帶著大家臨摹一套大師設計得手機應用應用圖標,同學們好好學,這也是你們的實操,在模仿中找到技巧,好運用在自己的作品中

1、打開Ai軟件,隨便新建一個畫布(因為在AI裡畫布可以調整,)

2、使用矩形工具250*250px的矩形,然後給矩形作膨脹效果(效果>變形>膨脹),彎曲數值設置為24px。

圖文教程|手把手教你繪製手機日曆應用圖標

3、選擇矩形,將矩形圓角角度改為38度,然後將矩形擴展(對象>擴展)

圖文教程|手把手教你繪製手機日曆應用圖標

4、將矩形顏色填充為#df5a55,並原位複製圖層(ctrl+c,ctrl+f),將顏色改為#ea6b65;找到矩形中心點,做橫豎向參考線。然後新建矩形,與上邊橫向參考線對齊,然後右鍵創建剪切蒙版,最後編組(效果如下~)

圖文教程|手把手教你繪製手機日曆應用圖標

5、使用文字工具繪製一個220px的數字3,將顏色填充為白色;並將文字橫向拉伸,與下圖效果居中對齊

圖文教程|手把手教你繪製手機日曆應用圖標

6、將文字右鍵創建輪廓,然後原位複製數字,將顏色改為#f3d0cc繪製一個矩形,底邊與文字上半部分中心點居中對齊,最後做剪切蒙版並編組

圖文教程|手把手教你繪製手機日曆應用圖標

7、繪製投影,使用矩形工具繪製繪製一個176*128px的矩形,旋轉45度,對齊到文字切邊,並形成水平,然後將下面錨點拖到與文字底部邊緣切點形成一條直線,如下圖~

圖文教程|手把手教你繪製手機日曆應用圖標

8、在矩形上創建三個錨點,然後再選擇3個錨點覆蓋文字空隙處,然後向後置於文字下方

圖文教程|手把手教你繪製手機日曆應用圖標

9、將形狀顏色改為#e35f5a,然後底部矩形解組,再選擇底部矩形和形狀矩形,做多餘剪切(shift+m,alt+左鍵),然後按著6步驟一樣,並將顏色改為#c5413c,效果如下

圖文教程|手把手教你繪製手機日曆應用圖標

10、繪製矩形(大小8*28px,顏色為#fecb8c),將矩形與底部矩形上下居中對齊,然後剪切與矩形對於的部分(操作步驟9)然後原位複製圖層,並右對齊,效果如下~

圖文教程|手把手教你繪製手機日曆應用圖標

圖文教程|手把手教你繪製手機日曆應用圖標

11、最後將使用文字工具將月份繪製出來,放在數字3的上面,並與下面的矩形居中對齊,效果如下~

圖文教程|手把手教你繪製手機日曆應用圖標

圖文教程|手把手教你繪製手機日曆應用圖標

▲向上滑動

狂人學院

0基礎到就業 設計師培養平臺

www.socrazy.com

不狂·不青春


分享到:


相關文章: