TOOLS_PHOTOSHOP_實(shí)用操作
奧運(yùn)五環(huán)繪制涉及到的快捷鍵
- cmd + 鼠標(biāo)左鍵 在圖層列表或圖片上選擇圖層
- 選區(qū)模式中: alt/opt 刪除選區(qū) shift 增加選區(qū)
- cmd/ctrl + t 自由變幻, 相對(duì)的還有一個(gè)變幻選區(qū), 與自由變幻有些區(qū)別, 看慕課網(wǎng)視頻
- alt + delete 填充前景色 ctrl/cmd+delete 填充背景色 delete 刪除背景色
輔助線
- 顯示/隱藏輔助線 快捷鍵 cmd/ctrl + ;
- 建立輔助線方式:
- 視圖->標(biāo)尺(打鉤)->鎖定參考線/清除參考線/新建參考線
- 標(biāo)尺拉出來, alt或opt鍵變幻方向
- 清除輔助線方式: 將參考線拉回標(biāo)尺清除
傳統(tǒng)切圖
-
可以直接切的非背景圖
- 裁剪工具->切片工具->選擇切片將psd圖分為幾部分,
- 在分離開的切片中對(duì)要切的圖片拖周圍的輔助線, 全部輔助線做完后點(diǎn)擊上方"基于輔助線的切片"
- 上述1,2步驟結(jié)合使用, 在文件中選擇保存切片
-
不能直接切的背景圖
- 移動(dòng)工具->cmd/ctrl+左鍵選中圖層,在圖層列表中找到要切的背景圖,右鍵保存為png格式
-
導(dǎo)出切片
image.png
快捷鍵ctrl/cmd+alt/opt+shift+s
精準(zhǔn)切圖
image.png
image.png
在圖層列表中改變文件名的同時(shí)自動(dòng)切圖
- 自動(dòng)切圖的設(shè)置
image.png
image.png
image.png
image.png
會(huì)生成一個(gè)與當(dāng)前psd同目錄的圖片文件夾, 將自動(dòng)生成圖片文件
image.png
image.png
- retina 清晰縮放型圖片切法
image.png
若要?jiǎng)h除自動(dòng)生成圖片,將名字后面的文件后綴名刪掉,資源文件夾中的文件會(huì)自動(dòng)刪除
SVG與Webp矢量圖圖片格式導(dǎo)出技巧
image.png
這是一個(gè)svg代碼生成的圖片
自動(dòng)生成css的方法
image.png
