首頁 » » 如何在 Canva 中用圖像填充形狀

如何在 Canva 中用圖像填充形狀

設備鏈接

Canva 是一款出色的工具，可用於創建難以用文字描述的圖形。它包含許多功能，可讓您創建令人驚嘆的圖形以供個人和專業使用。儘管如此，圖像的形狀裁剪功能仍然是許多用戶所期待的一個關鍵工具。幸運的是，我們可以通過簡單的步驟來使用我們選擇的形狀填充圖像。以下是跨不同設備的操作步驟。

如何在 Canva 中用圖像填充形狀

1. 如何在 PC 上使用 Canva 中的圖像填充形狀

在 Canva 中用圖像填充形狀的過程對於 PC 網絡版和移動應用程序是不同的。我們首先從 web 方法開始。

裁剪圖像

如果您要裁剪新圖像，請按照以下步驟操作：

  1. 在您的網絡瀏覽器上啟動Canva。
    初始化 Canva
  2. 將圖像添加到模板後單擊圖像。
    選擇圖像
  3. 按屏幕左上角的“裁剪”選項。
    裁剪選項
  4. 圖像周圍會出現白角，拖動它們以裁剪圖像。
    裁剪步驟
  5. 一旦圖像裁剪到滿意的程度，點擊“完成”。
    完成裁剪

接下來是將圖像裁剪成形狀的部分。我們將使用星形示例，但所有其他形狀的步驟都相同。

在 Canva 中用圖像填充形狀

  1. 在Canva中打開所需的模板。
    選擇模板
  2. 導航到“元素”部分。
    導航元素
  3. 在“框架”部分選擇一個形狀。
    選擇框架
  4. 單擊形狀後，將您想要的圖像拖到形狀上，圖像將自動填充形狀。
    拖拉圖像填充形狀
  5. 使用圓角調整形狀的大小。
    調整形狀大小
  6. 雙擊形狀裁剪圖像，使用白色角進行裁剪。如出現全新需求，重複之前裁剪圖像的步驟。
    再次裁剪
  7. 完成後按“完成”。
    完成裁剪的形狀

2. 如何在 iPhone 上使用 Canva 中的圖像填充形狀

iPhone 用戶在 Canva 中使用圖像填充形狀有兩種選擇：先裁剪圖像或立即將圖像插入形狀。以下是兩種方法的詳細步驟。

裁剪圖像

  1. 啟動Canva並上傳您要裁剪的圖像。
    上傳圖像
  2. 按下圖像並點擊屏幕頂部的裁剪圖標。
    裁剪圖標
  3. 使用捏合和縮放手勢進行調整。
    調整圖像
  4. 點擊頂部的複選標記以保存您的工作。
    保存進度

在 Canva 中用圖像填充形狀

  1. 在Canva中打開一個新模板。
    選擇新模板
  2. 點擊屏幕右下角的“添加”圖標。
    點擊添加
  3. 按“插圖”或“形狀”按鈕打開搜索欄，在搜索欄中輸入“框架”，然後按回車鍵。
    搜索框架
  4. 選擇您喜歡的框架，自動出現在模板上。
    選擇框架
  5. 點擊屏幕底部的“編輯”圖標，然後選擇“畫廊”。
    編輯畫廊
  6. 選擇您之前裁剪的圖像，將自動填充形狀。
    自動填充圖像
  7. 通過點擊框架並按“編輯”圖標來調整可見區域或進一步裁剪圖片。
    調整可見區域
  8. 按複選標記保存您的工作。
    保存圖像
  9. 使用角調整框架大小。
    調整框架大小

3. 如何在 Android 上使用 Canva 中的圖像填充形狀

Android 用戶可以通過類似於 iPhone 的方式獲取兩種填充形狀的選擇。以下是所需的步驟。

裁剪圖像

  1. 將圖像上傳到Canva模板。
    上傳至 Canva
  2. 點擊圖像一次，然後點擊頂部的“裁剪”圖標。
    裁剪圖像
  3. 使用捏合和縮放手勢裁剪圖像。
    裁剪步驟
  4. 按複選標記以保存您的進度。
    保存進度

在 Canva 中用圖像填充形狀

  1. 在應用程序中創建一個新模板。
    創建新模板
  2. 點擊“添加”圖標並點擊“插圖”或“形狀”以顯示搜索欄。
    添加選項
  3. 搜索“框架”並按回車鍵。
    搜索框架
  4. 選擇您喜歡的框架將其添加到模板中。
    選擇框架
  5. 點擊“編輯”圖標並選擇“畫廊”。
    點擊編輯
  6. 上傳您希望用來填充特定形狀的圖像，使其自動填充。
    自動填充功能
  7. 通過點擊框架並按“編輯”圖標來調整可見區域或裁剪圖片。
    調整框架
  8. 點擊複選標記保存您的進度。
    保存進度
  9. 使用角來調整形狀框架的大小。
    框架調整大小

4. 如何在 iPad 上使用 Canva 中的圖像填充形狀

作為 iPad 用戶，您可以選擇先裁剪圖像或直接填充形狀。請遵循以下步驟以獲取最佳效果。

裁剪圖像

  1. 按 Canva 模板上的圖像並選擇“裁剪”圖標。
    裁剪圖像
  2. 使用捏合和縮放手勢進行調整。
    調整圖像
  3. 點擊複選標記以保存。
    保存進度

在 Canva 中用圖像填充形狀

  1. 在應用程序中啟動一個新模板。
    選擇新模板
  2. 按“添加”圖標並選擇“插圖”或“形狀”。
    選擇形狀
  3. 在搜索欄中輸入“框架”。
    搜尋框架
  4. 選擇您想添加的框架。
    選擇框架
  5. 選擇“編輯”圖標並轉到“圖庫”。
    編輯圖庫
  6. 從您的 iPad 中插入您希望填充該形狀的圖片。
    插入圖片
  7. 如需調整可見區域或裁剪圖片，請點擊相框按“編輯”圖標。
    調整可見區域
  8. 按複選標記保存。
    完成設計
  9. 如有必要，使用白色角調整框架大小。
    調整框架

5. 控制畫布形狀

雖然 Canva 沒有專門的工具來用圖像填充形狀，但軟件的靈活性讓我們輕鬆地做到這一點。您可以將預先裁剪的圖像添加到新的或預製的模板中並填充形狀，或根據需要使用原始圖形。

你用哪種形狀填充圖像？您是事先裁剪圖像還是立即開始填充形狀？在下面的評論中分享您的經驗。

(36) 評論

  1. 瑤瑤 -

    有沒有朋友可以和我分享一些運用這個技巧的實際案例呢

  2. 小芳 -

    設計真的可以這麼有趣！我會繼續學習更高級的技巧

  3. 小白兔 -

    Canva 的操作真的方便，不過我還是覺得有點難掌握，這篇文章幫了我很多，謝謝！

  4. 文婷 -

    不明白為甚麼有些圖像填進去會失真，有沒有人能幫我解釋一下

  5. 阿強 -

    這技巧很棒！有人知道如何在 Canva 中創建自定義形狀嗎？

  6. 小迪 -

    跟著教程一試，成功了！感覺有趣又有成就感

  7. 子瑜 -

    這篇文章太有幫助了，學到很多！推薦給所有設計迷

  8. 小婷 -

    哇，學會了這招，設計海報再也不煩惱了，感謝分享

  9. 阿明 -

    真心感謝這篇文章！我一直在尋找這種技巧，終於可以讓我的設計更有創意了。

  10. 敏銳 -

    使用 Canva 的這幾個月來，我發現可以用圖像填充形狀會提升整體設計感！

  11. 文雅 -

    這篇文章非常詳細！我會把這個技巧應用到我的日常工作中，謝謝分享

  12. 布丁貓 -

    太好玩了，我已經按照教程操作了一次，結果非常滿意，謝謝分享

  13. 小詩 -

    感覺自己也可以成為一名設計師了，真是太興奮了！

  14. 阿菊 -

    在學習設計的路上，感謝這篇文章讓我少走很多彎路

  15. 大志 -

    這種技巧真的超實用！不過我還有一些疑問，圖像的大小如何調整才會更好呢

  16. 晴天 -

    這個技巧讓我的設計變得豐富多彩，真心希望多一些這樣的教程

  17. 小宇 -

    還是有點難理解，這能在短時間內掌握嗎？有沒有更簡單的任務來練習？

  18. 小牛 -

    這些設計技巧真的太需要了，我會把這篇文章收藏起來

  19. Mimi 貓 -

    每次看完這類文章我都想立馬動手設計，真是太激勵人心了！

  20. 小蓮 -

    這篇文章真是太棒了！學到了如何在 Canva 中用圖像填充形狀，感覺自己像個設計師了

  21. 小雪 -

    這次的設計真的好看多了，多謝分享這個方法！

  22. 冰淇淋 -

    使用圖像填充形狀的方式太有趣了，感覺自己像藝術家！會繼續嘗試更多的設計

  23. 如如 -

    這篇文章對我來說超有幫助，真心推薦給需要的人

  24. 小剛 -

    這方法我學會了，以後可以用來做海報了，太開心了！

  25. 小貓 -

    Canva 是我最愛的設計工具，這篇文章真的幫助我成長了很多！

  26. 阿偉 -

    這篇文章不僅清楚還很具啟發性，我會好好利用這個技巧

  27. 墨墨 -

    這篇文章的步驟講解得很清楚，我已經學會了，希望大家也能試試看

  28. 星星 -

    自從使用 Canva 以來，我的設計能力提升了很多！這篇文章提供了很好的參考。

  29. 大勳 -

    當我開始使用 Canva 時，我真的不會設計，現在已經能夠玩得很開心了

  30. 果果 -

    有沒有推薦的圖像資源呢？我想用在設計中，但不知道從哪裡找

  31. 小靜 -

    這篇文章讓我眼前一亮，做出的作品真的煞有其事！

  32. 小花 -

    加入圖像填充形狀的元素讓我的設計瞬間亮眼，推薦大家都去試試

  33. 小吉 -

    Canva 是我最喜歡的設計工具，這篇文章又讓我學到了新的技巧

  34. Nick Pham -

    感謝這個實用的方法，讓我在設計工作中得心應手了

  35. Leo Huang -

    這篇真的是完全解決了我的煩惱，我之前一直不知道如何填充，太感謝了！

  36. 傑克揚 -

    太適合我這種新手了，謝謝！我會立即實踐的！

留下評論

如何修復 Microsoft Edge TPM 認證錯誤

如何修復 Microsoft Edge TPM 認證錯誤

還在為 Microsoft Edge 瀏覽器 TPM 認證錯誤而煩惱嗎？我們提供簡單易懂的 TPM 錯誤修復方案，幫助您輕鬆解決 Edge 中的 TPM 錯誤。使用我們最新且經過測試的解決方案，即可恢復流暢的上網體驗。無需任何技術技能！

如何在 Microsoft Edge 中安裝 Chrome 擴充功能 (2026)

如何在 Microsoft Edge 中安裝 Chrome 擴充功能 (2026)

在 Microsoft Edge 中解鎖 Chrome 擴充功能的全部功能！按照這份簡單的 2026 年指南，輕鬆安裝您喜愛的擴充程序，大幅提升您的瀏覽體驗。無需任何技術技能！

如何在 Microsoft Edge 中啟用 IE 模式以相容舊版網站

如何在 Microsoft Edge 中啟用 IE 模式以相容舊版網站

輕鬆掌握如何在 Microsoft Edge 中啟用 IE 模式。使用這份簡單易懂的分步指南，修復與舊版網站的兼容性問題，無縫存取舊版內容。立即提升您的工作效率！

如何在退出時自動清除 Microsoft Edge 數據

如何在退出時自動清除 Microsoft Edge 數據

了解如何在退出時自動清除 Microsoft Edge 數據，實現極致隱私保護。請依照我們的簡易指南操作，即可在每次關閉瀏覽器時清除瀏覽紀錄、Cookie 等資訊。立即提升安全！

如何修復 Microsoft Edge 桌布引擎衝突

如何修復 Microsoft Edge 桌布引擎衝突

還在為 Microsoft Edge 瀏覽器搭配 Wallpaper Engine 壁紙引擎時崩潰而煩惱嗎？按照我們的逐步指南，快速解決 Microsoft Edge 與 Wallpaper Engine 的衝突。我們提供行之有效的解決方案，確保流暢瀏覽和精美桌布。

解決 Microsoft Edge Hsts 攻擊警告（2026）

解決 Microsoft Edge Hsts 攻擊警告（2026）

還在為 Microsoft Edge 的 HSTS 攻擊警告而煩惱嗎？取得 2026 年終極修復方案，其中包含逐步指南，可快速解決此令人頭痛的安全警報。清除快取、重置設置，確保安全！

如何修復 Microsoft Edge 瀏覽器視訊音訊不同步的問題

如何修復 Microsoft Edge 瀏覽器視訊音訊不同步的問題

還在為 Microsoft Edge 網頁影片的音畫不同步而煩惱嗎？立即取得完美音畫同步解決方案。我們提供逐步指南，其中包含經實踐驗證的有效方法，可解決 YouTube 和 Netflix 等網站上的卡頓、延遲和不同步問題。

解決 Microsoft Edge Windows 沙盒錯誤

解決 Microsoft Edge Windows 沙盒錯誤

遇到 Microsoft Edge Windows 沙盒錯誤？查看逐步故障排除修復方案，快速解決問題。立即啟用功能、更新設定並恢復流暢瀏覽體驗！

如何修復 Microsoft Edge 工作列圖示重疊問題

如何修復 Microsoft Edge 工作列圖示重疊問題

厭倦了 Microsoft Edge 工作列圖示重疊，讓螢幕看起來雜亂無章？按照我們經過驗證的分步修復方法，即可輕鬆打造整潔的工作列。這些快速解決方案適用於最新版本的 Edge，無需任何技術技能！

排查 Microsoft Edge 多 GPU 透明度問題

排查 Microsoft Edge 多 GPU 透明度問題

透過逐步修復方案，正面解決 Microsoft Edge 透明度多 GPU 問題。輕鬆恢復雙 NVIDIA/Intel 設定下流暢、清楚的標籤頁和特效。