ペンツールや鉛筆で理想的な波線を描けないという方、いらっしゃいますか？ ご心配なく、ペンツールや鉛筆は必要ありません。 直線を描いてエフェクトをかけるだけで、完璧な波線を描くことができますよ。

このチュートリアルでは、Adobe Illustratorで3種類の波線の作り方を紹介します。 直線から波線を作る方法を含め、クールな波線効果を作りたい人は、最後までお付き合いください。

波に乗ろう!

Adobe Illustratorで波線を作成する3つの方法

古典的な波線を作る最も簡単な方法は、変形 & トランスフォームオプションにあるジグザグ効果を使うことです。 創造的で様々なタイプの波線を作りたい場合は、曲率ツールやエンベロープ変形を使って楽しいものを作ることができます。

注：このチュートリアルのスクリーンショットはAdobe Illustrator CC 2021 Mac版から引用しています。 Windowsや他のバージョンでは異なる場合があります。 コマンド キーポイント Ctrl .

方法1：歪ませる・変形させる

ステップ1． を使用します。 Line Segment Tool (\) を使えば、直線を引くことができます。

ステップ2． オーバーヘッドメニューで 効果 > ディストーション＆トランスフォーム > ジグザグ .

このボックスと、デフォルトのジグザグ効果( ポイント オプション)は コーナー .

ステップ3． ポイントオプションを次のように変更します。 スムーズ セグメントごとのサイズとリッジは適宜変更可能です。 サイズ は、波が中心線からどれだけ離れるかを決定し セグメントごとのリッジ は波の数を設定します。 以下の比較を見てください。

これはデフォルトの設定で、1セグメントあたり4つのリッジがあります。

セグメントごとのリッジを8個に増やし、サイズを2px小さくして波を小さくし、中心線に近づけると、このようになります。

サイズを小さくすると、波線は「より平たく」なりますね。

方法2：曲率ツール

ステップ1． 線分ツールやペンツールを使って、線を引きます。 曲線でも直線でも構いませんが、どうせ波を作るために曲線を描くのですから、直線を使う例を続けます。

ステップ2． を選択します。 曲率ツール (Shift + `) .

ステップ3． 直線をクリックし、上下にドラッグして曲線を作ります。 クリックすると、線にアンカーポイントが追加されます。 最初のクリックでアンカーポイントを一つ追加し、それを下にドラッグしました。

もう一度線をクリックして、アンカーポイントを上下にドラッグして波を作ります。 たとえば、最初のアンカーポイントは下にドラッグしたので、今度は上にドラッグします。

波ができつつあります。 波の大きさに応じて何度もクリックしたり、アンカーポイントを動かしてドラマチックな波線を作ることができます。

方法3：エンベロープディストート

矩形ツールを使って、線を描いてみましょう。

ステップ1． を選択します。 長方形ツール (M) をクリックし、長い矩形を作成します。 このような、太い線のようなものです。

ステップ2． 線（矩形）を複製する。

複製された行を選択し コマンド + D をクリックすると、動作を繰り返し、その行を複数回コピーすることができます。

ステップ3． すべての行を選択し、オーバーヘッドメニューから 対象物 > エンベロープディストート > メッシュで作る .

列と行を選択し、Okをクリックします。 列を追加するほど、波が多くなります。

ステップ4． を選択します。 ダイレクト選択ツール (A) 列が選択されると、行にアンカーポイントが表示されます。

2つの列の間にある線のアンカーポイントをクリックして下にドラッグすると、すべての行がその方向に従うようになるのがわかります。

ステップ5． を選択し、次の2列を選択し、同じ手順を繰り返します。

これでどうすればいいかわかりましたね。 そうです！最後の2列を選択し、同じ手順を繰り返してください。

波線をもっと楽しみたいなら、行と列の個々のアンカーポイントをクリックして、クールなエフェクトを作ることができます。

これはどうでしょう？

まとめ

同じ波で波線を作るなら、ジグザグ効果が一番簡単で早いです。 スムーズコーナーを選択して、波の数とサイズを調整するだけです。

ランダムな波線を作りたい場合は、方法2や方法3で楽しむことができます。 個人的には、Make with Meshを使うのが効果的で好きです。

あなたのお気に入りの方法は何ですか？ 下のコメント欄から教えてください。