[Web]1.使用photoshop切UI圖

  • 107
  • 0
  • Web
  • 2022-03-12

文、意如

準備一張已經設計好的網站設計圖,以下圖為網路上隨意抓的圖做為範例

使用photoshop使用切片工具,切出我們需要的四個板塊

切片>切片工具>切出第一塊Header(左上拉到右下)

重複以上動作將以下四塊都切出來

檔案>轉存>儲存為網頁用

 

儲存後的資料夾,已經成功切成一塊塊的圖片了

 

YiruAtStudio - 關於我 - 意如