Filmora
Filmora - AI動画編集アプリ
強力でシンプルなビデオ編集アプリ
入手

描画ツール

チュートリアルやニュース動画を作成する際、Wondershare Filmoraの描画ツール機能を使用すると、ユーザーは重要な詳細を強調したり、ビデオクリップに直接バナーを作成することができます。これにより、動画のエンゲージメントとストーリー性を高めることができます。この機能には、矢印、長方形、楕円形など複数の図形が用意されており、コンテンツに個性的なタッチを加えることができます。

無料ダウンロード
Windows 7以降(64ビット)
無料ダウンロード
macOS 10.14以降の場合

Wondershare Filmoraの描画ツールを使うには?

動画に要素を追加する2つの利用方法をより理解するために、下記の簡単なガイドをご確認ください。

方法 1. Filmoraの描画ツールを使ってバナーを作る

描画ツールの概要を理解した上で、描画ツールを使って動画に魅力的なバナーを作成する方法をご紹介します。

Step 1.新規プロジェクトの作成

Filmoraの最新バージョンをパソコンにダウンロードしてインストールします。Filmoraを起動し、「新しいプロジェクト」ボタンをクリックします。

新しいプロジェクトを作成する
新しいプロジェクトを作成する
Step 2. 動画の追加と描画ツールへのアクセス

メインのワークスペースに入ったら、「インポート」ボタンをタップして、バナーを挿入したい動画を追加します。インポートしたら、編集用のタイムラインに動画をドラッグ&ドロップします。タイムラインの上部から「描画ツール」メニューにアクセスし、利用可能な図形から「長方形」オプションを選択します。

長方形を選択する
長方形を選択する
Step 3. バナーデザインをカスタマイズする

動画に図形を描画したら、希望の場所にドラッグして適切な位置に配置します。次に、右側のパネルで「塗りつぶし」オプションを有効にし、動画を補完するバナーの色を選択します。

長方形を色で塗りつぶす
長方形を色で塗りつぶす
Step 4. バナーにアニメーションを適用する

次に、「アニメーション」セクションに移動し、ご希望のスタイルを選択します。アニメーションを適用するには、選択したオプションをダブルクリックします。

バナーにアニメーションを適用する
バナーにアニメーションを適用する
Step 5. キーフレームアニメーションを表示する

アニメーションが適用されたら、タイムラインセクションに移動し、追加されたアニメーションのダイヤモンド形の上で「右クリック」します。ポップアップメニューから、「キーフレームアニメーションを表示」オプションを選びます。

キーフレームアニメーションを表示する
キーフレームアニメーションを表示する
Step 6. バナーのキーフレームアニメーションを調整する

拡張キーフレームアニメーション設定を選択したら、動画に合わせて調整を開始します。ダイアモンド形を横にドラッグして、アニメーションを適宜設定することができます。

キーフレームアニメーションを調整する
キーフレームアニメーションを調整する
Step 7. バナーにタイトルを追加する

その後、上部ツールバーの「タイトル」セクションに移動し、ご希望のタイトルを選択します。選択したタイトルをタイムラインの動画の上にドラッグ&ドロップします。プレビューウィンドウに表示されたら、バナーの上にドラッグしてタイトルの位置を調整します。タイトルの外観をカスタマイズするには、「ビデオ」タブに移動してプリセットのエフェクトスタイルを選択し、バナーに「テキスト」を追加します。

バナーにタイトルを追加する
バナーにタイトルを追加する
Step 8. 動画バナーをパソコンにエクスポートする

バナーの外観に問題がなければ、インターフェイスの右上にある「エクスポート 」タブをタップします。「エクスポート」ウィンドウで、動画の出力フォルダ、解像度、形式を選択できます。「エクスポート」ボタンをクリックして動画をパソコンに保存します。

エクスポート設定を調整する
エクスポート設定を調整する
方法 2. Filmoraの描画ツールを使って矢印を挿入する

注釈用に動画に追加できる図形とは別に、視聴体験を向上させるために動画に注釈を付けるもう一つの方法をご紹介します。

Step 1. 動画を追加してタイムラインにドラッグ

「メディアをインポート」ボタンをクリックしてプロセスを開始し、動画をインターフェイスに追加してタイムラインにドラッグします。

動画をタイムラインにドラッグ&ドロップする
動画をタイムラインにドラッグ&ドロップする
Step 2. 描画ツールから矢印を選択する

次に、編集インターフェイスで、「描画ツール」アイコンをクリックし、「矢印」オプションを選択します。そして、矢印を配置したい動画にこの矢印を描きます。

矢印の形を選択する
矢印の形を選択する
Step 3. 動画上の矢印を調整し、塗りつぶす

動画要素に合わせて、「塗りつぶし」トグルボタンをタップしてオンにし、色を追加します。そして、動画上の矢印を調整して配置します。

矢印に色を追加する
矢印に色を追加する
Step 4. アニメーションを適用する

矢印を調整したら、「アニメーション」セクションをクリックし、動画に最適なスタイルを選択します。アニメーションを適用するには、描画ツールをダブルクリックします。

矢印にアニメーションを適用する
矢印にアニメーションを適用する
Step 5. 矢印を右クリックし、「キーフレームアニメーションを表示」を選択する

矢印のアニメーションを調整したら、タイムライン上の要素を右クリックします。ドロップダウンメニューが表示されるので、「キーフレームアニメーションを表示」を選びます。

キーフレームアニメーションオプションを選ぶ
キーフレームアニメーションオプションを選ぶ
Step 6. キーフレームアニメーションを調整し、動画をエクスポートする

次に、タイムラインのキーフレームアニメーションパネルから、ご希望に合わせて調整します。最後に、画面右上の「エクスポート」ボタンを押して、動画をファイルにダウンロードします。

キーフレームアニメーションを調整して動画をエクスポートする
キーフレームアニメーションを調整して動画をエクスポートする
方法 3. 簡単なフォーマットカスタマイズでラインを追加する

Filmoraは動画にインタラクティブな要素を描画するための一連の図形セットを提供していますが、動画を分かりやすくするために、コンテキストフォーマットでラインを追加することもできます。ここでは、Filmoraで動画にラインを追加する方法をご紹介します。

Step 1. 動画のタイムラインにラインを追加する

Filmoraのタイムラインに動画をインポートした後、タイムラインメニューバーの「シェープ」オプションに進み、リストから「ライン」を選択します。

シェープオプションを使ってラインを追加する
シェープオプションを使ってラインを追加する
Step 2. Filmoraでシェープの設定でラインをカスタマイズする

プレビューウィンドウに描画すると、シェープに関連する設定が右側に表示されます。前のセクションで説明したように、アニメーションを追加することができますが、「ライン 」シェープは特別なフォーマットのカスタマイズをすることができます。「ベーシック」セクションの 「ライン」設定メニューを展開し、このシェープの外観を良くするオプションをご確認ください。利用可能なオプションで全体的なスタイルとサイズを選択しながら、ラインの開始方法を定義したり、終了スタイルを選択することができます。

インシェープをカスタマイズする
ラインシェープをカスタマイズする
MV、文字PVに!簡単でかっこいいシェイプアニメーション✨新機能「描画ツール」での作り方を詳しく説明| Wondershare Filmora
無料ダウンロード
Windows 7以降(64ビット)
無料ダウンロード
macOS 10.14以降の場合