【工具】前端Photoshop

前端photoshop最多見問題：

1. 字體單位換成像素：按下ctrl+k調出首選項，選擇單位與標尺，在裏面把文字單位由點改成像素就好了。不過要注意的是，點是不少軟件裏面文字的默認單位。像素是虛擬單位，若是以它作基本單位在輸出的時候可能會出問題。
2. 切雪碧圖：接着魔棒或者快速選擇icon圖，點擊裁剪，把全部的小icon圖都拖拽到一個新建的透明的圖層中，而後用標尺定位，回車確認裁剪，在文件-儲存爲web所用格式，預設PNG-24，存儲便可。
3. 切海報大圖：隱藏其餘圖層，只選擇可視海報圖所在的組，若是圖上有文字之類的就會是一個組，隱藏組中不須要的內容。將整個組複製到新的文檔，而後合併爲一張圖。接着魔棒或者快速選擇所須要的圖，點擊裁剪，自動獲得最合適的大小，回車確認裁剪，在文件-儲存爲web所用格式，預設PNG-24，存儲便可。
4. 切片切圖：用切片把須要的圖片都裁剪出來，而後去掉背景，剪切，選擇儲存爲web所用格式。
5. 切按鈕圖：按鈕是漸變色沒法用顏色設置的，須要保存1px寬度圖片而後用平鋪來完成的圖，在切圖時裁剪好後選擇圖像-畫布大小-width爲1便可。
6. 切多圖層的圖：要麼合併它們拖拽到新建的透明的圖層中，裁剪，保存。要麼直接用裁剪保存。
7. 獲取背景顏色：選擇吸管工具，右擊保存十六進制代碼。
8. 自動選擇圖層：在移動工具下選擇左上角自動選擇-圖層。ctrl+鼠標左鍵。
9. 僅選擇一圖層：按住alt而後選擇其中一個眼睛。
10. 測量長度：按下F8，能夠看到文字旁邊的信息面板會顯示寬高。
11. 複印屏幕：Print Sc SysRq，在PS中粘貼。
12. 快速切單獨小圖：把小圖選擇出來，複製，而後Ctrl+N新建，會新建出和圖片同樣大小的新圖，而後粘貼，便可獲得以前選擇的小圖。
13. 放大鏡：快捷鍵ctrl++，縮小ctrl+-。雙擊放大鏡歡迎100%。

Photoshop cc版本能用到的切圖方法：

Photoshop精準切圖

打開文件-腳本-圖片保存到文件，而後選擇格式，切圖等待。。這個方法有毒，有生之年，等不到圖片。

photoshop擴展知識

psd圖片的自動切圖方式，能夠把陰影等都切進來，有須要進行學習。

切圖技巧步驟1：編輯- 首選項 - 增效工具 - 使用生成器

切圖技巧步驟2：文件-生成 - 圖片資源【直接經過向圖層或文件夾添加或刪除後綴名 .png / .jpg / .svg ，自動導出或刪除圖片。注意：文件名還能夠命名爲200%文件名（x%文件名是原大小百分之x大小），jpg八、.png八、.png24....（原質量的百分之x）】

.svg格式是一種矢量圖的格式，圖片變成代碼。

抽出資源：文件-抽出資源

 

複製css：選擇-圖層-複製成css樣式（非智能對象），可用於本身製做的圖片或文字

1.編輯——首選項ctrl+k——勾選啓動生成器

2.文件——生成——勾選圖像資源【文件夾.assets】

3.文件命名--200%文件名space@/文件名8（尺寸/大小）

4.圖層--複製CSS sublime text2【這個技能不錯】

5.圖層管理