1. 編輯 > 首選項 > 機關與标尺
2. 面闆
在『視窗』 菜單下開啟:
工具 選項 資訊(F8) 圖層(F7) 曆史記錄
可以将設定好的面闆儲存下來,這樣下次别人弄亂了你的面闆後,你可以通過選擇右上方的下拉清單迅速恢複你的面闆。
視窗—>工作區—>建立工作區
工作區介紹:
1.左側『工具』,主要是一些工具 如 選取,魔棒,拾色器,拖放
2.頂部 『選項』,隸屬于某一個 工具,比如魔棒工具在選項裡會有容內插補點的設定。
3.右側『資訊』,包含目前選取的 顔色,尺寸,位置。一般配合『矩形選取工具』做測量。
4.右側『圖層』,包含1-N個圖層,可以對圖層進行新增,删除,改變層級。
5.右側『曆史記錄』,包含了每一個曆史記錄,可以友善復原到某個狀态。
工具
切圖常用工具:
移動工具: 選擇圖層,移動圖層
自動勾選+圖層 組又是什麼概念呢?組就是一個檔案夾,是設計師再設計的時候把很多相關的檔案放在一個檔案夾。是以 組≈檔案夾。
矩形選框工具: 用矩形選框工具選擇一個矩形框,然後在右側『資訊』面闆中檢視顔色,尺寸,位置資訊。
魔棒工具: 摳圖神器之一,比較适合用來扣取一些不規則的圖形。
裁剪工具+切片工具: 裁剪畫布
縮放工具
- 放大 : Ctrl+加号 - 縮小 : Ctrl+減号
取色器: 前景色取色器,背景色取色器。
輔助視圖
在“視圖”菜單下開啟:
對齊
标尺 Ctrl+R
顯示 > 參考線 Ctrl+;
(需勾選顯示額外内容)
測量、取色
打開設計稿,擷取資訊
尺寸資訊 測量 width: 220px; 顔色資訊 取色 color: #ffcc00;
測量
所有數字都要測量
哪些要測量?
寬度,高度 内編劇,外邊距 邊框 定位 文字大小 行高 背景圖位置
矩形選框工具
添加到選區: 按住 Shift (可用來測量很寬的頁面的寬度)
從選區減去 : 按住 Alt
從選區交叉 :按住Shift+Alt
取色
(所有顔色都要取色)
哪些要取色?
邊框色 border-color 背景色 background-color 文字色 color
取色工具的巧用: 确定背景是否為純色(在附近不停地點選)
魔棒工具的巧用:用魔棒工具确定是否為線性漸變。
開始做,堅持做,重複做