VSDCで可変の太さ、グラデーション、アニメーション付きの動的な曲線を作成する方法

VSDC 10.1で最も注目すべきアップグレードの1つは、強化された曲線ツールです。これにより、線の可変太さ、丸みを帯びたエッジ、ソフトな境界線、カスタマイズ可能なブラー設定などが可能になりました。これらの機能を組み合わせることで、調整可能な太さの自然な手書き風の表現から、プロ級のグロー効果、滑らかな光の軌跡、ソフトエッジとブラーを使った（3Dのような）深度効果まで実現できます。これらの改善があなたの動画をどのように変えるのか、詳しく知りたいですか？続きを読んで全てをチェックしましょう！

最新のVSDC動画編集ソフトを今すぐダウンロードして、これらの新機能を試してみましょう

新曲線のプロパティ

アップグレードされた曲線機能について探っていきましょう。まず、シーンに曲線を追加し、タイムラインで選択すると、右側のパネルで利用可能なすべてのプロパティを確認できます。おなじみのオプションの中に（詳細が必要な場合は、この記事を再度確認してください）、プロパティウィンドウの「曲線ラインの追加設定」セクションにいくつかの新しい設定があります。これが今日の焦点です。

このセクションが非アクティブな場合は、近くのスライダーを切り替えて有効にし、左矢印をクリックしてセクションを展開してください。

最初のプロパティは「端点モード」で、曲線の端をカスタマイズするのに便利です。矢印をクリックすると4つのオプションが表示されます：「両端に端点」はすべての開いた端に滑らかなキャップを追加し、「開始点のみ端点」または「終了点のみ端点」は片側のみに効果を適用します。「切り落とし」は端を修正せずそのままにします。ニーズに合ったものを選んでください。

ヒント：有機的で手描き風の効果には「両端に端点」が最適です。「開始点のみ端点」は成長するラインのような方向性のある要素に、「終了点のみ端点」は光の軌跡のような流れるデザインに適しています。UI/UXデザインで鋭い技術的な精度が必要な場合は「切り落とし」を選んでください。

この設定は次の「端点スタイル」に直接関連しています。ここでは、ストロークの端を表示する3つの方法があります：「丸み端点」は有機的な形状に最適な滑らかな半円形のキャップを作成し、「角形」は技術的なデザインのためにキャップをストローク幅の半分だけ延長し、「長方形」はストロークを端点で正確に止めてクリーンな切り口を実現します。

次のオプション「丸みのある端」を有効にすると、曲線の鋭い角をすべて滑らかな弧に丸め、自然な形状を作成します。

仕上げの際には、2つの重要なスムージングオプションをお試しください。1つ目は「エッジの滑らかさを使用」で、曲線と背景の間になだらかな遷移を作成します。その強度を調整することで、微妙なグローから完全にブレンドされたエッジまで実現可能です。2つ目は「ぼかしを使用」で、さらにソフトな結果を得られ、線にエーテル的な質感を与えます。こちらも強度調整が可能です。

これらのオプションがどれだけクリエイティブな可能性を解き放つか、一緒にプロジェクトを作りながら探っていきましょう。

線幅を動的に変更する方法

新しい曲線の設定について理解したところで、実際に試してみましょう。多くの要望があった「動的な線の太さ」機能がついに実装されました。その仕組みを詳しく見ていきます。

曲線の各ポイントの「太さ」パラメーターに異なる値を設定するだけです。各ポイントでこの設定値が異なる場合、エディターが自動的にそれらの間を滑らかに補間し、曲線セグメントに沿って徐々に先細りする効果を生成します。

特定のポイントでの線の太さを調整するには、曲線上の目的のポイントをCTRLを押しながらクリックするだけで、プロパティウィンドウにそのポイントのカスタマイズ可能なパラメータがすぐに表示されます。「曲線の線の太さ設定」を有効にし、シクネスオプションに希望の値を入力してください。

制御点を増やしたいですか？ 「曲線」ツールを選択し、「ポイントを挿入する」を選んで、曲線上の任意の場所をクリックすると新しいポイントを追加できます。ポイントハンドルをCTRLキーを押しながらドラッグすると、ベジェベクトルを使って曲線の滑らかさを微調整できます。

実際にやってみましょう：3つの点で曲線を作成し、最初の点の太さを100、2番目を300、3番目を500に設定します。線が先細りになり、自然な筆跡や書道を模倣しているのがわかります。この滑らかな値の補間は、丸みを帯びたキャップで仕上げた終端、柔らかなブラーと太さを組み合わせることで、さらに目を引くセルフドローイング効果を生み出します。

デザインチャレンジ

可変の厚みの機能を実際に試してみましょう。参照画像を選び、VSDC動画編集ソフト内で再現してみます。曲線の調整を行い、どのように動作するか確認します。

この画像は、線の太さを変えるだけでなく、完全に対称的であるため、この詳細が私たちの利点になります。まず、参照画像をシーンに追加して視覚的なガイドとして使用します。次に、デザインの一部（例えば左側だけ）を慎重にトレースし、各曲線のポイントを手動でプロットしながら、特定の太さの値を割り当てます。作業中に、これらのテーパー状の変化が線に沿って流れるような動きを生み出すことがすぐにわかります。トレースしたセクションに満足したら、タイムラインの目アイコンを切り替えて参照レイヤーを非表示にするか、完全に削除します。

その後、描画を整理するために、作成したすべての曲線をスプライトにグループ化します：タイムライン上でそれらを選択し、右クリックしてメニューから「スプライトに変換」を選びます.

次のステップは、スプライトのミラー版を作成して画像の右半分を完成させることです。スプライトをコピーし、それをクリックして「動画エフェクト」＞「変換」から「反転」効果を適用します。この効果はタイムライン上の複製スプライトに追加されます。プロパティウィンドウを開くためにそれをクリックし、画像に応じて反転のタイプを選択します。今回の実験では、方向オプションに水平反転を選びます。2つの半分をシーン上で整列させ、反射を実現します。

両方のパーツを配置したら、カラースキームを適用して見た目を向上させることができます。画像の全体的な雰囲気を変えたい場合は、VSDCのグラデーションテンプレートの1つを使用することを検討してください。そのためには、まず2つのミラー化されたスプライトを前回と同じ方法で1つの統合されたスプライトに変換します。次に、「General backgrounds」ウィンドウに移動し、「Background templates」の下にある「一般背景」セクションを探します。この例では「Fuchsia Gradien」テンプレートを使用します。このテンプレートをタイムライン上またはシーンに直接ドラッグして、統合されたスプライトに適用します。 適切なコンポジットのためにトップレイヤーに配置し、プロパティウィンドウで「エッジをトリム」パラメータを「いいえ、エフェクトとクリッピングを使用」に設定してください。次に、グラデーションテンプレートのレイヤーのコンポジションモードを「Source in」に変更します。これはタイムラインの左側、コンポジションモードセクションで行えます。

結果は、豊かなグラデーションのトーンによって引き立てられた、スタイリッシュで対称的なアートワークです。

無料、PRO、プレミアムのテンプレートから選べます（各カテゴリの詳細はこちら).

もっとダイナミックな表現をお求めなら、線にアニメーションを加えてみましょう。「曲線」ツールには「表示する長さ」というパラメータがあり、線がリアルタイムで描かれるような効果をシミュレートできます。これを使えば、見えない手がスケッチしているかのように画像が徐々に現れる印象的なビジュアルを作成可能です。タイムライン上の曲線をクリックし、このオプションを展開して、各線の「初期値」と「最終値」を設定するだけです。

VSDCなら、複雑なイラストの再現、精密なミラーリング、鮮やかなグラデーションの適用、そしてすべてのストロークにアニメーションを加えることが、わずか数ステップで実現できます。

この仕上がり、気に入りましたか？

これらの設定を一緒に探求するのを楽しんでいただけたなら幸いです。ここで止まらず、ご自身のプロジェクトで実験を続けてください。さらに素晴らしい結果を達成し、共有したくなるような作品ができると確信しています。

ご質問やクリエイティブなアイデアがありましたら、このメールアドレスはスパムボットから保護されています。閲覧するにはJavaScriptを有効にする必要があります。またはソーシャルネットワーク（Facebook、X、Reddit、Discord）までお気軽にお寄せください。また、さらなるインスピレーションを得るために、YouTubeチャンネルもチェックしてくださいね！