學習目的:
1. 會簡單的摳圖
2. 會簡單的修改PSD效果圖
3. 熟練的切圖
4. 能和網站美工美眉有共同話題。。。
1. ps常用工具和操作
1. 基本操作
新建 | ctrl + n |
關閉文檔 | ctrl + w |
存儲 | ctrl + s |
另存爲 | ctrl + shift + s |
文件打開 | ctrl + o |
2. 移動工具 V
移動工具 | V |
3. 自由變形
自由變形 | ctrl + T |
確定 | Enter |
4. 圖層操作
打開(關閉)圖層面板 | F7 |
拖拽圖像 | ALT |
重合 | CTRL + J |
多選 | shift + 鼠標左鍵選擇 |
5. 圖層編組
先shift 選中多個圖層,再 ctrl + G 給圖層編組,最後雙擊組名編輯名稱
優點:移動時可以整租移動
6.圖層上下位置移動
1. 選中目標圖層,直接拖拽
2. ctrl + ] 上移動
ctrl + [ 下移動
3. ctrl + shift + ] 圖層置頂
ctrl + shift + [ 圖層置底
7. 圖層合併
ctrl + e 合併圖層
8.圖層透明度
圖層面板直接操作
9. 矩形選取工具 M
M 鍵,用於選取部分區域.
ctrl + d,取消選區
10. 顏色填充
Alt + DEL 填充對應顏色
11. 套索工具 L
(摳圖使用)
1. 套索工具 L 在屏幕上拖拽鼠標左鍵,釋放後生成選區
2. 多邊形套索 L 連續單擊繪製多邊形區域
閉合方法,1.單擊起始點;2.雙擊任意位置
DELETE刪除當前點
12. 磁性套索
(摳圖使用)
具備吸附能力,需要的地方 連續點擊,單擊不能雙擊,
13. 魔棒工具
(摳圖使用)
以單擊位置爲選擇色,選擇相似銀色生成選區
容差:(顏色差距)選擇顏色的範圍,容差小,顏色選擇精確,更接近 0-255
連續:勾選連續時,相連顏色生成選區。不勾選,畫面中所有相似顏色倍選中生成選區
按shift再未生成選區位置單擊,可選取相加
選區反選:ctrl + shift + i
14. 選區布爾運算
新選區:保持選中狀態
添加到選區: 相加運算(按shift再繪製到選區)
從選區減去:相減(按ALT再繪製選區)
預選區交叉:重合部分保留。(按ALT+SHIFT再繪製選區)
例子:
將一直狼隱藏在草叢中:可以先將狼的圖層透明度改成0,然後用套索工具選取草叢區域,再刪掉狼身體隱藏的部分
15. 鋼筆工具 P
作用:繪製路徑,生成選區,摳圖
組成路徑線和錨點
繪製路徑後,ctrl+enter,生成選區
路徑類型:
直線型路徑:連續單擊
曲線型路徑:第一點單擊,第二點拖動鼠標。
文字工具 T 可以直接輸入文字
吸管工具 就是取色器
2. photoshop 切圖
1. 切片工具
1. 手動切圖
1. 利用切片工具手動劃出
2. 圖層-新建基於圖層的切片
3. 利用 標尺 基礎參考線的切片
導出切片:存儲爲web格式
2. 圖層切片:
1. 選中對應圖層
2. 菜單欄-->圖層-->新建基於圖層的切片
清除全部切片和輔助線的方法:
視圖--》清除切片
視圖--》清除參考線
3. 輔助線切圖
視圖--》新建參考線
拉出輔助線,框選出對應圖片
點擊按鈕 “基於參考線的切片” 即可
4. 等份數劃分法
2. 切圖插件
快速切圖
Cutterman 是一款運行在 photoshop中的插件,能夠自動將需要的圖層進行輸出。以替代傳統手動“導出web所用格式”,
以及使用切片工具進行挨個切圖的繁瑣流程。它支持各種各樣的圖片尺寸、格式、形態輸出。方便再pc、android、ios等端上使用。純點擊操作,方便、容易上手。
官網: http://www.cutterman.cn/zh/cutterman
1. 選中圖層導出
2. 框選出區域直接導出