<h2 id="ps-">PSD文件和非PSD文件的區別</h2>
psd文件為帶有圖層的文件,非PSD(jpg,png,gif)文件為沒有圖層的文件
<h2 id="ps-">PS圖層的設置</h2>
對于前端來講我們對于面板的設置一般為排版規則的選項
<ul>
<li>打開信息面板，修改單位
<h2 id="-">打開文件</h2>
文件=>打開
<h2 id="-">標尺、輔助線工具</h2>
</li>
<li>標尺設置 視圖 => 標尺</li>
<li>清除 輔助線 視圖 => 清除參考線</li>
</ul>
<h2 id="-">矩形選框工具 拾取顏色 縮放工具</h2>
在 最左側的工具欄里選取 快捷鍵依次是 M I Z
<h2 id="-">抓手工具</h2>
<h2 id="-">移動工具（自動選擇）</h2>
快捷鍵是V 當在圖片上點擊每一塊區域時就能選中和移動這個圖層。
<blockquote>注意：我們開發中會勾選自動選擇
<h2 id="-">切圖及切圖時圖層注意事項</h2>
<ol>
<li>V 選擇你要的圖層</li>
<li>M 選取你要選取的范圍</li>
<li>ctrl+c 復制</li>
<li>ctrl+n 新建一個文件</li>
<li>ctl+v 粘貼在這個文件上</li>
<li>文件 儲存為WEB所用格式 格式一般為 png jpg gif ，當你的背景為透明一定要選png24,存儲，選擇存儲目錄，確定（推薦） （第二種方法 選擇目錄 格式一般為 png jpg gif 確定 ）</li>
</ol>
<h2>以下是參考實例</h2>
1、打開文件
把圖片拖拽到ps里 或者 文件--打開--找到這個文件--打開
2、修改單位
ctrl+k---單位與標尺---標尺 改為像素
3、放大鏡 z 鼠標左鍵拖拽圖片
4、移動工具v
放大 ctrl+"+"
縮小 ctrl+"-"
5、顯示/隱藏 標尺 ctrl+r
6、顯示/隱藏 輔助線 ctrl+;
7、矩形選框工具 M 測量大小
8、小手狀態，拖拽圖片： 按住空格+鼠標左鍵 拖拽
快捷鍵 H
9、還原圖片大小 ctrl+1
10、圖片適應窗口的大小 ctrl+0
11、吸管工具 i
切圖：
1、切片工具 c
或者：左邊工具欄 第五個選中點擊右鍵 選中第三個 切片工具
2、保存切片
ctrl+alt+shift+s
3、選中所有的切片 預設：JPEG高 ----存儲---文件名：img 選擇：所有用戶切片---保存
<h3>雪碧圖精靈圖制作</h3>
1 css精靈 雪碧圖：
把多張圖片放在一張圖片中加載
好處：減少http的請求次數
2、制作雪碧圖
新建一個psd ctrl+N 寬度200px 高度 100px 背景內容：透明
在原圖上M 選擇圖標部分 ctrl+c
在新建的圖像中ctrl+v
移動工具 ： 勾選自動選擇 選擇圖層
M鍵小圖標--》選擇--》色彩范圍 出現吸管工具 吸取白色的部分，---》按Delete鍵
ctrl+d 取消選區
v鍵 可以移動
