使用Photoshop輔助線製作ps切片教程

huo_bao發表於2015-10-12
原文網址 : https://blog.csdn.net/huo_bao/article/details/49069733

對於很多產品詳情頁或是網頁中太大的圖片載入太慢，分享一下使用Photoshop輔助線製作ps切片教程。

工具/原料

  • Photoshop
  • 切片圖片

方法/步驟

  1. 開啟要切片的圖片 選擇移動工具 從上方、左側標尺拉出輔助線 如圖（標尺快捷鍵ctrl+R）

    使用Photoshop輔助線製作ps切片教程

  2. 選擇工具欄上的切片工具 ，然後點選上方【基於參考線的切片】 切片生成

    使用Photoshop輔助線製作ps切片教程

  3. 選擇【切片選擇工具】 如圖

    使用Photoshop輔助線製作ps切片教程

  4. 選擇後，按住鍵盤上的shift鍵盤，然後依次選擇切片1,2.3 放開shift鍵

    使用Photoshop輔助線製作ps切片教程

  5. 滑鼠放在背選中的任意切片上右點，選擇-組合切片命令 如圖 藍框就是剛剛組合的切片 

    使用Photoshop輔助線製作ps切片教程
    使用Photoshop輔助線製作ps切片教程

  6. 然後點選 【檔案】選擇【儲存為web和裝置所用格式】

    使用Photoshop輔助線製作ps切片教程

  7. 彈出【儲存為web和裝置所用格式】對話方塊 選擇圖片格式 以及品質 詳情頁用的話 建議使用jpeg 格式 品質80

    使用Photoshop輔助線製作ps切片教程

  8. 點選【儲存】 命名檔名 點選【儲存】 這裡我儲存到桌面

    使用Photoshop輔助線製作ps切片教程

  9. 系統會自動將切片生成images資料夾中 開啟資料夾就可以看到我們剛才儲存的切片了

    使用Photoshop輔助線製作ps切片教程
    使用Photoshop輔助線製作ps切片教程

相關文章