搜尋

( 範例 ) 延伸圖片範圍,產生類似內容

這個 Recraft 的範例會使用 Frame、輸出以及 Modify Area ( 編輯選取區域 ) 的功能,延伸原本圖片的範圍,並根據圖片原本的風格,產生這些空白範圍裡的內容。

快速導覽:

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容

使用 Frame 延伸圖片範圍

雖然 Recarft 提供了 Variate 可以改變影像尺寸的功能,但仍然是使用「重繪」的方式產生最終影像,這也造成不如預期的結果 ( 跟原圖仍然有差異,並非真正的延伸範圍 ),因此如果要做到不修改原圖,單純延伸範圍,就需要使用 Frame 畫框進行輔助

首先使用上傳圖片的功能,上傳一張自己的圖片,範例使用蒙娜麗莎像。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 上傳一張自己的圖片

點擊上方工具列的「Frame」按鈕,在畫面中加入「Frame 畫框」。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 點擊上方工具列的「Frame」按鈕

使用滑鼠在畫面中調整適合的 Frame 尺寸,以及調整圖片在 Frame 中的位置與尺寸,其中「空白的區域」就是之後要延伸的範圍

使用滑鼠改變尺寸時,如果同時按下鍵盤的 ctrl ( 或 command ),則可以調整自訂比例的範圍尺寸。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 調整適合的 Frame 尺寸

輸出 Frame、輸入影像

當圖片與 Frame 的位置尺寸排列妥當後,點擊 Frame,使用 Export 的方式,將 Frame 連同圖片輸出為 PNG 或 JPG。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 將 Frame 連同圖片輸出為 PNG 或 JPG

接著利用「上傳圖片」的方法,將輸出的圖片再次放入 Recraft 裡 ( 這時就可以刪除原本的 Frame ),從下圖範例可以看見,上傳的圖片外框已經是綠色的 Raster image 點陣圖外框。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 將輸出的圖片再次放入 Recraft 裡

使用 Modify Area 產生範圍內容

點擊圖片,接著點擊上方工具列「Modify Area」按鈕。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 點擊上方工具列「Modify Area」按鈕

使用 Modify Area 的選取套索框選空白區域,同時也稍微框選蒙娜麗莎像的邊緣 ( 才能讓邊緣不會連接的太生硬 ),接著輸入這個區域要產生的內容以及風格樣式。

使用滑鼠框選出選取範圍後,同時按下鍵盤 shift 按鍵,可以繼續框選其她選取區域,若多個選取區域交接,就會合併成同一個選取區域。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 使用 Modify Area 的選取套索框選空白區域

完成後產生影像,Recraft 就會參考這張圖片以及所選擇的風格開始產生內容,下圖是延伸蒙娜麗莎像左右範圍的圖片。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 參考這張圖片以及所選擇的風格開始產生內容

運用同樣的做法,也可以將孟克的「吶喊」畫作進行左右範圍的延伸。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 將孟克的「吶喊」畫作進行左右範圍的延伸

下方是範圍延伸的「吶喊」畫作。

Recraft 教學 -  ( 範例 ) 延伸圖片範圍,產生類似內容 - 將孟克的「吶喊」畫作進行左右範圍的延伸

小結

「延伸圖片範圍」其實相當實用,對於大多數使用者而言,有時「AI 修圖」的重要程度還大於「AI 產圖」,只要充分運用 Modify Area 的功能,就能讓圖片有更多彈性和創造性!

意見回饋

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

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