今天來教大家一個比較簡單的例子吧~
這次是要來設計一個日曆的 icon
下圖是我做出來的成果圖
這個 icon 很實用，網頁或是手機都適用喔
想看英文教學的朋友可以看這~ 原文在此!
1.
畫圓角矩形的方式有兩種，你可以直接在圓角矩形工具拉作者這裡是先畫出矩形再用圓角效果
調到你滿意的圓角
將圓角矩形填入放射狀漸層
並到 物件 > 擴充外觀，讓錨點貼齊圓角矩形
2.
用橢圓形工具按住 shift 畫一個小圓移至日曆的圓孔位置
利用路徑管理員的"分割"打孔
用同樣方式做另一邊的圓孔，結果如下圖
3.
接著來將日曆的紅色部分與白色部分作分割，方便上色首先在邊界畫一條直線
並選取矩形與直線，用路徑管理員進行分割
右鍵 > 解散群組 後，就能分開上色了
然後將上面的區域填入紅色線性漸層
4.
接著為了讓圓孔看起來立體些，我們用橢圓工具來畫一個暗紅色邊框的圓
接著用圓角矩形工具繪製日曆的圓環
邊框與填色都用線性漸層
結果如下圖
5.
現在大至的外框都畫好了，現在就來話裡面的東西吧!用文字工具打出月份
由於整個 icon 的外框是圓角，因此我也選擇圓角的字型
接著繪製右上角的圓點
這些圓點代表該月的天數
不過我好像少畫了兩天...XD
接著在日曆中間寫個日期吧!
6.
到這，看起來好像已經完成了，不過還沒唷~看到成果圖可以翻線上面有一道反光
現在我們就要來畫這個
首先，複製兩個紅色區塊，讓他們項下圖那樣交疊
選取兩著，用路徑管理員做分割
並且留下下圖區域，其他刪除
將它填入白色，調整圖層位置
降低透明度
這樣就完成囉!!!
是不是很簡單呢?
沒有留言:
張貼留言