免費開始
← 所有指南

Magic Canvas:在瀏覽器中設計圖形,可用手繪或直接說出需求

Magic Canvas(如需類似 Photoshop 的筆刷、遮色片和修圖功能,請使用 Pro Designer)是一款分層圖形編輯器,適用於社群貼文、傳單、明信片、名片、網頁橫幅、電子郵件標題和照片。可從尺寸、照片或一句話開始(aiKit 會為您排版設計),然後隨意修改:用手動方式調整圖層、字型和照片工具,或直接用您自己的話告訴 aiKit。編輯是免費的;只有 AI 排版、AI 修改和 AI 圖片才會使用代幣。

開啟 Magic Canvas →
1

開始設計

起始畫面分為三個部分。描述需求,aiKit 會幫您製作:輸入或語音說出您的需求(對象、要傳達的內容、風格),並從清單中選擇尺寸,然後按下「製作我的設計」。編輯器會開啟,版面會以可修改的真實圖層建立;aiKit 無法完成的項目會先列在「尚未完成」之下。電話號碼、價格和地址等資訊只有在您輸入時才會使用;否則您會看到如 [Phone] 這樣的括號佔位符,供您填寫。

或從空白尺寸開始:「社群」、「列印」、「網頁」和「電子郵件」標籤會顯示各種尺寸,並附上形狀小圖示(Instagram 貼文 1080 × 1350、限時動態 1080 × 1920、傳單 8.5 × 11 吋、名片 3.5 × 2 吋、海報 18 × 24 吋、網站橫幅 1920 × 800,以及標準 600 寬電子郵件尺寸:標題 600 × 200、主視覺橫幅 600 × 300、圖片 600 × 400 和雙欄 300 × 300,預設以 2 倍解析度下載,以便在手機上保持清晰)。「自訂尺寸」可輸入任何寬度和高度(像素或吋)及用途;選擇吋即表示用於列印。「編輯照片」會以原始大小開啟您電腦中的圖片。

「我的設計」會列出您儲存的設計(最新的在前,每個都有縮圖),可依名稱搜尋。點選任一設計即可重新開啟,所有圖層仍可編輯。每個設計都有自己的網址,因此您可以加入書籤,或將連結傳給您帳戶中的同事。

2

編輯器畫面

頂部:「設計」(返回起始畫面)、設計名稱(點選可重新命名)、尺寸、復原和重做、縮放(減號、百分比、加號;點選百分比可符合頁面大小)、Pro 切換開關、「儲存設計」和「下載」。在觸控板或滑鼠滾輪上,捲動會移動頁面,捏合(或 Ctrl/⌘ + 捲動)則會縮放。

左側是工具列:素材、文字、形狀、照片、品牌、圖層和歷史紀錄。點選each會在工具列旁開啟面板;再次點選即可關閉面板,讓頁面有更多空間。中間是放在灰色桌面上的頁面。右側是目前所選項目的設定;若未選取任何項目,則顯示頁面本身的設定。頁面下方是 AI 列。

列印尺寸會顯示兩條永遠不會列印的參考線:實線紅線是紙張裁切位置(裁切線),紅線內側的虛線藍線是安全區。文字和標誌請放在虛線內。應延伸到紙張邊緣的顏色和照片,請延伸到紅線外的頁面外緣(多出的 1/8 吋即為出血)。

預設為簡易模式。開啟 Pro 即可查看任何圖層的精確位置與大小數值(X、Y、W、H 及旋轉角度),以及混合模式(Multiply、Screen、Overlay 等)。您的選擇會記住在此瀏覽器中。

3

文字、形狀、照片與您的品牌

文字:新增標題、副標題或內文,然後在頁面上連按兩下即可輸入。選取文字後,右側會出現字型(31 種字型,分為 Clean、Bold、Condensed、Serif、Script、Handwritten、Fun、Retro 等類別)、大小、粗體、斜體、底線、Aa(在全大寫與一般大小寫之間切換)、對齊方式、顏色(品牌色優先顯示)、字距、行高、Curve(將文字彎曲成拱形或笑臉),以及效果:外框(可設定顏色與寬度)和陰影。

形狀:矩形、圓角矩形、圓形、三角形、星形、線條、箭頭與愛心。選取形狀後,可設定填色(或無填色)、邊框顏色與寬度,矩形還可設定圓角。把矩形放在文字後方,即可做出色帶或標籤。

照片:從電腦上傳(可一次多張)、AI 生成圖片(描述內容後按下「製作圖片」,約需 20 至 40 秒,並會使用點數),或從您的 Graphics Library 選取(可直接在面板中搜尋)。Brand 會顯示您在 Logo Kit 中儲存的品牌套件顏色與標誌:點選顏色可為所選物件上色(未選取任何物件時則為背景上色),點選標誌即可加入。

4

照片工具與魔法效果

Color 分頁是完整的調色盤:在方形區域拖曳可調整飽和度與亮度,在色條上拖曳可調整色相,也可輸入 HEX、RGB、HSB 或 CMYK 數值;頂端可切換前景色與背景色;品牌色、最近使用的顏色與色票只需一按即可套用,系統調色盤還包含螢幕吸管工具。點選工具列底部的色塊也會開啟此面板。

選取照片即可看到其工具。快速修圖:移除背景與放大 2× 可在您的裝置上免費執行(首次使用時會下載免費模型,只需下載一次)。魔法效果同樣在您的裝置上免費執行:自動增強會分析照片的光線與色彩,並自動設定亮度、對比、色彩與些許銳利化,然後告訴您做了哪些調整;提亮色彩會讓色彩更鮮明,同時不會讓膚色看起來像上了油彩。

色彩風格會變更照片的色彩設定檔:Natural、Teal & orange、Golden hour、Film、Matte、Cinematic、Pastel、Noir 與 Pop。雙色調會以兩種顏色重新繪製照片(暗部使用第一色,亮部使用第二色);若您已有品牌色,會以品牌色作為預設。主體效果會在您的裝置上偵測主體:人像模糊會模糊主體後方的背景,色彩濺灑會將背景轉為黑白、主體保留原色,貼紙則會裁切出主體,並加上白色邊框與柔和陰影。

滑桿包括 Vibrance、Sharpen、Film grain 與 Pixel art,接著是 Brightness、Contrast、Saturation、Warmth 與 Blur,以及一鍵濾鏡(B&W、Sepia、Vintage、Vivid、Cool、Warm、Faded)。按下 Reset adjustments 可將滑桿與濾鏡恢復原狀。Crop 會顯示虛線框:拖曳並調整大小後按下 Crop(或 Cancel)。Shapes 可將照片放入圓形、圓角矩形、星形或愛心中。Flip 可水平翻轉照片。

5

調整圖層排列

選取任一圖層後可使用:See-through(透明度)、頁面上的位置(靠左、置中、靠右、靠上、中間、靠下,列印尺寸會以安全區域為基準)、Bring to front、Send to back、Duplicate、Lock 與 Delete。拖曳時,當圖層與頁面置中對齊,會出現紅線並自動貼齊。

圖層面板會由上至下列出所有項目,並附有文字、照片或形狀的圖示。點選名稱即可選取,連按兩下可重新命名(AI 也會使用這些名稱),使用箭頭可上下移動,眼睛圖示可隱藏或顯示,鎖頭圖示則可鎖定圖層,避免誤移。

鍵盤快捷鍵:Delete 或 Backspace 可刪除所選項目,⌘Z 復原,⇧⌘Z 重做,⌘D 複製,⌘C 與 ⌘V 複製與貼上,方向鍵可微調位置(按住 Shift 可加大移動距離),Escape 可取消選取。在 Windows 上請使用 Ctrl 代替 ⌘。

6

您的素材:aiKit 會參考的圖片

Assets 是左側工具列的第一個按鈕,起始畫面中的「描述您的需求」下方也有相同的區域(新增您的標誌、照片或要參考的設計)。最多可新增 6 張圖片:將圖片拖曳到區域中、貼上(頁面任何位置按 ⌘V 或 Ctrl+V)、按下 Upload,或按下 Graphics Library 挑選已有的圖片(點選圖片即可加入,再點一次即可取消)。每張上傳的圖片都會儲存到 Graphics Library 的 Magic Canvas/Assets 資料夾中,之後任何工具都能使用。

每個素材都可以更改名稱,並設定類型:Logo(放置於設計中)、Photo(用於設計中)、Product(以大尺寸突出呈現)或 Style to match(不會放置,aiKit 只會參考其風格:色彩、字型感覺、版面與氛圍)。每次您提出需求時,aiKit 都會真正查看每個素材,因此「使用我的標誌」、「把產品照片放在左邊」或「做成像我新增的傳單那樣」等用語都能直接運作。素材上的 + 可由您自行將其放到頁面上;× 則會將其從清單移除(圖片仍會保留在 Graphics Library 中)。

頁面下方有一列小字,顯示 aiKit 在您下一次請求時會使用的內容:Sees 3 assets(點選可開啟 Assets),以及目前使用的風格(如有)。當您變更設計時,aiKit 也會取得目前頁面外觀的圖片,因此「照片太暗」或「文字不容易閱讀」等說法都能如您所見般被理解。直接把圖片拖曳到頁面上,即可將其放置於該處。

7

歷史記錄、版本歷史與已儲存的風格

歷史記錄是左側欄最下方的按鈕。其中的版本歷史會依時間由新到舊列出設計的每個時刻:每次 AI 請求(Made with AI、Changed with AI)、每回手動修改(Changed by hand)、每次還原,以及每個已建立的版本。手動修改的一回合會在你停止操作約 20 秒後變成一個獨立的時刻,已儲存的設計也會同時自動儲存,因此即使你關閉分頁,你所做的任何內容都不會遺失。每個時刻都會隨設計一併保存(每個設計最多 500 個;已命名的版本一律保留),所以從「我的設計」重新開啟設計,或在另一台電腦上開啟其連結,都能還原完整的歷史記錄。

每個時刻都會顯示該時刻設計的小縮圖、時間和 AI 費用、你以引號標示的文字,若是手動修改,還會有一行簡短說明變更內容(例如 2 項變更:「Summer Sale」文字 · 圓形顏色)。點選「詳細資料」可查看 aiKit 執行了什麼、有什麼未執行、樣式(色點和字型)、尺寸、版本標籤(如有)、所用素材,以及「aiKit 實際收到的要求」:也就是 aiKit 收到的完整請求內容(尺寸、你的文字、素材及其類型,以及它被指示使用的樣式)。

頂部的「為此版本命名」可為目前的設計設定名稱和選用備註,例如「已寄給客戶,顏色變更前」。已命名的版本會標示書籤和彩色邊線,任何時刻上的「命名」(或「重新命名」)都可為該時刻命名。列表上方的篩選器可顯示「全部」、「已命名」、「AI」或「手動」。在「詳細資料」下取消名稱(Take the name off)會將已命名的版本恢復為一般時刻。

每個時刻上的按鈕:還原(設計會回到該時刻,並新增為一個時刻,⌘Z 可復原此操作)、與目前比較、命名,以及「從此開始」(從該時刻開啟一個新的獨立設計,你正在編輯的設計保持不變)。在「詳細資料」下:「使用此樣式」(你的下一次 AI 請求會使用這些字型和顏色)和「儲存樣式」(為其命名以便保留)。

比較會以並排或滑桿方式顯示兩者,圖片下方是「變更內容」清單,每個圖層一行,標示為「新增」、「移除」或「變更」,並以文字說明具體變更(舊文字與新文字、移動、調整大小、旋轉、顏色、字型、字級、透明度、隱藏、外框、陰影、照片效果、裁切、移至前景或後景,以及背景)。與目前比較某個時刻時,每行都有「還原此部分」(該圖層恢復為當時的樣子,或已移除的圖層重新出現)或「移除」(移除自那時起新增的圖層),設計的其餘部分維持目前狀態;⌘Z 可復原。「全部還原」會將整個設計恢復到該時刻。

若要比較任兩個時刻,請勾選兩個時刻右側的方框,然後按「比較這 2 個」:較舊的時刻會顯示在左側,「變更內容」清單會由舊到新閱讀,而且你可以還原其中任一個。

已儲存的樣式位於歷史記錄頂部。「將此設計的外觀儲存為樣式」會從頁面讀取字型、主要顏色和背景,並要求你為其命名。「使用」可將樣式套用到下一次的 AI 請求(會在頁面下方顯示為「樣式:名稱」,按 × 可停止);開始畫面也有樣式列表,因此全新的設計會直接採用你的風格。樣式屬於你的工作區,團隊中的每位成員都可以使用。

8

複製與版本

頂部列中的「版本」會開啟三個選項。「複製」會建立設計的副本(包含其歷史記錄)並開啟,讓你在獨立的方向上嘗試想法,而第一個設計保持不變。「建立版本…」會要求 aiKit 產生 2 到 6 個版本。「全部比較」會並排顯示所有版本。「複製」和「建立版本」也位於每個 AI 結果下方,就在「復原此 AI 變更」旁邊。

在「建立版本」中,選擇數量(2–6),並以任何文字說明它們應該如何不同,例如:「為不同受眾設計 3 張傳單:長者、學生和家庭」、「嘗試其他標題」、「一張正方形貼文、一則限時動態和一張橫幅」、「其中一個做成短影片」。輸入框下方的選項會提供常見建議。若留空,aiKit 會改變版面、標題和顏色。若頁面上有已選取的項目,「僅變更所選項目」會讓其他內容保持不變(例如為標題提供三種版本)。你的事實資料(名稱、日期、價格、優惠)在每個版本中都保持相同;aiKit 不知道的資訊會以 [placeholder] 表示。

版本會依序建立,每個版本都有一行說明:用途、尺寸、aiKit 所做的變更、未完成的事項,以及「開啟」。新尺寸的版本會依你的設計、素材和其中已有的照片,為該尺寸重新排版。每個版本都是獨立的設計,有自己的歷史記錄,並儲存在原始設計旁邊。標示為「影片」的版本已設定為動畫格式。

設計有版本後,頂部會出現「版本」列:點選任一版本即可開啟(每個版本都有自己的連結),按「全部比較」可同時查看,按「開啟此版本」可繼續編輯。每個版本約花費 1–2 美分的 AI 費用;AI 圖片每張加收 5 美分。

9

告訴 aiKit 要修改什麼

在頁面下方的輸入列中輸入或口述任何修改,然後按「執行」:「把背景調暗」、「把標誌移到右上角」、「讓標題彎曲並改成金色」、「照片再暖一點,加上膠片效果」、「模糊人物後方的背景」、「在角落加上紅色 SALE 標章」。在空白頁面上,同一個輸入列可以產生整個設計。aiKit 會讀取你的圖層(名稱、文字、大小和位置)並加以修改;不會從頭重新繪製。

每個請求都會當作檢查清單處理。未完成的項目會先顯示在「尚未完成」下方,並附上原因(例如這裡無法移除照片中的人物),其餘項目會以勾號列出。「復原此 AI 變更」會讓設計完全恢復原狀;一般的復原功能也可使用。在每個結果下方,你可以用讚或踩評分,並說明出了什麼問題;「傳送並修正」會請 aiKit 根據你的備註重試。

10

儲存與下載

儲存設計會保留整個設計的所有圖層,之後你可以從「我的設計」重新開啟並繼續編輯。你上傳或用 AI 製作的照片,會在第一次儲存時存入你的圖庫(資料夾 Designs/Photos),讓設計檔案較小,並能在任何電腦上開啟。

「在 Pro Designer 中開啟」(位於「下載」旁)會將完成的設計存入你的圖庫,並在 Pro Designer 中開啟,讓你使用類似 Photoshop 的工具手動完成編輯。

「下載」會開啟一個視窗。檔案類型:PNG(最清晰,保留透明部分)、JPG(檔案較小;可選擇「最佳」、「高」或「較小檔案」)、PDF(適用於印刷尺寸:300 dpi,含 1/8 吋出血,可開啟或關閉裁切線,並在檔案中設定裁切尺寸,方便印刷店確認;其他尺寸則為一頁,大小與設計相同),或 SVG(文字和形狀保持向量格式;字型為連結)。螢幕尺寸可選擇 0.5×、1×、2× 或 3×。儲存位置:下載到此電腦,或輸入名稱、類別、標籤、客戶和專案後,選擇「儲存至圖庫」;已儲存的檔案會直接連結到圖庫中的位置。

下一篇指南 圖庫:上傳、標記並找到每一張圖像

想快速找到特定問題的答案?查看常見問題。