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

標籤：ios8   swift   sketch   icon   

在之前我們建立了一個計算機項目，現在我想要給這個計算機項目製作一個案頭表徵圖，可以使用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自己動手也可以配上一個炫酷的案頭表徵圖了。

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