Swift語言IOS8開發戰記27 Sketch初探

在之前我們新建了一個計算器項目,現在我想要給這個計算器項目製作一個桌面圖標,可以使用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自己動手也可以配上一個炫酷的桌面圖標了。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章