1、界面設置css
1.新建設置{
Ctrl+N----新建文件;
web網頁通常寬1920像素,高度不限;
分辨率:72像素/英寸;
顏色模式:RGB顏色,8位;
背景內容:透明;
(存儲爲預設)
} web
2.移動工具設置{
移動工具快捷鍵----v;
自動選擇不勾選:圖層----按住Ctrl鍵,鼠標左鍵點擊要選擇的圖層,自動選擇
}svg
3.視圖設置{
視圖----顯示----智能參考線(打開)
視圖----標尺(Ctrl+R)
}工具
4.窗口設置{
窗口----圖層、歷史記錄、信息、字符(打開,其他可關閉)
信息----面板選項----第1、第二顏色信息選擇RGB顏色
----鼠標座標--標尺單位--像素
----狀態信息--勾選文檔大小(S)和文檔尺寸(D)
}優化
5.首選項設置{
編輯----首選項----常規(ctrl+k)----單位與標尺----單位(標尺、文字)改成像素
----屏幕分辨率改成72像素/英寸
} 圖片
6.保存工做區{
窗口----工做區(K)----新建工做區(N)
}資源
2、Photoshop基本操做 文檔
另:{
蓋印可見圖層----Ctrl + Alt + Shift + E
空格 + 鼠標左鍵----移動
Ctrl + -/+ (Alt + 鼠標滾輪)----縮小/放大
按住H鍵,單擊鼠標左鍵,選擇區域----局部放大
}原理
一、移動工具(V){
選中多個圖層的對齊操做。
}擴展
二、選區工具(M--[Shift + M(矩形選區和橢圓選區切換)]){
Ctrl + D----取消選區
選區的並集、交集、差集
Alt + 鼠標左鍵----鼠標初始位置爲圓心(矩形定點)
Shift + 鼠標左鍵----畫正方形(正圓)
}
三、套索工具(L--[Shift + L]){
套索工具、多邊形套索工具、磁性套索工具
}
四、快速選擇工具(W--[Shift + W]){
快速選擇工具([ ---- 減少畫筆大小; ] ----增長畫筆大小)
魔棒工具
}
五、裁剪工具(C--[Shift + C]){
圖層面板,按住Ctrl鍵,鼠標單擊圖層縮略圖,自動選擇圖層選區
配合選區裁剪,alt + 鼠標單擊圖層面板的眼睛,隱藏其餘圖層,裁剪出背景透明的png圖片
裁剪工具、透視裁剪工具、切片工具、切片選擇工具
}
六、吸管工具(C--[Shift + C]){
吸管工具、3D材質吸管工具、顏色取樣器工具、標尺工具、註釋工具、計數工具
}
七、污點修復畫筆工具(J--[Shift + J]){
使用Shift鍵限制描邊
污點修復畫筆工具----污點修復,抹掉選中的區域
修復畫筆工具----Alt + 鼠標單擊,選擇源
修補工具----把要抹掉的區域選出(也能夠用選區工具等),拖動到要替換成的地方
內容感知移動工具
紅眼工具
}
八、畫筆工具(B--[Shift + B]){
畫筆工具
鉛筆工具
}
九、仿製圖章工具(S--[Shift + S]){
Alt + 鼠標點擊定義源
仿製圖章工具
圖案圖章工具
}
十、歷史記錄畫筆工具(Y--[Shift + Y]){
歷史記錄畫筆工具----歷史記錄中設置歷史記錄畫筆的源----使用歷史記錄畫筆工具
歷史記錄藝術畫筆工具
}
十一、橡皮擦工具(E--[Shift + E]){
橡皮擦工具
背景橡皮擦工具
魔術橡皮擦工具
}
十二、漸變工具(G--[Shift + G]){
漸變工具
油漆桶工具
}
1三、模糊工具{
模糊工具
銳化工具
塗抹工具
}
1四、減淡工具(O--[Shift + O]){
減淡工具
加深工具
海綿工具
}
1五、鋼筆工具(P--[Shift + P]){
添加錨點、刪除錨點、轉換點工具(配合Ctrl、Alt使用)
}
1六、文字工具(T--[Shift + T]){
橫排文字(蒙版)工具、直排文字(蒙版)工具
風格選擇Windows LCD可減小文字毛邊
配合鋼筆工具建立文字路徑
文字蒙版----建立藝術字
}
1七、路徑選擇工具(A--[Shift + A]){
路徑選擇、直接選擇
}
1八、形狀工具(U--[Shift + U]){
矩形、圓角矩形、橢圓、直線、多邊形、自定義形狀
}
1九、PS圖層的原理及其操做
前景色填充(Alt + Delete)
背景色填充(Ctrl + Delete)
變換選區
選中圖層-移動工具-按住Alt鍵拖住移動----複製圖層
參考線
按住Alt鍵改變參考線水平垂直方向
ctrl+;顯示/隱藏參考線
3、 PS傳統切圖
切片工具
切片完成後Ctrl+shift+Alt+s存儲爲web所用格式
4、 PS精準切圖
文件--將圖層導出到文件--png-24-透明區域-交錯-裁剪圖層-運行
擴展自動切圖: photoshop CC及以上版本中ctrl+k調出首選項 倒數第四個增效工具 勾選第一項:啓用生成器-確認 勾選文件(F)-生成(導出E下一項)-圖像資源 選中圖層-重命名圖層爲name.jpg/.png後便可完成切圖 Retina屏幕優化 重命名爲200% name 2x.png 命名中刪除後綴便可刪除圖片 可導出svg格式,webp格式 圖層(L)-複製css