3.2 選區(qū)

• 新選區(qū)

• 是否羽化（提示0像素，某些同學(xué)會出現(xiàn)松開鼠標測量結(jié)果 不準確注意此處設(shè)置）

• 固定大小，固定比例

3.3 放大鏡

• 放大、縮小畫布（默認放大，配合alt縮小）

• ctrl+加號 ctrl+減號 縮放

• alt+鼠標滾輪滾動（ 向前放大，向后縮小）

3.4 抓手工具

• 移動畫布

  任何工具下配合空格鍵（轉(zhuǎn)換為抓手工具）

3.5 文字工具

• 查看文字大小、字體、顏色

• 復(fù)制、粘貼文字

3.6 切片工具

右鍵

編緝切片選

• 修改位置 x，y，修改大小 w，h

劃分切片

• 右鍵劃分切片（水平、垂直）

存儲

• ctrl+alt+shift+s存儲為web所用格式

• 所有用戶切片

• 圖片命名

• images文件夾

4、Cutterman插件

4.1 介紹

Cutterman是一款運行在photoshop中的插件，能夠自動將你需要的圖層進行輸出，以替代傳統(tǒng)的手工 "導(dǎo)出web所用格式" 以及使用切片工具進行挨個切圖的繁瑣流程。

它支持各種各樣的圖片尺寸、格式、形態(tài)輸出，方便你在pc、ios、Android等端上使用。它不需要你記住一堆的語法、規(guī)則，純點擊操作，方便、快捷，易于上手。

4.2 下載

官網(wǎng)：Cutterman - 最好用的切圖工具

4.3 安裝

下載對應(yīng)工具的一鍵安裝程序

解壓下載的安裝包, 里面是一個可執(zhí)行文件, 雙擊打開

點擊安裝即可

4.4 啟用

• 安裝完成后重啟PS, 從菜單欄 -> 窗口 -> 擴展里頭打開

• 注：需要登錄

  安裝完成后重啟PS, 從菜單欄 -> 窗口 -> 【擴展功能】-> 【cutterman】打開。

4.5 設(shè)置輸出路徑

4.6 一鍵切圖

點擊導(dǎo)出選中圖層，可以自動輸出所需的各種圖片。

支持各種圖片格式輸出

多個圖層合并、單獨輸出

固定尺寸輸出

5、圖片格式

在保證視覺效果的情況下，選擇最小的圖片格式與圖片質(zhì)量（通常選擇 70-80 之間），以減少加載時間。

5.1 PSD

Photoshop默認保存的文件格式，可以保留所有有圖層、色版、通道、蒙版、路徑、未柵格化文字以及圖層樣式等。

5.2 JPG

• 色彩豐富 【不支持透明】

• 壓縮比高，生成文件體積小，

• 支持多種壓縮級別可以控制文件大小

• 色彩豐富的圖片（攝影圖像（產(chǎn)品圖，照片，漸變，banner圖））

5.3 GIF

• 支持動畫

• 支持透明（全透明）

• 顏色不夠豐富，只支持256種顏色、文件小

• 適用于：色彩簡單的logo/icon/動圖

5.4 PNG

• 顏色豐富

• 支持alpha透明（全透明和全不透明，半透明）

• 早期的瀏覽器不支持PNG圖像

• 適用于：透明背景圖片【投影，發(fā)外光, 線條復(fù)雜（文字）】

5.5 WebP

谷歌（google）10年推出一種新型圖片格式

• 文件小，支持有損和無損壓縮，支持動畫、透明

• 但并不是所有瀏覽器都支持 webp

• 兼容

總結(jié)

以上是生活随笔為你收集整理的Cutterman插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。