Vectornaotrで波打つように変形したデザインの文字を描く方法

Vectornator-wavy-text

イラストレーターのハセガワ(@h_hasegawa8)です。

ロゴやバナーなどのデザインのワンポイントとして、波打つように変形したデザインの文字は使い勝手が良いですよね。

今回は、Vectornaotrで波打つように変形したデザインの文字を描く方法をご紹介します。

波打つように変形したデザインの文字を描く方法以外にもさまざまVectornatorの使い方をご紹介しているので、よろしければ下記もあわせてご覧ください。

Vectornatorの使い方を体系的にまとめました!

Vectornatorの使い方大全集

愛用するVectornatorの基本的な使い方やマニュアル的なことから、実際のイラスト制作やデザイン制作に役立ちそうなTipsをまとめました。 随時更新していくので、Vectornat…

Vectornaotrで波打つように変形したデザインの文字を描く方法

今回ご紹介するVectornaotrで波打つように変形したデザインの文字を描く方法は、次の流れで作業を行います。

  • テキストツールで波のように変形させたい文字を書く
  • ペンツールで波線のパスを描く
  • 波打つように変形させる文字を波線のパスに配置する
  • パスに配置した文字をアウトライン化する
  • アウトライン化した文字の大きさを調整する

Vectornatorで文字を書く方法はいろいろありますが、テキストツールを使うのが基本的かと思います。

テキストツールで書いた文字を波線のパスに配置して、さらにアウトライン化します。

テキストツールで書いた文字をアウトライン化することで、ベクターのオブジェクトとして扱うことができるのでデザインの柔軟さが増します。

アウトライン化したら、文字の大きさを波の起伏に合わせて調整します。

詳しくは実際にデザインを作りながらご説明します。

テキストツールで波のように変形させたい文字を書く

テキストツールで波のように変形させたい文字を書きます。

ペンツールで波線のパスを描く

ツールバーからペンツールを選択して、波線のパスを描きます。

Vectornatorでギザギザや緩やかな波線のパスを描く方法についてはこちら!

Vectornatorでギザギザや緩やかな波線のパスを描く方法

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorでロゴやバナーを作っていると、デザインのワンポイントとしてギザギザや緩やかな波線のパスを描くなんて…

波打つように変形させる文字を波線のパスに配置する

テキストツールで文字とのパスを選択して、パスタブの「テキストをパスに配置」をタップします。

そうすると、波線のパスにテキストツールで書いた文字を配置できます。

Vectornatorでパスに沿ってテキストをカーブさせる方法についてはこちら!

Vectornatorでパスに沿ってテキストをカーブさせる方法を現役イラストレーターが解説

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorでパスに沿ってテキストをカーブさせる方法をご紹介します。 Vectornatorでパスに沿ってテキストをカーブ…

パスに配置した文字をアウトライン化する

次に波のように変形させたい文字をアウトライン化します。

対象の文字のテキストボックスを選択した状態で、スタイルタブの「テキストからアウトラインを作成」をタップします。

これで文字がアウトライン化します。

Vectornatorでパスやテキストをアウトライン化する方法についてはこちら!

Vectornatorでパスやテキストをアウトライン化する方法【現役イラストレーター解説】

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorでパスやテキストをアウトライン化する方法を解説します。 Vectornatorでパスやテキストをアウトライン化…

アウトライン化した文字の大きさを調整する

ノードツールでアウトライン化した文字を選択して、波の起伏に合わせてその大きさを調整します。

起伏の盛り上がり部分の文字は大きくして、凹んでいる部分の文字は小さくするとより波打つように変形している文字らしくなります。

まとめ

以上がVectornaotrで波打つように変形したデザインの文字を描く方法です。

ロゴやバナーなどのデザインのワンポイントに活用してください。