搜尋

Canvas 繪製與修改圖片

Playground AI 除了 Board 可以單純輸入文字產生圖片,也可以切換成 Canvas 模式,透過畫布的畫筆、橡皮擦或調整功能,針對影像進行編修、產生新的影像、延伸影像或移除影像裡的某些部分,這篇教學會介紹 Canvas 的操作介面以及相關用法。

Playground 已大幅度改版,本篇教學介紹方式已不適用 ( 只能記錄回味 ),特此告知。

快速導覽:

Canvas 工具列

從左側選單裡切換為 Canvas 模式,上方會出現相關的工具列,工具包含匯入圖片、移動、圖片產生器、畫筆、橡皮擦和局部重繪等功能。

Playground AI 教學 - Canvas 繪製與修改圖片 - Canvas 工具列

切換為 Canvas 模式後,點擊右上方 logo 展開的選單也會增加 Canvas 相對應的功能,下圖紅色字體的部分都是 Canvas 的專用功能。

Playground AI 教學 - Canvas 繪製與修改圖片 - Canvas 相對應的功能

點擊「Your Canvas Files」會開啟 Canvas 的檔案總管,裡頭可以建立或匯入檔案,也可以開啟自己的 Canvas 畫布檔案。

如果無法直接切換 Canvas 模式,也可以從下方的連結開啟 Canvas 的檔案總管畫面。

https://playground.com/canvas/files

Playground AI 教學 - Canvas 繪製與修改圖片 - Canvas 的檔案總管

Generation frame 圖片產生框

點擊工具列的 Generate Image 圖片產生器後,中間的部分是「Generation frame 圖片產生框」,所有透過文字產生的影像內容,都會產生在框線的範圍裡,點擊 Generation frame 或按下鍵盤的 tab 鍵,就會出現可以輸入 Prompt 提示詞的輸入框

Playground AI 教學 - Canvas 繪製與修改圖片 - Generation frame 圖片產生框

例如輸入「a pikachu is playing a ball, 2D cartoon style」提示詞,就會出現皮卡丘在玩球的卡通圖 ( 會消耗每天的產圖數量 ),產圖過程中也可以點擊 Preview Render 快速預覽圖片 ( 不會消耗產圖數量,但只提供很差的品質作為預覽使用 )

Playground AI 教學 - Canvas 繪製與修改圖片 - Generation frame 圖片產生框

Image to Image 圖片產生圖片

Canvas 左側的 Exclude From Image 功能可以上傳圖片,上傳圖片後設定 Image Strength,數值越大參考圖越清楚,數值越小就會參考越模糊的影像,完成後點擊 Generation frame 輸入提示詞,就能產生圖片,以下圖為例,使用「Michael Jackson is sitting on a chair, 2d cartoon style」,搭配蒙娜麗莎的畫像,就能產生類似動作的麥可傑可森。

Playground AI 教學 - Canvas 繪製與修改圖片 - Image to Image 圖片產生圖片

Filter 風格濾鏡

Canvas 左側的 Filter 風格濾鏡,點選後可以選擇各種風格濾鏡,風格濾鏡可以在不輸入風格提示詞的狀態下,快速套用對應的繪圖風格

Playground AI 教學 - Canvas 繪製與修改圖片 - Filter 風格濾鏡

Expand Prompt 擴展提示

啟用 Canvas 左側的 Expand Prompt 功能後,Playground AI 會替使用者的提示詞,進行最佳化的補充擴展,通常擴展後的影像會有更好的表現張力。

Playground AI 教學 - Canvas 繪製與修改圖片 - Expand Prompt 擴展提示

Exclude From Image 從影像中排除

Canvas 左側的 Exclude From Image 功能可以加入「負面提示詞」,表示「不希望出現在畫面裡的內容」,Playground 已經在 custom 裡預設許多常用的負面提示詞,大部分的情形直接使用即可。

Playground AI 教學 - Canvas 繪製與修改圖片 - Exclude From Image 從影像中排除

Control Trails 控制網

Canvas 左側最下方的 Control Trails 控制網功能 ( 等同 Stable diffusion 的 control Net 功能 ),點擊 Add Control 後就能加入控制網功能,總共有 Edge 邊緣、Depth 深度和 Pose 姿勢三種模式

Control Trails 僅支援 Stable diffusion XL 的產圖模型。

Playground AI 教學 - Canvas 繪製與修改圖片 - Control Trails 控制網

Presets 預設值

Canvas 右側第一個選項是 Presets 預設值,可以讓使用者自定常用的產圖設定,免費版本提供 3 個預設產圖模式。

Playground AI 教學 - Canvas 繪製與修改圖片 - Presets 預設值

點擊「Create Preset」後,勾選想要儲存的產圖設定,就能將這些設定儲存為自己專屬的預設值。

Playground AI 教學 - Canvas 繪製與修改圖片 - 勾選想要儲存的產圖設定

Model 產圖模型

Canvas 右側的 Model 產圖模型選項,可以選擇產生影像所使用的模型

Playground AI 教學 - Canvas 繪製與修改圖片 - Model 產圖模型

Image Dimensions 圖片尺寸

Canvas 右側的 Image Dimensions 圖片尺寸選項,可以設定產生影像的尺寸,除了可以手動調整長寬比例,也可以下拉選擇預設的比例,免費版本長寬最多只能 1024

Playground AI 教學 - Canvas 繪製與修改圖片 - Image Dimensions 圖片尺寸

除了在右側設定尺寸,也可以使用滑鼠拖拉 Generation frame 圖片產生框的邊界,調整尺寸大小。

Playground AI 教學 - Canvas 繪製與修改圖片 - Image Dimensions 圖片尺寸

Speed & Quality 速度和品質 ( Pro 以上 )

Canvas 右側的 Speed & Quality 速度和品質選項,可以設定產生影像的速度和品質,免費版本無法進行設定,只能使用 fast。

Playground AI 教學 - Canvas 繪製與修改圖片 - Speed & Quality 速度和品質 ( Pro 以上 )

Seed 種子

Canvas 右側的 Seed 種子選項,可以設定產生影像的種子,同樣的設定搭配同樣的種子,就能產生相同的影像,勾選 Randomize each number to get new variations 的選項會使用隨機種子。

Playground AI 教學 - Canvas 繪製與修改圖片 - Seed 種子

Number of Images 產生圖片數量

Canvas 右側的 Number of Images 產生圖片數量選項,可以設定每次產生圖片的張數,免費版本提供一次最多 4 張的選項,如果數量大於 1 張,則無法手動設定 seed 種子。

Playground AI 教學 - Canvas 繪製與修改圖片 - Number of Images 產生圖片數量

Simple Pencil 鉛筆

點擊上方工具列的「畫筆」,選擇「Simple Pencil 鉛筆」。

Playground AI 教學 - Canvas 繪製與修改圖片 - Simple Pencil 鉛筆

Simple Pencil 鉛筆的主要功能就是類似小畫家的「用筆畫圖」,可以設定畫筆粗細以及挑選顏色,畫錯了也可以「橡皮擦」功能擦除筆跡。

Playground AI 教學 - Canvas 繪製與修改圖片 - 用筆畫圖

Draw to Edit 編修畫筆

點擊上方工具列的「畫筆」,選擇「Draw to Edit 編修畫筆」。

Playground AI 教學 - Canvas 繪製與修改圖片 - Draw to Edit 編修畫筆

Draw to Edit 編修畫筆可以在上傳或產生的圖片裡加入手繪圖案,接著輸入提示文字搭配圖片 Image Strength 設定,就能將繪畫的內容融入圖片裡,以下圖為例,使用 Draw to Edit 編修畫筆在蒙娜麗莎的頭上繪製紅色帽子,使用「Mona Lisa is wearing a red hat」提示詞,就能產生帶著紅色帽子的蒙娜麗莎 ( 但實際測試效果並沒有很好,大家可以自行嘗試 )。

Playground AI 教學 - Canvas 繪製與修改圖片 - 在上傳或產生的圖片裡加入手繪圖案

Simple Eraser 橡皮擦

點擊上方工具列的「Eraser 橡皮擦」,選擇「Simple Eraser 橡皮擦」。

Playground AI 教學 - Canvas 繪製與修改圖片 - Simple Pencil 鉛筆

Simple Eraser 橡皮擦的主要功能就是類似小畫家的「橡皮擦」,可以設定橡皮擦粗細,就能擦除上傳或產生的圖片內容。

Playground AI 教學 - Canvas 繪製與修改圖片 - 擦除上傳或產生的圖片

Simple Eraser 橡皮擦

點擊上方工具列的「Eraser 橡皮擦」,選擇「Object Eraser 物件橡皮擦」。

Playground AI 教學 - Canvas 繪製與修改圖片 - Object Eraser 物件橡皮擦

Object Eraser 物件橡皮擦可以「移除畫面中的某些物體,並自動填補移除後的背景」,以下圖為例,使用 Object Eraser 塗抹不希望在畫面出出現的背景人物,完成後點擊「Eraser」按鈕。

Playground AI 教學 - Canvas 繪製與修改圖片 - 移除畫面中的某些物體,並自動填補移除後的背景

點擊後就會將這些人物移除,並自動補上背景 ( 注意,如果背景太過複雜或移除的物件太大,會產生不理想的效果 )

Playground AI 教學 - Canvas 繪製與修改圖片 - 將這些人物移除,並自動補上背景

Inpaint 局部重繪

點擊上方工具列的「Inpaint 局部重繪」,選擇「Inpaint 局部重繪」。

Playground AI 教學 - Canvas 繪製與修改圖片 - Inpaint 局部重繪

Inpaint 局部重繪可以「根據提示詞,產生範圍裡的影像」,以下圖為例,將小女孩的眼睛塗抹 Inpaint 局部重繪筆刷,Inpaint Image Strength 設定 0 ( 避免原圖影響 ),輸入提示詞「sunglasses」,點擊 Inpaint。

Playground AI 教學 - Canvas 繪製與修改圖片 - 根據提示詞,產生範圍裡的影像

接著小女孩臉上塗抹的區域,就會出現太陽眼鏡。

Playground AI 教學 - Canvas 繪製與修改圖片 - 小女孩臉上塗抹的區域,就會出現太陽眼鏡

Instruct to Edit 指令編輯

點擊上方工具列的「Inpaint 局部重繪」,選擇「Instruct to Edit 指令編輯」。

Playground AI 教學 - Canvas 繪製與修改圖片 - Inpaint 局部重繪

Instruct to Edit 指令編輯可以「根據較有結構型的提示詞,產生範圍裡的影像」,以下圖為例,將小女孩後方的天空塗抹指令編輯筆刷,Edit Instruction Strength 設定 30,輸入提示詞「add an ufo」,點擊 Generate。

Playground AI 教學 - Canvas 繪製與修改圖片 - 根據較有結構型的提示詞,產生範圍裡的影像

接著小女孩後方的天空,就會出現一台 UFO。

Playground AI 教學 - Canvas 繪製與修改圖片 - 小女孩後方的天空,就會出現一台 UFO

下載圖片

如果已經編輯完成,只要點擊產生的圖片,圖片上方就會出現下載圖片的 Download 選項,點擊後就會下載圖片。

Playground AI 教學 - Canvas 繪製與修改圖片 - 下載圖片

小結

Playground AI 的 Canvas 是一個運用 AI 編修圖片的工具,可以快速移除或擴展影像,但實際使用時仍然會有「品質較差」或「無法產生理想內容」的狀況,而免費版在操作時,也會遇到當日額度用盡的狀況 ( 官方沒有提供到底有多少額度 ),因此建議初步可當作測試或嚐鮮使用,如果真的要作為主力產圖工具,可能還是得購買 Pro 版本,下圖是操作到一半跳出的額度用盡提示。

Playground AI 教學 - Canvas 繪製與修改圖片 - 額度用盡

意見回饋

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

生成式 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 ) 風格大全 ( 特色風格 )