PS工具

　我以爲作前端開發不只要會寫代碼，還要具備必定的PS技能，如測量、取色、切圖、保存等等。由於咱們在寫代碼的時候，須要對文字、圖片、背景、小圖標等進行設置。咱們不可能時刻都去找UI，讓UI幫咱們處理。下面是一些關於PS使用的一些技巧和心得（畢竟不是專業美工或UI，因此只是簡單介紹下）。

　　咱們能夠經過切圖給網頁提供圖片素材。

　　例如：　　　

　　html：img標籤能夠引入圖片
　　<img src="images/avatar.jpg" alt="頭像">

　　CSS：background
　　.icon{
　　　　background-image:url(../images/sprite.png);
　　　　background-position:0 0;
　　}　　

　　通常狀況下，代碼中使用的大小都是像素，使用PS工具時，須要把文字和圖像設置爲像素。如：

　　點擊菜單項：編輯>首選項>單位與標尺：文字和圖像都選擇爲像素

 

在「窗口」菜單下經常使用模塊：
　　工具
　　選項
　　信息F8
　　圖層F7
　　歷史記錄面板

切圖經常使用工具：
　　移動工具
　　矩形選框工具
　　魔棒工具
　　裁剪工具+切片工具
　　縮放工具
　　　　放大：ctrl+加號、alt+鼠標正方向滾動
　　　　縮小：ctrl+減號、alt+鼠標反方向滾動
　　取色器

PS使用心得：
　　選項區中的「自動選擇」通常爲勾選狀態，且經常選擇爲「圖層」
　　撤銷：ctrl+z 
　　連續撤銷：ctrl+alt+z
　　能夠經過歷史記錄面板中直接回退
　　魔棒工具中設置容差：容差越小選擇的顏色越少，容差越大選擇的顏色越多
　　魔棒工具中設置鋸齒：鋸齒越小越平滑
　　魔棒工具中設置連續：選擇的區域是不是連續的
　　裁剪和切片工具是同一組工具
　　畫布變成100%：ctrl+1
　　取色器：吸收顏色