PS基本操做與圖片格式
photoshop工具web
組成 app
菜單項工具
工具欄優化
輔助面板spa
圖片格式插件
jpg圖片
png資源
gifclass
注: psd下載
photoshop CC連接: https://pan.baidu.com/s/1LVa5R_btSjczLBwskCZidQ 提取碼:sc3v
快捷鍵:
ctrl + r 顯示隱藏標尺
在標尺上能夠拖拽參考線
移動工具拖拽回去,也能夠在視圖菜單--》清除全部參考線
圖層中的小眼睛能夠對當前圖層進行顯示隱藏
alt + 滾輪 :能夠對圖片進行放大縮小
photoshop切圖
png等圖片切圖流程
矩形選框選取區域
ctrl + c
ctrl + n
ctrl + v
選中一個區域(區域一),alt+區域(區域二),區域三(區域一與區域二重疊的部分),所得區域=區域一減去區域三
選中一個區域(區域一),shift+區域(區域二),所得區域=區域一併區域二的並集
查看寬度和高度在 信息面板 上就得知了 ----》 信息面板選項 ----》 改單位爲px ----》拉取輔助線
選擇好區域後,複製,建立,粘貼
文件--》導出-->存儲爲web所用格式(舊版)... ----可設置類型-->存儲---》將優化結果存儲爲-->文件名
利用切片工具也能夠切圖
1. 選擇切片工具--》劃一個框--》經過鼠標進行微調(右鍵「編輯切片選項」)
2. 在做多個切片
3. 存儲爲web全部格式(會自動生成 images文件夾)
psd源文件切圖
1. 將psd源文件導入到photoshop中
2. 點擊菜單 "編輯" --> "首選項" --> "加強工具" --> 啓用生成器 打勾
3. "文件" --> "生成" --> "圖像資源"(生成一個與psd文件名相同的-assets文件夾)
4. 移動工具(自動選擇),點擊所須要的切圖的圖片,在相應的圖層中改文件名(百分比 文件名)
5. 圖片就能夠自動保存到與pad文件名相同的-assets文件夾下
企業切圖流程
利用工具快速獲取樣式
藍湖: https://lanhuapp.com
1. 進入藍湖頁面,註冊,建立一個團隊,新建一個項目
2. 安裝photoshop的插件藍湖
3. 在photoshop中打開藍湖,上傳項目
4. 在藍湖頁面上刷新頁面,就能夠看到上傳的項目了,雙擊。
5. 在photoshop藍湖窗口中,切圖-->點擊-->標記爲切圖-->上傳
6. 在藍湖頁面中刷新,找到版本2,下載切圖