注：本文使用的PS軟件為CS5和CC2017，所以適用各個(gè)版本PS
PSCC2017.jpg
一、PS首選項(xiàng)設(shè)置
-
在頂部菜單欄中選擇 編輯>首選項(xiàng)>單位和標(biāo)尺
菜單選擇.png -
標(biāo)尺與文字選擇為 像素
修改單位標(biāo)尺.png
二、工作區(qū)面板設(shè)置
-
在菜單欄 窗口 中打開(kāi)三個(gè)視圖面板
視圖面板設(shè)置.png -
保存到新建的工作區(qū)
保存新建工作區(qū).png
三、基本工具設(shè)置
-
移動(dòng)工具 : 將自動(dòng)選擇打鉤，選擇 圖層 而不是 組
移動(dòng)工具設(shè)置.png -
魔棒工具 : 容差越小，選擇的顏色范圍越小
魔棒工具修改容差
四、輔助視圖
- 在菜單欄 視圖 中開(kāi)啟 : 顯示額外內(nèi)容、對(duì)齊、標(biāo)尺、參考線(xiàn)
視圖設(shè)置.png
五、切圖常需測(cè)量的數(shù)值
- 寬度、高度
- 內(nèi)邊距、外邊距
- 邊框
- 定位
- 文字大小
- 行高
- 背景圖位置
六、使用矩形選框工具進(jìn)行長(zhǎng)度測(cè)量
-
矩形選框 : 選擇圖片后通過(guò) 信息 面板查看圖片的寬和高
查看圖片的寬和高.png -
使用選框測(cè)量嵌入背景中的字體大小，高度即為字號(hào)大小
測(cè)量嵌入背景中的字體大小.png 快捷鍵
添加到選取 : 在已選區(qū)按住 shift
從選區(qū)減去 : 在已選區(qū)按住 alt
與選取交叉 : 在已選區(qū)按住 shift + alt
七、取色
- 使用 拾色器&吸管工具
拾色.png -
拾色器中的此值用來(lái)應(yīng)用在css中
css應(yīng)用數(shù)值.png
八、常見(jiàn)切圖需求
-
隱藏文字只留背景
背景是純色適合拉伸時(shí),使用ctrl+T,先矩形選框一小塊區(qū)域，然后拉伸覆蓋字體
拉伸背景圖片
背景有紋理時(shí),先用矩形選框一小塊區(qū)域，然后按住alt（shift鍵可以保證拖動(dòng)選框時(shí)是水平方向）
-
摳播放按鈕
在 矩形工具 框選按鈕圖標(biāo)區(qū)域，使用 魔棒工具，容差按背景顏色設(shè)定，鼠標(biāo)點(diǎn)選按鍵內(nèi)的空白部分，就可以扣出按鈕，可以結(jié)合以下快捷鍵
ctrl+shift+T（反選）
alt + 魔棒（刪減選中區(qū)域）
shift + 魔棒（增加選中區(qū)域）
Paste_Image.png
-
切片工具
在需要切圖的地方畫(huà)置參考線(xiàn)，畫(huà)好后點(diǎn)選 切片工具，上方選擇基于
參考線(xiàn)自動(dòng)切片，如圖對(duì)應(yīng)兩條參考線(xiàn)自動(dòng)切好。
切片工具的使用.png
點(diǎn)擊 文件>導(dǎo)出>存儲(chǔ)為Web所用格式
保存切片.png
選擇好切片，右邊統(tǒng)一修改為JPG格式，高，品質(zhì)60，點(diǎn)擊下方保存（點(diǎn)擊菜單欄的 雙聯(lián) 可以對(duì)比保存前后的切片圖）
設(shè)置圖片選項(xiàng).png
九、圖片保存類(lèi)型
平時(shí)在ps中對(duì)于用于網(wǎng)站設(shè)計(jì)的圖片，應(yīng)該存儲(chǔ)為web所用格式
圖片保存類(lèi)型.png
- 保存類(lèi)型一 : 當(dāng)圖片色彩豐富且無(wú)透明要求時(shí)，建議保存為JPG 格式并選擇合適的品質(zhì)
- 保存類(lèi)型二 : 當(dāng)圖片色彩不太豐富時(shí)無(wú)論有無(wú)透明要求，請(qǐng)保存為 PNG8
- 保存類(lèi)型三 : 當(dāng)圖片有半透明要求，請(qǐng)保存為 PNG24
- 保存類(lèi)型四 : 為保證圖片質(zhì)量，保留一份 PSD ,方便修改
十、修改和維護(hù)
- 更改畫(huà)布大小：菜單欄 圖像>畫(huà)布大小
-
減小畫(huà)布到制定區(qū)域：矩形工具 選中區(qū)域后菜單欄選中 *** 圖像>裁剪***，或者直接使用 裁剪工具
修改畫(huà)布.png
十一、常用快捷鍵
- 圖層窗口中使用
Ctrl可以多選所需圖層 - 右鍵合并圖層（
Ctrl +Ｅ） - 復(fù)制圖層（
Ctrl + C） - 新建文檔用于存放合并修改好的圖層（
Ctrl + N） - 粘貼圖層 （
Ctrl +V） - 跨文檔移動(dòng)圖層也可以通過(guò)在圖層右鍵點(diǎn)擊復(fù)制圖層后選擇要粘貼到的文檔，或者直接拖動(dòng)圖層到另外一個(gè)文檔。
注意事項(xiàng)
修改PNG8格式的圖片時(shí)，需要在菜單欄 圖像>模式>更改為RGB顏色
修改顏色模式.png
