使用說明 使用說明
Workspace

圖像編輯器

用圖層編輯圖片:工具、圖片與文字圖層、繪圖、智慧填補、設計與版本歷史、存成素材,以及快捷鍵。

本頁內容 8

圖像編輯器把圖片、文字和繪圖疊成一個一個的圖層,放在同一張畫布上編輯。

打開編輯器

打開圖像編輯器的方法:

  • 按側邊欄的「圖像編輯器」分頁。
  • 在一張做好的圖片或一個圖片素材上按「編輯圖片」。編輯器會打開一個新的設計,名字是「Design」加上日期和時間,畫布的大小和這張圖片一樣,這張圖片是它唯一的圖層。你原本打開的設計不會改變。

你回到編輯器時,它會打開你在這個瀏覽器上最後編輯的那一個設計;換一個瀏覽器或裝置時,就不會。

編輯器沒有儲存按鈕:它會自己存,而且每存一次,版本歷史就多一筆。網站上有人登入、登出,或管理員開始、結束模擬時,這個瀏覽器還沒存到網站的編輯會被清掉。

工具

左邊是工具列。每一個工具都是一個圖示,游標指著時才會顯示它的名字:「選擇」、「畫布」、「新增圖片」、「新增文字」、「繪圖模式」、「智能設計」與「設計檔案」。在手機上,工具列會移到畫面的下方。

右上角的圖層按鈕,會顯示現在有幾個圖層。按它會打開「圖層」,每一個圖層都有鎖定與刪除的小圖示。還沒有圖層時,這個按鈕不能按。

「畫布」可以設定畫布的寬度、高度、裁切比例與縮放。

圖層

圖片圖層:「新增圖片」會打開「選擇圖片」,選一張你的圖片素材,或按「上傳新圖片」。「上傳新圖片」收 JPG、PNG、WEBP、SVG 與 HEIC 的圖片,以及 PDF 檔與 AI 檔(Adobe Illustrator 的檔案);選了別的檔案,會跳出「上傳失敗:選擇的檔案不是有效的圖片,請選擇 JPG、PNG、SVG、PDF 或 AI 檔案。」。上傳的這段時間會顯示「圖片上傳中...」,加好之後顯示「圖片上傳成功」。

  • HEIC 的照片(例如 iPhone 拍的照片)會先轉成 JPEG,再上傳;轉不成功時,會跳出「上傳圖片失敗,請重試。」。
  • PDF 或 AI 檔會由網站轉成 SVG,存成素材之後,加進畫布的是這個 SVG。網站拒絕時,會跳出網站說明原因的話,轉檔不成功時的話請看素材分頁;沒有說明原因的失敗,會跳出「上傳圖片失敗,請重試。」。
  • 沒有自己尺寸的圖片(例如只寫了 viewBox 的 SVG),會用畫布的大小加進畫布。

按一下圖片圖層,會出現它的工具:「圖片大小」(裡面可以勾「等比例修改」)、「裁切」、「邊框」與「智慧填補」。它們都是圖示,游標指著時才會顯示名字。

文字圖層:「新增文字」會加一個寫著「點擊編輯文字」的圖層,加好就可以直接打字。已經在畫布上的文字圖層,按一下會選到它,再按一下就可以打字。文字的工具列可以設定字型、大小、顏色、粗體、斜體、底線與對齊。

繪圖:「繪圖模式」會畫在一個空白的繪圖圖層上,需要時會自己建立一個。已經畫過線的繪圖圖層,不能再回去畫。可以用橡皮擦、換筆刷顏色,以及調整筆刷的大小。橡皮擦是一個圖示,筆刷顏色是一個填著筆刷顏色的小方形按鈕,游標指著時才會顯示「橡皮擦」和「筆刷顏色」。

圖層會自動對齊畫布的邊,也會對齊其他圖層。拖曳時按住 Ctrl(Mac 是 Cmd),就不會自動對齊。

智慧填補

「智慧填補」只用在圖片圖層上,用來把圖片裡的一樣東西拿掉。

  1. 選一個圖片圖層,按它的「智慧填補」,會打開「智慧填補」視窗。
  2. 用筆刷塗在要拿掉的地方。可以換成橡皮擦、調「大小」,也可以按「復原」或「清除」。筆刷與橡皮擦是圖示,游標指著時才會顯示名字。
  3. 塗好之後,按右上角打勾的圖示(游標指著時顯示「確定」)。
  • 還沒塗就按,會顯示「請先塗抹要移除的地方」。
  • 填補的時候會顯示「正在填補,請稍候…」。這可能要等一段時間。
  • 填補好了、但沒能存成素材時,會顯示「圖片修好了,但沒能存起來,請再試一次」。其他的失敗,視窗也會顯示原因;塗好的地方還在,你可以再按一次。

填好的圖片會換掉這個圖層原本的圖片,圖層的大小、位置與邊框不變。每一次填好的結果,也會存成一個永久保存的素材。

智慧填補用的是網站自己的金鑰,不用選金鑰,每填補一次會消耗你的點數,請看用網站的金鑰、消耗點數的部分。點數不夠填補一次時,這一次不會填補,視窗會顯示原因。它也有自己的使用上限。

設計

一個設計,就是編輯器裡的一份圖層檔案。「設計檔案」會打開一個面板,裡面有「設計」與「版本歷史」分頁。

在「設計」分頁:

  • 「建立新的設計」會請你填「名稱」(一定要填)與「說明」,再按「建立設計」。
  • 下面是設計的清單,按一個設計就會打開它。沒有設計時,會寫「尚無設計」。
  • 游標指著清單裡的一個設計,會出現「分享」與「刪除設計」的圖示按鈕,游標指著按鈕時才會顯示名字。「刪除設計」會先問你:「確定要刪除設計「…」嗎?」與「此操作無法復原。」,「…」是設計的名稱。

新的設計一開始是「私人」。「分享」會打開分享的框,請看分享與公開。

誰可以做什麼:

  • 可以編輯一個設計的人,都可以修改它。
  • 只有它的擁有者可以刪除它,或改它分享給誰;其他人打開分享的框時,選項是關著的。擁有者是誰,請看誰看得到。
  • 每個人都看得到「刪除設計」。不是擁有者的人按了之後,框會關起來,但設計還在。

版本歷史

「版本歷史」分頁的上方有「撤銷」與「重做」,下面是存過的版本,依時間排列。

  • 正在用的那一個版本寫著「目前」。游標指著其他的版本時,會出現「返回此版本」。
  • 回到舊的版本,不會刪掉任何版本。
  • 沒有版本時,會寫「尚無版本歷史」。

編輯器每存一次,就多一個版本,所以這份清單會隨著你的編輯一直變長。

存成素材

在「設計」分頁的上方,有「永久保存」與「下載」的圖示按鈕,游標指著時才會顯示名字。

  • 「永久保存」:把所有的圖層合成一張圖片,存成一個永久保存的素材,它的提示詞是「圖像編輯器作品」。存的時候,它的名字會變成「保存中...」,存好之後會暫時變成「已保存」。沒有圖層時,會跳出「請先新增圖層」。
  • 「下載」:打開「下載選項」,把畫布上的圖片下載下來。

工具列上的「智能設計」,也會用同樣的方法把圖層合成一張圖片,存成一個永久保存的素材,再打開「圖像工作台」,把這張圖片放進一張卡片當參考圖片。它也要至少有一個圖層。

用「新增圖片」時按「上傳新圖片」上傳的圖片,也會存成一個永久保存的素材;PDF 與 AI 檔存的是轉好的 SVG。

自動刪除不會刪掉永久保存的素材,所以用不到的,請自己刪掉,請看暫存與自動刪除。

快捷鍵

  • Ctrl+Z(Mac 是 Cmd+Z):撤銷。
  • Ctrl+Shift+Z(Mac 是 Cmd+Shift+Z):重做。不是 Mac 的電腦(例如 Windows)上,Ctrl+Y 也可以重做。
  • Delete 或 Backspace:馬上刪掉選好的圖層。圖層鎖定了,或你正在文字圖層裡打字時,不會刪。**請小心:**選好一個圖片圖層時,在它工具列上的數字框裡按 Delete 或 Backspace(例如「圖片大小」的寬度和高度,或「邊框」的數字),也會刪掉整個圖層。刪錯了,請按 Ctrl+Z(Mac 是 Cmd+Z)拿回來。