Filmora最新バージョンをご利用ください。

描画ツール（Mac）

Wondershare Filmoraは描画ツール機能を提供開始しました。これにより、ユーザーは優れたチュートリアルやニュースキャスティング動画をすばやく簡単に作成できます。視覚的なコントロールを維持しながら、動画を強調することができます。長方形、矢印、三角形、円形、シンプルな線など、さまざまな図形を動画に使用することで、コンテンツに新しい外観をもたらすことができます。

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

このガイドでは、Filmora Macの描画ツールの使い方を紹介します。さまざまな場面に合わせて、この機能で何を実現できるかを理解することができます。

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

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

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

Wondershare Filmoraの最新バージョンをダウンロードしてインストールした後、起動して「新しいプロジェクト」ボタンを選択し、次のウィンドウに移動します。

Filmoraで新しいプロジェクトを立ち上げる

Step 2. ツールを使用して長方形の要素を追加する

編集インターフェイスを開いたら、「インポート」ボタンに移動して、バナーが必要な動画を追加します。タイムラインにドラッグ＆ドロップし、タイムラインの上のバーにある「描画ツール」メニューに移動します。ドロップダウンメニューが表示されたら、使用可能なオプションの「長方形」オプションを選択します。

描画ツールから長方形を追加する

Step 3. 適切な色で長方形を塗りつぶす

プレビューウィンドウに図形を描画したら、マウスでドラッグするだけで位置を設定できます。「ベーシック」設定の「塗りつぶし」セクションを探し、動画のテーマに一致する色を選択します。

長方形に色を塗りつぶす

Step 4. 長方形にアニメーションを追加する

「設定」パネルの「アニメーション」セクションに進み、動画のテーマに合ったスタイルを選択します。アニメーションを適用するには、アニメーションをダブルクリックしてタイムライン内の動画に追加します。

長方形にアニメーションを追加する

Step 5. アニメーションのキーフレーム設定を開く

アニメーションを適用した後、タイムラインに進み、ダイヤモンド図形をControlキーを押しながらクリックして、キーフレームアニメーションを表示オプションを選択します。

アニメーション キーフレーム設定にアクセス

Step 6. タイムラインで追加したアニメーションのキーフレームを調整する

アニメーションのキーフレーム設定を開き、手動で調整します。ダイヤはタイムライン上で簡単に調整でき、アニメーションを適宜カスタマイズすることができます。

キーフレーム アニメーションを調整する

Step 7. 動画にタイトルを入れる

上部の「タイトル 」セクションに進み、動画の特徴に合うタイトルを選択します。タイトルを動画のタイムラインにドラッグして、プレビューウィンドウで位置を調整します。次に「テキスト 」タブで外観をカスタマイズし、プリセットを適用し、内容も追加することができます。

動画タイトルを追加する

Step 8. 最終的なバナー動画をエクスポートする

最終調整を終えたら、右上の「エクスポート」ボタンで新しいウィンドウを開きます。動画の詳細、解像度、フォーマットなどの要件を定義し、「エクスポート」をタップしてプロセスを終了します。

バナー動画をエクスポートする

方法 2. Filmoraの描画ツールで矢印を追加する

動画に注釈を加える図形とは別に、より良い視聴体験のために動画に注釈を加えるもう一つの方法をご紹介します。

Step 1. タイムラインに動画をインポートする

動画を追加するために「インポート」ボタンをクリックし、タイムラインに追加します。

動画に矢印を追加する

Step 2. 動画に矢印図形を含める

編集インターフェイスに進み、「描画ツール」アイコンを選択し、「矢印」オプションを選択します。プレビューウィンドウで矢印を描き、位置を調整します。

描画ツールを使用して矢印図形を追加する

Step 3. 矢印の色を塗りつぶす

動画の要素に合わせて、「ベーシック」設定の「塗りつぶし」トグルを有効にし、矢印に色を追加します。

塗りつぶしで矢印の色を選択する

Step 4. 矢印の形にアニメーションを含める

「アニメーション」セクションに移動し、必要なプリセットを選択し、ダブルクリックして動画に適用します。

矢印にアニメーションを追加する

Step 5. 矢印のキーフレーム調整を開く

動画タイムラインにアニメーションを追加し設定した後、Controlを押しながらクリックして「キーフレームアニメーションを表示」オプションを選択します。

キーフレーム調整に進む

Step 6. 矢印の動画を最終調整し、エクスポートする

キーフレームアニメーションが動画タイムライン上で開いたら、すべての要素を選択し、その設定を調整します。すべての変更が終わったら、「エクスポート」ボタンで次のウィンドウに進み、動画ファイルをパソコンにダウンロードします。

矢印の動画を完成させる

方法 3. カスタマイズしたデザインでラインシェープを挿入する

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

Step 1. 動画にラインを挿入する

動画をインポートした後、タイムラインにドラッグし、タイムラインバーの「描画ツール」オプションから「ライン」オプションを選択します。

動画にラインシェープを追加する

Step 2. ラインの表示設定を定義する

プレビューウィンドウにラインを描くと、右側にシェープの設定が表示されます。上記のセクションで提供された詳細とガイドラインを使用して、基本的なアニメーションを追加します。「ベーシック」セクションの「ライン」設定を使用して、シェープにさらに追加することもできます。ラインの開始または終了方法など、さまざまなオプションを使い、所定のオプションで全体的なスタイルを定義することができます。

ラインの設定を選ぶ

方法4：ペンツールでカスタム描画

Filmoraのペンツールを使えば、メディア上に美しい線や形を手早く描画できます。コントロールポイントやカーブを調整することで、細かな形状から滑らかなラインまで自由に表現可能。さらにアニメーションも付与できるため、独自のペンストローク演出を作り込めます。以下の手順を確認しましょう。

ステップ1：ペンツールを起動して描画を開始

タイムライン上部の描画ツールから「ペン」アイコンをクリックしてペンツールを有効化し、プレビューウィンドウ上でカーブポイントを追加しながら形状を描画します。

ペンツールで描画

ステップ2：選択を完了

ペンツールで形を描き終えたら、「Enter」キーを押すか、右クリックメニューから「再生を終了」を選んで描画完了。

「Enter」キーで選択完了

ステップ3：ストロークをカスタマイズ

「塗りつぶし」オプションで色付けや不透明度の調整が可能。「ストローク」のトグルをONにして、好きなスタイルや太さ・位置も自由に設定できます。

ストロークを色でカスタマイズ

ステップ4：ストローク追加とカスタマイズ

ツールが用意しているプリセットからストロークをチョイスし、プレビューウィンドウで確認。半径やぼかしなど細かな属性もスライダーで調整でき、「色」オプションから好きなカラーも自在に追加可能！

プリセットからストローク追加

ステップ5：ストロークの始点・終点を調整

ストロークに動きを加えたいときは、「ズーム開始位置」と「ズーム終了位置」のスライダーを操作してキーフレームを追加し、始点から終点までのストロークの動きを直感的にコントロールしましょう。

始点と終点ノードを調整

ステップ6：ストロークパスをトリム

「パストリム」オプションで、パスの「開始」「終了」「オフセット」を各スライダーで調整し、ダイナミズムを加えましょう。

Filmoraでストロークパスをトリム

ステップ7：パス追従を追加

「パスフォロー」ドロップダウンから好きなナビゲーションを選択し、「適用」ボタンをクリックすると、パス追従アニメーションが追加されます。
その後、プレビューウィンドウでペンアニメーションの動きを確認しましょう。

ストロークにパスフォロワー追加

ステップ8：パスフォロワーを調整してプレビュー／エクスポート

プレビュー画面で位置調整ができたら、納得できたら右上の「エクスポート」ボタンで結果を保存しましょう。

パスフォロワー調整とエクスポート