在之前我們新建了一個計算器項目,現在我想要給這個計算器項目製作一個桌面圖標,可以使用Sketch,這是一款非常棒的軟件。要想詳細地學習這個軟件請訪問“Sketch中國”,裏面有很多專業的Demo和教材。
相對於PS這樣的軟件,Sketch簡直就是爲移動平臺量身定做的。
打開Sketch,然後在右側選擇新建一個DeskTop HD,主頁面有點像我們的Xcode,中間是畫布,右側是檢查器。
可以使用快捷鍵A建立畫板,你可以把畫板當做圖層的頂層,在上面自由發揮。然後我們使用U新建一個圓角矩形的底板。底板也可以使用輔助線對齊,或者直接使用快捷鍵對齊:
尺寸設爲800*800,修改這裏的Radius爲200,現在畫板上的圖像爲:
檢查器界面分爲幾部分,最上面是通用屬性,比如位置、尺寸、透明度、圓角等等。
然後是邊框和填充屬性:
然後選個背景色,這裏我們使用漸變色,也就是框中的模式,你也可以選擇第一個模式:純色模式。此外還有徑向、環形和圖案、雜色,看個人喜好了。
編輯完之後按ESC就可以退出編輯模式。然後複製一個剛纔的圓角矩陣,修改尺寸和背景放到底板中間:
現在時這個樣子:
然後可以修改這個小號圓角矩形的陰影:
接下來用兩條線分割這個小圓角矩陣,使用快捷鍵L,注意保持橫平豎直:
在檢查器中把這兩條線加粗一下,Thickness。在畫布上不好選中的話在左側的導航欄中選中也是可以的,跟Xcode中的文本大綱是一樣的。
修改線條顏色爲接近底板的顏色現在的樣式如下:
然後快捷鍵T生成文本,修改文字大小,最後修改顏色,成品如下:
最後來點擊右上角的export導出並保存成png就好了,將圖標名稱保存爲icon.png,保存到工程中就會自動添加爲圖標了。以後自己編了個什麼APP自己動手也可以配上一個炫酷的桌面圖標了。