程序員應具有的PS基本技能（三）：程序員使用PSD源文件切圖

若該文爲原創文章，未經容許不得轉載
原博主博客地址：https://blog.csdn.net/qq21497936
原博主博客導航：http://www.javashuo.com/article/p-wxwjppoc-mo.html
本文章博客地址：https://blog.csdn.net/qq21497936/article/details/107225730
各位讀者，知識無窮而人力有窮，要麼改需求，要麼找專業人士，要麼本身研究
紅胖子(紅模仿)的博文大全：開發技術集合（包含Qt實用技術、樹莓派、三維、OpenCV、OpenGL、ffmpeg、OSG、單片機、軟硬結合等等）持續更新中...（點擊傳送門）

上一篇：《程序員應具有的PS基本技能（二）：程序員切圖最常使用的工具組-選擇工具組》
下一篇：敬請期待...

前言

  經過前面的篇章，具有了對PS基本操做的認知，做爲程序員咱們知道前面這幾個就好了，而後本篇章來進行實戰。

原圖

  原圖咱們就使用以下圖：
  

示例1：獲取設計圖像的大小並調整

步驟一：選擇菜單欄的中「圖像」，點擊圖像大小

  

步驟二：查看圖像信息

  

步驟三：開始調整，選擇寬度高度的單位（像素）

  

步驟四：改成目標大小，如1920x1080

  

步驟五：確認後，檢查圖像信息

  
  

示例2：獲取圖標的位置和大小

步驟一：查看到圖標的距離信息

  選中圖層，按crtl+鼠標，能夠查看到圖標的距離信息，以下圖：
  

步驟二：更改單位

  使用ctrl+r，出現「參考線」，以下圖：
  
  鼠標右鍵，選擇「像素」，以下圖：
  

步驟三：查看像素

  選中圖層，ctrl+鼠標，便可查看，以下圖：
  

步驟四：查看圖層自己的像素信息

  打開「屬性」窗口。

  ![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200713174825312.png)

  選擇「圖層」便可查看：
  

示例3：切圖標的切圖

  

步驟一：選中該圖層

  通常對於選中就會有選中標識，PS中沒有，以下圖：
  
  能夠長按alt+鼠標點擊任意其餘圖層，能夠反饋出到底選擇了哪個圖層圖片，以下圖：
  

步驟二：確認圖層

  查看右下角圖層，確認是須要切圖的圖層，以下圖：
  

步驟三：鼠標右鍵選擇「快速導出爲PNG」

  

步驟四：導出

  

步驟五：確認導出成功

  查看處處文件夾，以下圖：
  
  （其餘圖標相似）

示例4：切圖標爲固定大小

  

步驟一：選中該圖層

  通常對於選中就會有選中標識，PS中沒有，以下圖：
  
  能夠長按alt+鼠標點擊任意其餘圖層，能夠反饋出到底選擇了哪個圖層圖片，以下圖：
  

步驟二：確認圖層

  查看右下角圖層，確認是須要切圖的圖層，以下圖：
  

步驟三：鼠標右鍵選擇「導出爲...」

  

步驟四：導出參數調整

  
  

步驟五：導出

  

步驟六：確認導出

  查看處處文件夾，以下圖：
  

上一篇：《程序員應具有的PS基本技能（二）：程序員切圖最常使用的工具組-選擇工具組》下一篇：敬請期待...