搜尋

AI 圖片編輯器 ( Canvas Editor )

Leonardo.Ai 除了可以透過文字或圖片產新影像,也提供了「AI 畫布編輯器 ( Canvas Editor )」的好用工具,Canvas Editor 除了內建透過提示產生圖片的功能,最強大的地方在於可以透過 AI 編修圖片,替原本的圖片擴展範圍或填補內容,這篇教學會介紹如何使用 AI 畫布 ( Canvas Editor )。

因為 Leonardo.Ai 更新速度很快,有些畫面可能會有些許差異,但操作用法仍然相同

快速導覽:

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor )

Canvas Editor 工具介面

登入 Leonardo.Ai 之後,點擊左側「Canvas Editor」,就會開啟 Canvas Editor 工具。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 點擊左側「Canvas Editor」

Canvas Editor 工具的介面主要分成六個部分:

  • 1、編輯工具:移動、選取、遮罩、橡皮擦、畫筆、文字、載入圖片、清空、下載。
  • 2、編輯工具設定:根據不同的編輯工具,出現不同的設定 ( 例如畫筆粗細 )。
  • 3、畫面縮放:縮放編輯畫面。
  • 4、產生圖片設定:產生圖片的相關設定,幾乎等於是「圖片產生器」的設定。
  • 5、畫布區域:編輯與最終產生圖片的區域。
  • 6、提示詞輸入欄位:輸入提示詞語產生圖片的按鈕。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - Canvas Editor 工具的介面

Canvas Editor:畫布區域

「畫布區域」是由一個紫色的矩形構成,矩形的左上角有一個鎖頭的圖示,點擊可以開啟或關閉鎖頭,開啟時可以移動畫布,關閉後不能移動畫布。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 開啟或關閉鎖頭

畫布的長寬無法透過滑鼠拖拉改變,需要使用右側圖形產生器的 Image Dimensions 功能進行調整。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - Image Dimensions

Canvas Editor:移動工具

「移動工具」可以移動「整個瀏覽畫面」,不論上面有畫布區域、圖片、筆刷、遮罩...等都會一起移動。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 移動工具

Canvas Editor:選取工具

「移動工具」可以「單獨」移動「某個元件」,例如畫布區域、圖片、筆刷、遮罩...等都可以單獨移動。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 選取工具

如果勾選上方的 snap,移動時就會鎖定移動並自動對齊指定區間,例如設定 24px,移動後都會將元件放置在 24 倍數的位置,同時畫面上也會有灰色小點提示。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 勾選上方的 snap

Canvas Editor:遮罩工具

「遮罩工具」可以繪製要產生影像的區域

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 遮罩工具

遮罩工具可以從上方設定遮罩筆刷的大小,使用遮罩時,畫面上會用洋紅色的斜線標示遮罩區域。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 洋紅色的斜線標示遮罩區域

使用選取工具可以選取遮罩,選取後可以移動、縮放和刪除 ( 按下鍵盤的 del ) 遮罩。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 移動、縮放和刪除 ( 按下鍵盤的 del ) 遮罩

遮罩表示要產生影像的區域,當模式使用 Inpaint 模式時,就會將文字提示的內容產生在遮罩中。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 遮罩表示要產生影像的區域

Canvas Editor:橡皮擦工具

「橡皮擦工具」可以擦除圖片的某些區域

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 橡皮擦工具

橡皮擦工具可以從上方設定橡皮擦的大小,以及要擦除哪個種類的元件,使用橡皮擦時,擦除的區域會顯示下方的內容 ( 下圖的下方是黑色,所以顯示黑色 )。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 擦除的區域會顯示下方的內容

Canvas Editor:畫筆工具

「畫筆工具」可以在圖片上繪圖,類似小畫家的功能。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 畫筆工具

畫筆工具可以從上方設定畫筆的顏色和大小,也有滴管工具可以吸取畫面上的顏色。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 設定畫筆的顏色和大小

Canvas Editor:文字工具

「文字工具」可以在圖片中加入文字

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) -文字工具

文字工具可以從上方設定文字的顏色和大小,使用滑鼠可以改變位置和大小 ( 注意如果使用中文,按下 enter 有可能會觸發算圖 )。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 設定文字的顏色和大小

Canvas Editor:上傳圖片

「上傳圖片」可以上傳電腦的圖片、載入自己產生的圖片、載入社群公開圖片

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 上傳圖片

例如點擊了 From Community,就會開啟目前 Leonardo.Ai 社群裡的公開圖片,挑選合適的圖片就能載入。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 挑選合適的圖片就能載入

Canvas Editor:清空

「清空」可以清空畫布內容

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 清空

Canvas Editor:下載圖片

「下載圖片」可以將畫布區域下載為圖片

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 下載圖片

Canvas Editor 產圖模式

點擊右側的 Canvas Mode 就能切換模式。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - Canvas Mode 切換模式

Canvas Editor 提供四種產生圖片的模式,最常使用的是「Outpaint/Inpaint」模式,四種模式分別是:

  • Text2Img:使用文字提示在畫布裡產生影像,幾乎等同外部的圖形產生器。
  • Outpaint/Inpaint:根據提示詞擴展影像內容或填補影像內容。
  • Img2Img:使用圖片產生影像。
  • Sketch2Img:使用畫筆產生影像。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - Canvas Mode 四種模式

使用 Outpaint 擴展畫面

當 Canvas Editor 產圖模式設定為「Outpaint」,就可以根據原本圖形的內容,延伸出新的內容

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - Outpaint

使用 Outpaint 會根據原圖去擴展畫面,文字提示所能影響的比重較小,以下圖為例,將喝咖啡阿伯的梗圖擴展後,就可以增加周圍的景物。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - Outpaint

使用 Inpaint 產生內容

當 Canvas Editor 產圖模式設定為「Inpaint」,就可以根據文字提示,填補原本圖形所缺少內容

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - Inpaint

下圖的例子使用「遮罩工具」,繪製出要取代的區域,接著使用「a bottle of coke」的提示詞。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 使用「遮罩工具」,繪製出要取代的區域

使用 Inpaint 產生圖片後,就可以將咖啡杯換成可口可樂的瓶子。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 使用 Inpaint 產生圖片

產生圖片

當影像產生後,如果有設定產生的「張數」,則可以透過左右箭頭預覽不同的生成影像,最後挑選最合適的,點擊 Accept 確認產生完成。

Leonardo.Ai 教學 - 使用 AI 畫布 ( Canvas Editor ) - 使用 Inpaint 產生圖片

小結

AI 畫布 ( Canvas Editor ) 是 Leonardo.Ai 非常強大的工具,只要運用得當,就可以輕鬆地修復、填補、生成影像中的影像,當成簡單版的 PhotoShop 使用,是相當方便強大的功能呦。

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

生成式 AI 教學

基本介紹

關於生成式 AI 關於 AI 繪圖 AI 繪圖軟體比較 ( 2023 ) AI 繪圖軟體推薦 ( 2024 )

ChatGPT

ChatGPT 教學導讀 認識 ChatGPT 開始使用 ChatGPT 優良的提示技巧 基本提示 實用組合提示 角色扮演&對話主題 閱讀並模仿風格 對話中顯示圖片 創作長篇故事與小說 使用 Bing Chat 相關工具或服務

Poe ( Poe AI )

開始使用 Poe 聊天機器人 生成圖片機器人 建立自己的機器人 Youtube 影片重點整理 PDF 重點整理

Midjourney

Midjourney 教學導讀 認識 Midjourney 使用 Midjourney 使用 niji.journey 設定指令 功能參數 使用文字提示產生圖片 使用圖片產生圖片 優良的提示技巧 多重提示的權重與順序 style tuner 樣式調校 remix 放大、修改與重繪 blend 混合多張圖片 刪除圖片&傳送資訊 ( 範例 ) 修改人物年齡 ( 範例 ) 阿爾欽博托風格 ( 範例 ) 照片轉卡通人物 ( 範例 ) 變胖、變瘦

Leonardo.Ai

Leonardo.Ai 教學導讀 Leonardo.Ai vs Midjourney 認識 Leonardo.Ai 註冊與登入 Leonardo.Ai 使用圖片產生器 文字提示語法和準則 Elements 風格元素 使用圖片產生圖片 AI 圖片編輯器 ( Canvas Editor ) 即時 AI 畫布 ( Realtime Canvas ) 即時圖片產生器 ( Realtime Gen ) 圖片升級器 ( Universal Upscaler ) 產生圖片的後續步驟 Prompt Magic 魔法提示 PhotoReal&Alchemy 特色模型 訓練自己的模型 ( 範例 ) 填補缺少的披薩 ( 範例 ) 組合兩片披薩 ( 範例 ) 虛擬陳雷 ( 範例 ) 修改人物年齡 ( 範例 ) 換臉特效 ( 範例 ) 隱藏的人臉或文字 ( 範例 ) 全部填滿皮卡丘 ( 範例 ) 名畫轉真人照片

Image Creator

開始使用 Image Creator 提示原則與技巧 搭配 Bing Copilot 產生圖片 ( 範例 ) 產生分享文章縮圖 ( 範例 ) 漫畫書風格

Recraft

開始使用 Recraft 點陣圖 Raster image 向量圖 Vector image 圖示 Icon 與 Logo 系列影像 Image Set 畫框 Frame、文字 Text 放大 Upscale、改色 Recolor 圖片去背、替換圖片背景 添加、修改、移除景物 圖片產生圖片 點陣圖轉向量圖 自定義圖片風格 ( 範例 ) 名畫轉真人照片 ( 範例 ) 照片轉卡通插畫 ( 範例 ) 自製表情貼圖 ( 範例 ) 多格漫畫風格 ( 範例 ) 圖片中加入文字

Playground AI

開始使用 Playground AI Board 文字產生圖片 Canvas 繪製與修改圖片 Remix 與 Edit 圖片 延展和放大增強圖片 圖片去背、移除物件 搭配 Poe AI 產生圖片

Ideogram

開始使用 Ideogram 文字產生圖片 圖片 Retry 與 Remix

Clipdrop

開始使用 Clipdrop 修改圖片選取區域 延展圖片並生成內容 人物換臉 圖片去背 移除特定物件 放大與增強影像 影像打光 替換天空

Vidnoz AI

開始使用 Vidnoz AI ( 影片 ) 照片講話 ( 圖片 ) 人物換臉 ( 圖片 ) 圖片去背

Canva AI 魔法功能

魔法媒體工具 ( 新視窗 ) 魔法工作室 ( 新視窗 ) 魔法變形工具 ( 新視窗 ) 魔法文案工具 ( 新視窗 )

Replicate 模型

認識 Replicate ( 修圖 ) 黑白照片上色 ( 修圖 ) 修復老照片 ( 修圖 ) 增強與放大照片 ( 修圖 ) 更換髮型和表情 ( 繪圖 ) 似顏繪貼圖 ( 繪圖 ) 真人照片轉公仔 ( 繪圖 ) 隱藏的圖案或文字 ( 提示 ) 圖片轉提示詞 ( 提示 ) 改善提示詞

AI 繪圖效果&範例

著色本效果 2D 卡通人物 物品開箱照 像素藝術 百科全書風格 卡通貼紙

AI 繪圖風格大全

風格大全 ( 總覽 ) 風格大全 ( 攝影、照片 ) 風格大全 ( 畫面角度效果 ) 風格大全 ( 媒材、材質 ) 風格大全 ( 卡通、漫畫 ) 風格大全 ( 藝術流派風格 ) 風格大全 ( 藝術家、畫家 ) 風格大全 ( 插畫風格 1 ) 風格大全 ( 插畫風格 2 ) 風格大全 ( 特色風格 )