Canvaで図形を画像で塗りつぶす方法

デバイスリンク

Canvaの紹介

Canvaは、言葉では言い表せないグラフィックを作成するための優れたツールです。個人用とプロ用の両方で素晴らしいグラフィックを作成できる機能が満載です。ただし、画像の形状トリミングという重要なツールはまだ利用できません。幸いなことに、回避策があります。選択した図形を追加し、選択したグラフィックで塗りつぶすだけです。この記事では、複数のデバイス間でこれを行う方法について説明します。

手順概要

  1. 画像をトリミングする
  2. 図形を作成する
  3. 画像を図形に塗りつぶす

Canvaで図形を画像で塗りつぶす方法

PCのCanvaで図形を画像で塗りつぶす方法

Canvaで図形を画像で塗りつぶすプロセスは、PC Webバージョンとモバイルアプリで異なります。まずはWebメソッドから始めます。

1. 画像のトリミング

新しい画像をトリミングする場合は、以下の手順に従います。

  1. WebブラウザでCanvaを起動します。
  2. テンプレートに画像を追加したら、画像をクリックします。
  3. 画面の左上にある「トリミング」オプションを押します。
  4. 画像の周囲に白い角が表示されます。画像内でそれらをドラッグしてトリミングします。
  5. 画像が満足のいくまで切り取られたら、「完了」をクリックします。

2. 図形を画像で塗りつぶす

次の手順に従って、画像を図形に切り抜きます。

  1. Canvaで目的のテンプレートを開きます。
  2. 「要素」セクションに移動します。
  3. 「フレーム」部分で形状を選択します。「すべて表示」を押すとオプションを展開できます。
  4. 図形をクリックすると、テンプレート上にその図形が表示されます。希望の画像 (以前にトリミングした画像) を図形上にドラッグします。画像は自動的に形状を占めます。
  5. 丸い角を使用して図形のサイズを調整します。
  6. 図形をダブルクリックして画像をトリミングします。白い角を再度使用してトリミングします。
  7. 完了したら「完了」を押します。

iPhoneのCanvaで図形を画像で塗りつぶす方法

iPhoneユーザーには、Canvaで図形を画像で塗りつぶすための2つのオプションがあります。画像を基本的にトリミングして図形に合わせて調整するか、すぐに図形を挿入して開始します。

1. 画像のトリミング

  1. Canvaを起動し、切り抜きたい画像をアップロードします。
  2. 画像を押して、画面上部の切り抜きアイコンをタップします。
  3. 変更を加えるには、ピンチおよびズームのジェスチャを使用します。
  4. 上部のチェックマークをクリックして作業を保存します。

2. 図形を画像で塗りつぶす

  1. Canvaで新しいテンプレートを開きます。
  2. 画面右下の「追加」アイコンを押します。
  3. 「イラスト」または「図形」ボタンを押すと検索バーが開きます。
  4. お好みのフレームをお選びください。テンプレート上に自動的に表示されます。
  5. 画面の下部にある「編集」アイコンをクリックし、「ギャラリー」を選択します。
  6. 先ほど切り抜いた画像を選択します。ツールは自動的に画像を形状に塗りつぶします。
  7. 表示領域を調整したり、フレームを押して「編集」アイコンを押して画像をさらにトリミングしたりできます。
  8. チェックマークを押して作業を保存します。
  9. 角を使ってフレームのサイズを調整します。

AndroidのCanvaで図形を画像で塗りつぶす方法

iPhoneと同様に、Androidユーザーには画像で図形を塗りつぶすための2つのオプションがあります。

1. 画像のトリミング

  1. 画像をCanvaテンプレートにアップロードします。
  2. 画像を1回タップし、上部にある「トリミング」アイコンをクリックします。
  3. ピンチとズームのジェスチャを使用して画像をトリミングします。
  4. チェックマークを押して進行状況を保存します。

2. 図形を画像で塗りつぶす

  1. アプリで新しいテンプレートを作成します。
  2. 「追加」アイコンをタップし、「イラスト」または「図形」を押すと検索バーが表示されます。
  3. 「フレーム」を検索してEnterキーを押します。
  4. 好みのフレームを選択してテンプレートに追加します。
  5. 「編集」アイコンをタップし、「ギャラリー」を選択します。
  6. 特定の形状を塗りつぶしたい画像をアップロードします。プログラムは画像を自動的に挿入します。
  7. 表示領域を調整するか、フレームをタップして「編集」アイコンを押して画像をトリミングします。
  8. チェックマークをクリックして進行状況を保存します。
  9. コーナーを使用してフレームのサイズを調整します。

iPadのCanvaで図形を画像で塗りつぶす方法

iPadユーザーは、最初に画像をトリミングして形状をより正確に埋めることも、すぐに2番目の部分から始めることもできます。

1. 画像のトリミング

  1. Canvaテンプレート上の画像を押して、「トリミング」アイコンを選択します。
  2. ピンチとズームのジェスチャを使用して変更を加えます。
  3. チェックマークをタップして保存します。

2. 図形を画像で塗りつぶす

  1. アプリで新しいテンプレートを開始します。
  2. 「追加」アイコンを押して「イラスト」または「図形」を選択します。
  3. 検索バーに「フレーム」と入力します。
  4. 追加したいフレームを選択します。
  5. 「編集」アイコンを選択し、「ギャラリー」に移動します。
  6. その形状を塗りつぶしたい画像をiPadから挿入します。
  7. 表示範囲を調整したり、写真をトリミングしたい場合は、フレームをタップして「編集」アイコンを押します。
  8. チェックマークを押して保存します。
  9. 必要に応じて、白い角を使用してフレームサイズを微調整します。

Canvaの図形を制御する

Canvaには、図形を画像で塗りつぶすための専用ツールはありませんが、ソフトウェアの柔軟性により、簡単に塗りつぶすことができます。

画像をどの図形で塗りつぶしましたか? 事前に画像をトリミングしましたか、それともすぐに形状を塗りつぶし始めましたか? 以下のコメント欄であなたの経験を共有してください。

27 Comments

  1. ひろし -

    Canvaの新しい機能を使えるのが本当に楽しみ!また素晴らしい記事を期待しています

  2. たかし -

    この機能、私も欲しいです!デザインの幅が広がるって、やっぱり嬉しいですね。

  3. 深田しおり -

    本当に便利なテクニックですね!特にプレゼンテーションのデザインに役立ちそうだと思いました

  4. ゆり -

    作者様、こんな素晴らしい情報を提供してくださり、感謝いたします!これからもよろしくお願いします。

  5. はな -

    おっしゃる通り、この方法が使えたら、かなりデザインが変わりますね!早速試してみます

  6. 佐々木けんた -

    実際にやってみたら、すごく簡単でした!ありがとうございます。この技を使って、友達に驚いてもらいたいです。

  7. 秋田圭介 -

    プレビューを見ながら作業できるのは嬉しいです!これから試してみます

  8. たつや -

    Canvaを使ったことがない人でも理解できる良い説明ですね!もっと初心者向けの内容があると嬉しいです。

  9. しゅんたろう -

    何度も読み返しましたが、理解が深まりました!最高です!

  10. 中村なつみ -

    これを見てから、自分でも試してみましたが、すごく楽しい!もっとクリエイティブな作品を作ってみたくなりました

  11. なりん -

    Canvaは本当に楽しいですね!もっとクリエイティブになっていきたいです

  12. ミキ -

    この方法で友達のレポートを手伝うつもりです!正直、見た目が大事だからね

  13. りょうた -

    Canvaの使い方がもっとわかりやすくなった!助かる記事をありがとう!

  14. ミカエル -

    Canvaの図形に画像を塗りつぶすだけでなく、他の機能も紹介してもらえたら嬉しいです!

  15. まみ -

    すごく簡単で楽しい方法ですね!私も早速試してみて、友達に見せたいと思います

  16. みゆき -

    私も最近Canvaを使っているけど、図形の塗りつぶしがこんなに簡単だとは思わなかった!今後はもっと活用していきたい。ありがとうございます

  17. みかん太郎 -

    記事のおかげで、Canvaをもっと楽しく使えそうです!感謝です!

  18. ハルちゃん -

    この方法、すごく便利ですね!自分のデザインをもっと鮮やかにできる、早速試してみます

  19. 佐藤静香 -

    Canvaでの図形の使い方がよくわからなかったので、解説してくれて助かりました!今後もこういう記事があればいいなぁ

  20. 吉田りか -

    Canvaの図形に画像を塗りつぶすのは面白いですよね!ぜひ、こんなアイデアをもっとシェアして欲しいですね

  21. ゆうき -

    すごく有益な情報です!ありがとうございます。これからもっとCanvaを利用していきます

  22. 田中花子 -

    これを試してみたいけど、難易度はどれくらいですか?初心者でも簡単にできますか?

  23. 鈴木太郎 -

    Canvaで図形を画像で塗りつぶす方法、すごく面白いですね!この機能を使って、自分の作品をもっと素敵に仕上げられそうです

  24. 山田ジョン -

    ありがとうございます!私も最近Canvaを使い始めたばかりで、この情報がとても役立ちます

  25. じゅん -

    この方式で、すっと色が変えられるのが嬉しい!もっと凝ったデザインにも挑戦したくなりました。

  26. 桜井あや -

    この方法を使って、早速自分のアートを更新しました!嬉しい成果が得られました

  27. カエルちゃん -

    楽しい記事ですね!でも、画像のタイプによっては色がどう変わるのか気になります!

Leave a Comment

人生のあらゆる特別な瞬間にぴったりのサンキューカードの提案

人生のあらゆる特別な瞬間にぴったりのサンキューカードの提案

Canva を使用すると、友人やクライアントとオンラインで共有できるパーソナライズされたカードを簡単に作成できます。 Canva で試せる素晴らしいサンキューカードのテンプレートをいくつかご紹介します。

最高の AI 写真背景除去ツールは何ですか?

最高の AI 写真背景除去ツールは何ですか?

人々は背景を手動で削除するのに多くの時間を費やしており、AI は必ずしも主張するほどの魔法ではありません。

Canva AIを使って名刺を作成する方法

Canva AIを使って名刺を作成する方法

名刺プロジェクトには、Canva の Magic Design、Magic Media、Magic Write、Canva Print を使用できます。

スマホの写真にテキストを挿入できる7つのおすすめアプリ、豊富なフォントとカラー

スマホの写真にテキストを挿入できる7つのおすすめアプリ、豊富なフォントとカラー

写真に書き込むことは、通常の写真よりもメッセージを伝えたり愛情を表現したりするのに適した方法です。写真にテキストを挿入しないでください。通常、携帯電話の写真編集アプリケーションは、さまざまな独自のフォントやスタイルを使用して写真にテキストを書き込む機能を提供します。

CanvaとChatGPTを使って大量コンテンツデザインを作成する方法

CanvaとChatGPTを使って大量コンテンツデザインを作成する方法

このチュートリアルでは、ChatGPT とともに、Canva で Bulk Create アプリがどのように機能するかを説明します。わずか数分で 1 か月分のコンテンツを作成できることに驚かれることでしょう。

バレンタインデーカードを無料で作成できる4つのウェブサイト

バレンタインデーカードを無料で作成できる4つのウェブサイト

今年のバレンタインデーには、高価なグリーティング カードにお金を使う代わりに、楽しくて心のこもった電子カードを無料で送ってみませんか?

Canvaモバイルを使ってスマートフォンで動画を編集する方法

Canvaモバイルを使ってスマートフォンで動画を編集する方法

リールを作成する場合でも、YouTube 用のビデオを編集する場合でも、Canva はスマートフォンで映像を組み立てるのに最適なモバイル アプリです。

Canvaで表を作成する方法

Canvaで表を作成する方法

Canva で表を作成するのは難しくありません。この記事では、Canva で表を描く方法について詳しく説明します。

Canvaプリントについて知らないかもしれないこと

Canvaプリントについて知らないかもしれないこと

Canva Print を使用すると、デザインと印刷がこれまでになく簡単かつ楽しくなります。 Canva Print に関する興味深い事実をいくつかご紹介します。

より良い履歴書を作成するには Canva、Word、それとも Google Docs でしょうか?

より良い履歴書を作成するには Canva、Word、それとも Google Docs でしょうか?

目立つ履歴書を作成することは不可欠です。 Canva、Microsoft Word、Google Docs の 3 つが人気のある選択肢です。しかし、あなたにとって最適な選択肢はどれでしょうか?

Canvaで要素の色を変更する方法

Canvaで要素の色を変更する方法

Canva では、カラー見本を使用してグラフィック要素の色を簡単に変更できます。編集不可能なコンポーネントを使用しても、色を編集できないわけではありません。

Canvaでディズニーコレクションを探索

Canvaでディズニーコレクションを探索

Canva で入手可能なコレクションで、ディズニーの素晴らしい世界に足を踏み入れましょう。クラシックなディズニーキャラクターとお気に入りのパターンでデザインに魅力を加えます。

Canvaで正確なカラー印刷を実現する方法

Canvaで正確なカラー印刷を実現する方法

高品質の印刷文書では、色の正確さを確保することが重要です。このガイドでは、Canva で作成したデザインを印刷するときに色の正確さを実現する方法を段階的に説明します。

Canvaにリンクを追加する方法

Canvaにリンクを追加する方法

Canva にリンクを追加する方法を知っておくと、非常に役立ちます。デザインにリンクを挿入すると、潜在的な顧客が Web サイトを閲覧したり、特定の製品ページに直接移動したりできるようになります。

Canvaでテキストを縦書きにする方法

Canvaでテキストを縦書きにする方法

Canvaでテキストを縦書きにする方法を学ぶ。簡単な手順とコツを共有し、デザインのクオリティを向上させましょう。

2026年のMicrosoft Edge生産性向上に最適な拡張機能

2026年のMicrosoft Edge生産性向上に最適な拡張機能

2026年のMicrosoft Edge生産性向上のためのベスト拡張機能で、最高の効率を実現しましょう。タブ操作の習得からAIを活用したタスク管理まで、これらのおすすめ拡張機能は、あなたのブラウジングを生産性の宝庫へと変貌させます。今すぐインストールして、毎日何時間も節約しましょう!

Microsoft Edgeの壁紙エンジンの競合を修正する方法

Microsoft Edgeの壁紙エンジンの競合を修正する方法

Microsoft EdgeがWallpaper Engineとクラッシュして困っていませんか?ステップバイステップガイドに従って、Microsoft EdgeのWallpaper Engineの競合を素早く解決しましょう。スムーズなブラウジングと美しい壁紙を実現する実証済みの方法をご紹介します。

Microsoft Edge ノートパソコンのバッテリー消耗のトラブルシューティング

Microsoft Edge ノートパソコンのバッテリー消耗のトラブルシューティング

Microsoft Edge のノートパソコンのバッテリー消費が早くて困っていませんか?この Microsoft Edge のノートパソコンのバッテリー消費に関するトラブルシューティングガイドで、すぐに問題を解決できます。今すぐバッテリー寿命を延ばしましょう!

Microsoft EdgeのYouTubeのブラックスクリーンの修正に関するトラブルシューティング

Microsoft EdgeのYouTubeのブラックスクリーンの修正に関するトラブルシューティング

Microsoft EdgeでYouTubeのブラックスクリーンに困っていませんか?実証済みのMicrosoft Edge YouTubeブラックスクリーンの解決方法をご覧ください。キャッシュのクリア、ハードウェアアクセラレーションの無効化など、スムーズな動画再生を実現するための様々な対策をご案内します。素早く簡単に解決できるソリューションもご用意しています。

Microsoft Edgeの音声とWebビデオの同期がずれる問題を修正する方法

Microsoft Edgeの音声とWebビデオの同期がずれる問題を修正する方法

Microsoft Edge のウェブ動画で音声の同期がずれて困っていませんか?音声と動画の完璧な同期をすぐに実現する修正方法をご紹介します。YouTube や Netflix などのサイトで発生する遅延やズレの問題を解決するための、実証済みの方法をステップバイステップで解説します。

Microsoft Edgeのスタートアップブーストによるディスク容量不足の修正方法

Microsoft Edgeのスタートアップブーストによるディスク容量不足の修正方法

Microsoft Edgeのスタートアップブーストによるディスク使用量の増加にうんざりしていませんか?ステップバイステップの修正方法で、これを無効化し、PCの速度を回復し、将来の問題を防ぐことができます。迅速、簡単、そして効果的です!

Microsoft Edge の透過性マルチ GPU のトラブルシューティング

Microsoft Edge の透過性マルチ GPU のトラブルシューティング

Microsoft Edge の透過性に関するマルチ GPU の問題を、ステップバイステップの修正で正面から解決しましょう。NVIDIA/Intel デュアル構成でも、スムーズでクリアなタブとエフェクトを簡単に復元できます。

Microsoft Edge セキュリティ センターの不具合の解決

Microsoft Edge セキュリティ センターの不具合の解決

Microsoft Edge セキュリティセンターが見当たらなくて困っていませんか?Windows でセキュリティセンターを瞬時に復元するためのステップバイステップの解決策をご覧ください。究極のブラウザセキュリティを実現する、迅速で信頼性の高いソリューションです。最新の Edge ビルドで動作します!

Microsoft Edge リモート デスクトップ ゲートウェイ エラーの修正方法

Microsoft Edge リモート デスクトップ ゲートウェイ エラーの修正方法

Microsoft Edge リモート デスクトップ ゲートウェイ エラーでお困りですか?最新の Edge バージョンで動作するステップバイステップの解決方法をご覧ください。キャッシュのクリア、設定のリセットなど、技術的なスキルは必要ありません。

Microsoft Edge セーフモードネットワークのトラブルシューティング

Microsoft Edge セーフモードネットワークのトラブルシューティング

Microsoft Edgeのセーフモードネットワークが機能しない場合は、Edgeセーフモードの接続に関する問題をトラブルシューティングして解決するための実証済みの手順をご覧ください。専門家によるガイドですぐにオンライン接続できます。

Microsoft Edge のマイカ効果が機能しない場合のトラブルシューティング

Microsoft Edge のマイカ効果が機能しない場合のトラブルシューティング

Microsoft Edge のマイカ効果が機能しない場合のトラブルシューティング方法をご紹介します。Windows 11 の Edge で美しいマイカの透明効果を有効にするためのステップバイステップの修正方法をご覧ください。すぐに使える簡単な解決策です。

Microsoft Edge Winaero Tweaker Fix 2026 を修正する方法

Microsoft Edge Winaero Tweaker Fix 2026 を修正する方法

Winaero Tweaker で調整した後、Microsoft Edge がクラッシュしたりエラーになったりしていませんか? Microsoft Edge の Winaero Tweaker Fix 2026 を修正する方法を解説した究極のガイドをご覧ください。最新のアップデートでスムーズなブラウジングを実現するためのステップバイステップのソリューション。迅速かつ確実な修正!

Microsoft Edge のコンテキスト メニューの表示速度が遅い問題のトラブルシューティング

Microsoft Edge のコンテキスト メニューの表示速度が遅い問題のトラブルシューティング

Microsoft Edgeのコンテキストメニューの遅延にうんざりしていませんか?この究極のトラブルシューティングガイドでは、実証済みの修正方法、クイックリセット、そしてEdgeの右クリック速度を驚異的な速さに戻すための高度なヒントをご紹介します。今すぐ始めましょう!

Microsoft Edgeのシステムサウンドが聞こえない問題を修正する方法

Microsoft Edgeのシステムサウンドが聞こえない問題を修正する方法

Microsoft Edgeのシステムサウンドが聞こえなくなって困っていませんか?通知、アラート、ブラウザサウンドを素早く簡単に復元するためのステップバイステップの解決策を、この究極ガイドでご紹介します。最新バージョンでも問題なく動作します。

Microsoft EdgeのTPM認証エラーを修正する方法

Microsoft EdgeのTPM認証エラーを修正する方法

Microsoft EdgeのTPM認証エラーでブラウジングがブロックされ、うんざりしていませんか?EdgeのTPMエラーを解消するための、簡単なステップバイステップの解決策をご紹介します。最新のテスト済みソリューションで、スムーズなブラウジングを取り戻しましょう。技術的なスキルは必要ありません!