搜尋

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 繪圖的提示技巧 AI 繪圖軟體比較 ( 2023 ) AI 繪圖軟體推薦 ( 2024 )

ChatGPT

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

Poe ( Poe AI )

開始使用 Poe 聊天機器人 生成圖片機器人 建立自己的機器人 Youtube 影片重點整理 PDF 重點整理 GPT-4o-mini 分析圖片 讀取網頁進行重點整理 讓 AI 美化提示詞

Ideogram

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

dzine

開始使用 dzine 提示詞產生圖片 圖片產生圖片 運用圖層功能 運用文字和畫筆 ( 範例 ) 室內設計透視圖實體化 ( 範例 ) 名畫轉真人照片 ( 範例 ) 真人照片轉卡通 ( 範例 ) 真人卡通貼圖

Image Creator

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

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 特色模型 訓練自己的模型 ( 範例 ) 填補缺少的披薩 ( 範例 ) 組合兩片披薩 ( 範例 ) 虛擬陳雷 ( 範例 ) 修改人物年齡 ( 範例 ) 換臉特效 ( 範例 ) 隱藏的人臉或文字 ( 範例 ) 全部填滿皮卡丘 ( 範例 ) 名畫轉真人照片

Recraft

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

Midjourney

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

Vidnoz AI

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

Canva AI 魔法功能

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

Clipdrop

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

Playground AI

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

Replicate 模型

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

AI 繪圖效果&範例

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

AI 繪圖風格大全

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