搜尋

產生向量圖 Vector image

Recraft 最強大的功能就是產生向量圖,這篇教學會介紹使用 Recraft 的 Vector image 功能,運用一系列產生向量圖的流程、設定和操作,透過文字產生向量圖影像。

最新教學參考:2025 生成式 AI 工具推薦 ( 持續更新 )AI 繪圖的提示技巧

快速導覽:

Recraft 教學 - 產生向量圖 Vector image

使用 Vector image

登入 Recraft 後,點擊左上角「Create new project」建立新專案,點擊 Vector image 按鈕,切換為成生成向量圖模式。

Recraft 教學 - 產生向量圖 Vector image - 點擊 Vector image 按鈕

切換為 Vector image 模式後,畫面中會出現一個「淺橘色」的圖片產生區域,在左側輸入 Prompt 提示詞。

Recraft 教學 - 產生向量圖 Vector image - Vector image 圖片產生區域

範例輸入「a cute dog」後,點擊 Recraft 就會開始產生圖片,每次會產生兩張圖片,點擊下方圖片就能切換查看不同圖片,由於產生的是向量圖,設定面板下方也會出現這張圖的顏色數量和主要顏色,點擊後就能直接調整顏色。

Recraft 教學 - 產生向量圖 Vector image - 點擊 Recraft 就會開始產生圖片

設定風格

點擊「風格」按鈕開啟風格面板,就能從中選擇想要的風格。

Recraft 教學 - 產生向量圖 Vector image - 選擇向量風格

向量圖的風格主要分成 Vector ( 插畫 )、Icon ( 圖示 ) 和 Logo ( 商標 ) 三種,每種又有各自細分的風格。

Recraft 教學 - 產生向量圖 Vector image - 向量圖的風格

下圖展示了使用相同的提示詞「a cute dog」,但是選擇不同風格的效果。

Recraft 教學 - 產生向量圖 Vector image - 選擇不同風格的效果

細節設定

如果使用 Vector art 相關風格和 Icon 裡的 Icon 風格,都能從設定面板中可以設定產生影像的細節多寡。

Recraft 教學 - 產生向量圖 Vector image - 設定產生影像的細節多寡

影像細節共有下列幾種設定模式 ( 雖然向量圖可以設定 Extreme 最多細節,但如果要實現「像素等級、非常精細」的影像,建議使用點陣圖 Raster Image 的模式 ):

細節程度 說明
Specify details 預設值
Primitive 原始,細節最少
Low
Medium 中等
High
Extreme 最多

Recraft 教學 - 產生向量圖 Vector image - 影像細節共有下列幾種設定模式

負向提示詞

點擊「設定」按鈕,展開 Exclude from image 設定,輸入「負向提示詞」,指定要在影像中排除的物件,設定後會「降低特定物件的出現機率」,無法真正做到完全排除。下方範例使用「some dogs are playing with a ball」提示詞,並搭配負向提示詞「white dog, soccer」,就能減少白狗和足球出現的機率。

Recraft 教學 - 產生向量圖 Vector image - 負向提示詞

修改目前影像

點擊畫面中的影像,接著點擊設定面板上方的「Fine-tune」,就可以開始使用「參考圖片」或「新的提示詞」修改目前的影像,面板中 Similarity to original image 表示相似強度,強度越高則會越接近原圖,設定完成後輸入「新的」提示詞。

Recraft 教學 - 產生向量圖 Vector image - 混合目前影像

下面的範例將小狗的圖片,使用提示詞「a cute cat」與 40% 的相似強度,就會產生類似構圖與配色的小貓影像。

Recraft 教學 - 產生向量圖 Vector image - Modify current image

這個方法也可以套用在自己上傳的圖片,下方的範例上傳一張蒙娜麗莎的微笑,使用 cartoon 風格並搭配提示詞「a dog wears a dress」進行 70% 相似強度的混合,就會產生一張蒙娜麗莎姿勢的小狗。

Recraft 教學 - 產生向量圖 Vector image - 套用在自己上傳的圖片

改變影像尺寸並擴展影像

點擊畫面中的影像,接著點擊設定面板上方的「Variate」,就可以改變目前影像的尺寸比例,改變尺寸比例後,也會自動補滿並重新繪製影像

Recraft 教學 - 產生向量圖 Vector image - 改變影像尺寸並擴展影像

下方範例運用 Variate 功能,將 1:1 正方形的小狗影像,改成 2:1 的長方形影像 ( 因為是重繪,所以會有些許差異 )。

Recraft 教學 - 產生向量圖 Vector image - 改變影像尺寸並擴展影像運用 Variate 功能

圖片尺寸和比例

在產生圖片之前,可以運用尺寸比例設定的滑桿,調整產生圖片區域的長寬比例,設定長寬比例後,用滑鼠調整區域大小時,就會按照設定的比例進行縮放。

使用滑鼠改變尺寸時,如果同時按下鍵盤的 shift,則可以調整自訂比例的尺寸。

Recraft 教學 - 產生向量圖 Vector image - 調整產生圖片區域的長寬比例

運用調色盤

在產生圖片時,有時不能透過提示詞精準的設定顏色,但 Recraft 提供了「調色盤 ( palette )」功能,讓使用者指定影像的主要色系,點擊設定面板中調色盤的按鈕,就能開啟調色盤,調色盤具有下列的功能:

功能 說明
Layer colors 主角或主要的顏色,點擊 import from image 可以上傳參考圖。
Background 背景或裝飾性的顏色。
My palettes 自訂配色,點擊後方 create 可以建立自訂配色。
More 系統提供的配色,點擊「骰子」按鈕會產生隨機配色。

Recraft 教學 - 產生向量圖 Vector image - 開啟調色盤

下方的範例使用藍色綠色為主色系,黑色為背景,搭配「cute dog」提示詞,就能產生黑色背景裡有一隻藍綠狗的影像。

Recraft 教學 - 產生向量圖 Vector image - 產生黑色背景裡有一隻藍綠狗的影像

下載影像

產生影像後,有兩種方法可以下載影像,第一種方式可以使用滑鼠在影像上按右鍵,選擇 Export as,就能將影像下載為 PNG、JPG、SVG 或 Lottie ( 向量動畫格式 )。

Recraft 教學 - 產生向量圖 Vector image - 使用滑鼠在影像上按右鍵

第二種方式可以先點擊影像,接著點擊畫面右上角的 Export,就能將影像下載為 PNG、JPG、SVG 或 Lottie ( 向量動畫格式 )。

Recraft 教學 - 產生向量圖 Vector image - 點擊畫面右上角的 Export

小結

實際使用 Recraft 的 Vector image 產生向量圖之後,發現 Recraft 真的非常方便,許多簡報或設計品使用的向量插圖,都能運用 Recraft 快速產生,大幅縮短了尋找素材或自己繪製的時間。

意見回饋

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

生成式 AI 教學

基本介紹

關於生成式 AI 關於 AI 繪圖 AI 繪圖的提示技巧 AI 繪圖軟體比較 ( 2023 ) AI 繪圖軟體推薦 ( 2024 ) 2025 生成式 AI 工具推薦

Vibe Coding 專區

Vibe Coding 教學導讀 認識 Vibe Coding Vibe Coding 新手入門 Vibe Coding 規劃架構流程 Vibe Coding 網頁知識 Vibe Coding Python 知識 Vibe Coding 下載網頁程式碼 Vibe Coding Google App Script 部署網頁 Vibe Coding Github 部署網頁 Vibe Coding 固定網頁樣式 Vibe Coding 使用外部圖片 Vibe Coding 使用 SVG 圖示 Vibe Coding 使用外部字體 Vibe Coding + Spreadsheet 資料庫 Vibe Coding + Firebase 即時資料庫 Vibe Coding + Firestore 資料庫 Vibe Coding 資料庫安全防護 Vibe Coding 串接帳號驗證機制 Vibe Coding 串接 Google 雲端硬碟 Vibe Coding 串接 Gemini API Vibe Coding 打造 LINE Bot Vibe Coding 範例 - 英文單字卡

2025 AI 影音工具

ChatGPT - 圖片提示詞技巧 ChatGPT - 客製化機器人 ChatGPT - 使用畫布功能 Gemini - 開始使用 Gemini - 客製化機器人 Gemini - 串接 Google 服務 Gemini - 使用畫布功能 NotebookLM - 開始使用 NotebookLM - 建構知識庫 Google AI Studio - 介面功能 Nano Banana - 影像生成與編輯 Gemini Educator 線上認證 圖片 - AI 圖片快速去背 圖片 - AI 黑白照片上色 聲音 - AI 影片語音轉字幕 影片 - Pika 生成創意影片 影片 - KlingAI 生成影片 影片 - AI 影片趣味特效 影片 - AI 擁抱 ( AI Hug ) 影片 - AI 老照片動起來 圖片 - Dreamina 生成圖片 音樂 - SUNO 創作音樂 音樂 - 免費 AI 音樂素材

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