画像やステッカーにアウトラインを追加することは、Canva デザインを際立たせる最も簡単なテクニックの 1 つです。これは単純な効果ですが、ビジュアルを混雑した背景に映えさせたい場合や、全体的により洗練されたように見せたい場合には、大きな違いをもたらします。
実際、Canva では、扱う画像の種類に応じて、いくつかの異なる方法が提供されます。普通の写真や形はありますか?それには方法があります。切り抜き画像やステッカーを使用していますか?より効果的な別のアプローチがあります。
Canva で画像のアウトラインを作成するさまざまな方法を説明します。読み終わる頃には、デザインをより目を引くものにする方法が正確にわかるでしょう!
Canva では、アウトラインを追加するための主な 2 つの方法が提供されており、適切な方法を選択するのは、作業している画像の種類によって異なります。
方法 A:単純な形状の基本的な境界線またはストローク
この方法は、長方形や正方形などの標準的な形状を扱う場合に最適です。これは、Canva で写真のアウトラインを作成する最も簡単な方法で、デザインに合わせて枠線の太さと色を調整できます。
Canva でアウトラインを追加する方法:
Canva デザインでアウトラインを作成する画像をクリックします。周囲の選択ハンドルで強調表示されていることを確認してください。

ステップ 2
アウトラインをカスタマイズします
「ストロークスタイル」を選択し、直線に切り替えます。ウェイト スライダーをドラッグして太さを調整し、線の色を変更したい場合はカラー ボックスをクリックします。

制限事項:
- すでに規則的な形状(正方形または長方形)を持つ画像にのみ機能します。
- 不規則に切り取られた画像や背景が透明なステッカーを使用している場合、境界線は図形の端に沿うのではなく、要素全体の周囲にボックスを作成します。
- 境界線は実際には写真の内側にあります。太さを増やすと、線が内側に広がり、画像内でより多くのスペースを占めるようになります。
この方法で問題が解決しない場合は、次のオプションを試してください。
方法 B:切り抜き画像のシャドウ アウトライン
不規則な形状、ステッカー、背景が透明な画像の輪郭を描く必要がある場合、シャドウ効果はあなたの強い味方です。この手法により、画像の複雑さに関係なく、画像の実際の輪郭に沿ったアウトラインが作成されます。
Canva で影付きのアウトラインを作成する方法:
ステップ 1
画像を選択し、編集オプションを開きます
切り抜いた画像またはステッカーをクリックし、上部に表示されるツールバーの [画像の編集] をクリックします。

ステップ 2
アウトラインのシャドウ効果を適用します
下にスクロールして「シャドウ」セクションを見つけてクリックします。利用可能なオプションから「アウトライン」シャドウ効果を選択します。

ステップ 3
サイズと色を調整
サイズ スライダーを使用して、輪郭を太くしたり、細くしたりできます。影のカラー ボックスをクリックして、デザインに必要な色に変更します。
プロのヒント:白い輪郭を作成する
Canva で画像に白い輪郭を追加する方法を知りたいですか?上記の方法 B に従うだけですが、ステップ 3 で色を調整するときに、影の色として白を選択します。このテクニックは、被写体を背景から浮き上がらせる必要があるあらゆるデザインに最適です。
画像のアウトラインを作成し、アニメーション化して動的な結果を得る方法
静的なアウトラインは、ほとんどのデザイン プロジェクトではまったく問題なく機能しますが、ビデオ コンテンツに移行すると制限を感じ始めます。動きが自然に目を引き、静的な境界線がただそこにあるだけです。
Canva にはカスタム アウトラインをアニメーション化するツールがありません。要素に基本的なアニメーションを追加することはできますが、画面上に輪郭を描画したり、ビデオのビートに合わせてパルスしたりすることはできません。このような効果を得るには、Wondershare Filmora が必要です。
安全なダウンロード
Filmora では、ペン ツールを使用してアウトラインをアニメーション化する方法を完全に制御できます。 YouTube の紹介、製品のハイライト、チュートリアル、またはソーシャル メディアの投稿に役立つ、スムーズな描画エフェクトを作成できます。ワークフローは直接的で初心者向けであり、効果を実現するために追加のプラグインや複雑なセットアップは必要ありません。
Canva から Filmora にアップグレードする理由
Canva は、静的なアウトラインやシンプルなビジュアル レイアウトに非常に適しています。ただし、カスタムのライン パスを描画する必要がある場合、またはデザインにアニメーションが必要な場合、または動きのあるシーンに適合させる必要がある場合は、Filmora がより適切な選択肢になります。
Filmora は最初からビデオ編集用に構築されているため、タイミング、モーション、キーフレームを自然に処理します。これにより、輪郭を描かれた画像が平坦なままではなく、動画内で移動、ハイライト、インタラクションできるようになります。
アニメーション アウトラインに Filmora を使用する主な利点
- ビデオとモーション向けに設計:Filmora は、ビジュアルがどのように動くべきかを理解するツールを提供します。シーンと同期して輪郭を表示、フェード、トレース、または脈動させたい場合、Filmora ではそれをスムーズに行うためのコントロールが提供されます。
- 正確なアニメーション制御:いくつかのプリセット アニメーションに依存する代わりに、アウトラインがどのように表示されるかをフレームごとに制御できます。素早いハイライト トレース、ゆっくりとしたドローオン リビール、BGM に合わせて脈動するアウトラインを作成できます。
- プログラム間の切り替えが不要:Canva では、画像のアウトラインを作成してエクスポートし、ビデオ エディタに切り替えてアニメーション化します。何かを調整する必要がある場合は、行ったり来たりする必要があります。 Filmora を使用すると、同じワークスペース内でアウトラインとアニメーションを直接実行できるため、時間を節約できます。
- 初心者でも利用できるプロフェッショナルな結果:Filmora で作成されたアニメーション アウトライン エフェクトは、最新のマーケティング ビデオや人気の YouTube チャンネルで使用されているスタイルに一致します。この外観を実現するために、高度なソフトウェアやモーション グラフィックスの経験は必要ありません。
Filmora でアニメーション アウトラインを作成する方法
Filmora は、これに 2 つの機能を使用します。輪郭をトレースするペン ツールと、輪郭をアニメーション化するトリム パスです。最初は技術的に聞こえますが、ワークフローは一度試してみると簡単です。
ステップ 1
ペンツールを選択します
画像またはステッカーを Filmora タイムラインに配置した後、編集ツールバーからペンツールを開きます。このツールを使用すると、被写体の周囲にカスタム パスを描画できます。

安全なダウンロード
ステップ 2
被写体の周りをトレースします
画像の端に沿ってクリックしてアンカー ポイントを作成します。 Filmora はこれらのポイントをパスに接続します。ここでは完璧であることを心配する必要はありません。後でいつでもポイントを調整して形状を微調整することができます。

右側のパネルで「基本」セクションを開き、「ストローク」がオンになっていることを確認します。 [単色] を選択してきれいなアウトラインを作成し、アウトラインの色、太さ (太さ)、不透明度などを設定します。輪郭をより強くまたは明るく見せたい場合は、ストローク オプションからネオン プリセットを選択します。

ステップ 4
トリム パス効果を適用します
[トリム パス] オプションを見つけて、アウトライン レイヤーに適用します。これにより、アウトラインがアニメーション化され、徐々に表示されます。

再生ヘッドをタイムラインの先頭に移動します。 [開始] と [終了] の値を 0 パーセントに設定し、[終了] 設定でキーフレームを作成して、アニメーションの開始位置をマークします。
次に、ストローク アニメーションを終了したい位置まで再生ヘッドをドラッグします。 [終了] の値を 100 パーセントに変更し、2 番目のキーフレームを配置してモーションを完了します。

比較:アウトライン効果の Canva と Filmora
| 機能 | キャンバス | フィルモーラ |
| 最適な用途 | 静止画像、ソーシャル メディア グラフィック、クイック デザイン | ビデオ コンテンツ、アニメーション効果、モーション グラフィックス |
| アウトライン オプション | 基本的な境界線、影ベースのアウトライン | トリム パス効果アニメーションを使用したカスタム アウトライン パス |
| アニメーション機能 | プリセット アニメーションのみ (フェード、スライドなど) | 完全なキーフレーム コントロール、カスタム タイミング、複雑な動き |
| 学習曲線 | わかりやすくて初心者に優しい | 初心者向け、より多くの制御オプションを備えています |
| 白いアウトラインの作成 | はい (シャドウ効果を使用) | はい (ストロークの色と太さを直接設定) |
| 形状の処理 | 通常の形状または切り抜き PNG で最適に動作します | あらゆる形状に対応し、カスタム パスをトレースできます |
| 価格 | 無料版が利用可能、Pro は月額 13 ドルから | 無料トライアルが利用可能です。サブスクリプションと永久ライセンスのオプションは地域によって異なります |
| エクスポート オプション | PNG、JPG、PDF、基本 MP4 | 1080p や 4K を含む高品質ビデオのエクスポート |
