界面快捷鍵
放大啄糙、縮小：alt+滾輪 or ctrl+"+/-"
100%視圖：ctrl+1
標尺：ctrl+R
參考線：ctrl+;
新建文件：Ctrl+N
測量云稚、取色
盡可能放大畫布隧饼，使用矩形選框工具選中測量區(qū)域，從信息框中讀取寬高值
內(nèi)邊距静陈、外邊距燕雁、邊框等數(shù)據(jù)
文字大小
1、字號：選中文字所在圖層窿给，點擊文字工具贵白，選擇文字，可以在上方選項面板看到字號崩泡；矩形選框工具禁荒，選中文字，信息面板顯示的高度即字體大小角撞。
2呛伴、行高：文字工具，選中圖層谒所，點擊字符面板热康，可以看到行高；或使用矩形選框工具選擇劣领，從第一行的最下到第二行的最下姐军，高度就是行高。
矩形選框工具：
默認新選框尖淘，按住shift為添加新選框奕锌，按住alt是從原有選區(qū)中減去后面選中的區(qū)域，按住shift和alt就會交叉選區(qū)（新舊選區(qū)的交叉部分）村生。
取色
1惊暴、點擊前景色，使用吸管工具取色趁桃。（注：取色時將畫布盡可能放大辽话。）
2、確認顏色是否線性漸變：使用魔棒工具卫病，調(diào)整容差油啤，觀察所選擇區(qū)域的變化。
3蟀苛、文字取色：文字工具益咬，點擊設(shè)計稿中的文字，在文字面板會顯示顏色屹逛，單擊顏色彈出取色器得到顏色信息础废；文字在圖層中，使用吸管工具罕模、拾色器取色评腺。
切圖
切圖內(nèi)容：
1、修飾性(css-background)：圖標淑掌、logo蒿讥；有特效的按鈕、文字等抛腕；非純色背景芋绸。保存為png24（質(zhì)量較高，但低版本瀏覽器不支持此格式的半透明）或png8格式担敌。
2摔敛、內(nèi)容型(html-img)：Banner、廣告圖片全封；文章配圖马昙。存為jpg格式。
隱藏文字圖層切圖刹悴。
文字不是單獨圖層：矩形選框工具行楞，ctrl+T，拉伸背景覆蓋文字土匀。對于有紋理的背景子房，選中無文字背景，使用移動工具就轧，按住alt來復(fù)制背景证杭。（再按住shift來使其只在水平方向移動）
PNG24
選擇所切圖層，在圖層面板中右鍵-復(fù)制來保存到新文件中钓丰；如果畫布太大躯砰，使用矩形選框工具選擇所需大小的區(qū)域，在上方“圖像”菜單中選擇裁剪携丁。
若一個圖標中各細節(jié)不在一個圖層琢歇，可以合并后復(fù)制。
PNG8
合并可見圖層(shift+ctrl+E)
矩形選框工具選擇內(nèi)容梦鉴，使用魔棒工具去掉多余部分（按住alt點擊多余部分）李茫。然后就可以ctrl+c和ctrl+v來復(fù)制。
可平鋪背景
用矩形選框工具選區(qū)所需區(qū)域肥橙，復(fù)制粘貼到新文件中魄宏。平鋪內(nèi)容充滿文件的寬或高，視背景圖沿哪個方向平鋪而定存筏。
切片工具
1宠互、拉出幾條參考線
2味榛、在左側(cè)選擇切片工具，點擊上方基于參考線的切片
3予跌、選擇切片選擇工具搏色，雙擊切出的圖，可以重命名券册。
4频轿、文件——存儲為web所用格式，選中所有切片烁焙，統(tǒng)一設(shè)置格式航邢，品質(zhì)視情況決定，一般選擇“高”骄蝇，以使得文件不會太大膳殷。
保存
將切好的圖片放到新文件中，保存成web所用格式九火。（Alt+Shift+Ctrl+S）
新文件中背景色一般選擇透明秽之。
文件格式
JPG:圖片色彩豐富并且沒有透明要求，選擇合適的品質(zhì)進行壓縮吃既。
PNG8:有壓縮考榨，當圖片色彩不太豐富時，無論有沒有透明要求鹦倚，都存為PNG8河质。雜邊選擇無，擴散改為無仿色震叙∠贫欤可以在右上角保存所選的設(shè)置，以便以后使用（預(yù)設(shè)中選擇）媒楼。維護時選擇圖像——模式乐尊，RGB顏色
PNG24:未壓縮，圖片有半透明要求時使用划址。
PSD:為保證圖片質(zhì)量扔嵌，保留一份PSD
修改和維護
更改畫布大小：
1夺颤、變大：圖像——畫布大小痢缎，選擇尺寸，定位選在左上角（這樣CSS中選擇已有圖像的位置不需要改變）世澜。
2独旷、變小：矩形選框工具選擇需要的區(qū)域，圖像——裁剪嵌洼；或使用裁剪工具案疲，選擇需要的區(qū)域后雙擊。
移動圖標：獨立圖層直接使用移動工具麻养。合并在一起的多個圖標嗤练，使用矩形選框工具選中需要移動的圖標健无，再使用移動工具移動翘悉。
分開圖層：矩形選框工具選擇要切出的圖唯欣，剪切再粘貼即可混萝。
圖片優(yōu)化與合并
原因：為了減少網(wǎng)絡(luò)請求遗遵，提升網(wǎng)頁加載速度，將多個圖標放到一個文件中逸嘀。
壓縮：有損與無損车要，圖片質(zhì)量和圖片體積的取舍。
合并
圖片合并時在各圖片之前保留空隙崭倘，以便后期調(diào)整大小翼岁，并有一定的容錯率
++（如果是小圖標，留的空隙可適當小一些司光，一般20像素左右琅坡；那如果是大圖標，要留的空隙就要大一點残家，因為大圖標在調(diào)整的時候榆俺，影響到的空間也會比較大。有了一定的切圖經(jīng)驗之后坞淮，對于保留多大空隙就會比較有概念茴晋，有自己的心得了）++。
合并時的圖片排列一般選擇橫向或縱向回窘。
合并的分類：
1诺擅、把屬于同一個模塊的圖片進行合并
2、把大小相近的圖片進行合并
3啡直、把色彩相近的圖片進行合并
4烁涌、綜合上面的因素進行合并
推薦： 1、只本頁使用的圖片進行合并酒觅；2烹玉、有狀態(tài)的圖標合并（交互動態(tài)）
瀏覽器兼容
高級瀏覽器保存PNG24圖片，給IE6保存一份帶背景的PNG8
高級瀏覽器使用CSS3阐滩，低級瀏覽器切圖二打。（也有降級原則，讓低級瀏覽器不使用CSS3的特性）
