本節簡介: 補充學習sketch的鋼筆工具、星形工具、形狀變形、旋轉、復制、標尺的添加和刪除、顯示網格、顯示像素、對象再制、利用描邊屬性制作進度條效果等。以及重點介紹sketch的mirror功能。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
如何快速設計圓形進度條:首先繪制一個圓,去掉調充,將描邊Thickness設置為20,Posltion描邊位置居中對齊,大小Size設置為200x200;第二步復制一個圖層,描邊顏色用其他色,便于區分;選中Borders的齒輪,選中端點位置和形狀都為圓形,下面Gap間隔設置為200乘以3.14(描邊每628為一個間隔點)回車,描邊變成一個點(Dash值默認是1是這個點最小的一個狀態,因為不可能是0,按下shift加+可以調節這個點的弧度的長度);點擊Color可以設置漸變顏色。
Sketch→Preferences(偏好設置)→General(1.Auto Save:自動保存功能;2.Pixel Fitting:①,②Pixel-fit when aliging layers是1像素的自動對齊;3.Artboard Export:left to right導出順序從左往右;4.Sketch Mirror:勾選它,在手機上默認顯示當前激活的畫板;)。
Sketch→Preferences(偏好設置)→General(1.Auto Save:自動保存功能;2.Pixel Fitting:①,②Pixel-fit when aliging layers是1像素的自動對齊;3.Artboard Export:left to right導出順序從左往右)。
如何快速設計圓形進度條:首先繪制一個圓,去掉調充,將描邊Thickness設置為20,Posltion描邊位置居中對齊,大小Size設置為200x200;第二步復制一個圖層,描邊顏色用其他色,便于區分;選中Borders的齒輪,選中端點位置和形狀都為圓形,下面Gap間隔設置為200乘以3.14(描邊每628為一個間隔點)回車,描邊變成一個點(Dash值默認是1是這個點最小的一個狀態,因為不可能是0,按下shift加+可以調節這個點的弧度的長度);點擊Color可以設置漸變顏色。
Mieeor是非常重要的,可以和移動設備進行銜接,需要IOS設備,需要在ios系統中下載→搜索關鍵字Sketch Mirror,在鉆石圖標中下載完成之后,將手機和它放置在同一個無線網下。點擊Mirror可以看到鏈接到自己的手機,如果看不到手機,直接單擊鏈接地址,即可鏈接。用數據先方式鏈接也可以。打開app之后可以看到手機上顯示的便是當前設置的畫板。
Make Grid 圖層的批量復制工具,繪制圖形,選中圖形再選中Make Grid →Grid Tool →Rows(多少行),Margin(每行間隔多少像素)→Columns(多少列),Margin(每行間隔多少像素)。
設置完圖標后。,使用Round To Pixel 對齊圖標。
編輯網格寬度,在View→Canvas→Grid Settings網格設置→Grid block size(網格大?。鶷hick lines every(每多少個網格一個粗線)→Colors(Dark粗線顏色),(Light細線顏色)→設置錯誤的話,可以單擊Make Default默認。默認會在下一次操作時生效。
人工編組不可以改變文字大小,圓角半徑縮放縮小會顯得比較圓。Scale縮放工具,可以改變文本大小,可以等比例縮放圓角半徑,而圓角半徑看起來不會改變。
Outlines將文字變成路徑,默認文字筆畫變成單獨的形狀可單獨編輯,對字體設計該功能非常有用。
Rotate Copies 批量復制工具,選擇錨點,拖動可以改變大小形狀等,按ESC完成編輯,退出后不能重復編輯。
星型工具,Points是選擇星型數量,Radius半徑
柵格(grid)/布局(layout)在view菜單下子菜單canvas里。
需要在app store里下載sketch mirror,將手機電腦放在同一個wifi下
sketch偏好設置:在sketch菜單下的preferences,彈出窗口,左邊第一個general中,有一項auto save:運用到自動保存功能,還有一個pixel fitting,是像素自動對齊。