水の波紋をイラレで美しく描く方法 [Adobe Illustrator イラストレーター]

イラレで水の波紋を描く方法を解説します。化粧品や飲料など「うるおい」を表現するデザインには、このような水の波紋のイラストは使いでがあるかもしれません。

基本的な流れは、まず波形の線を描き、それを3Dフィルタで回転体にするというものですが、ところどころに押さえておくべきコツがあります。最後に応用編として、水滴の落ちる瞬間も解説しました。

ご存じ? Adobe CCを安くする方法

1. 背景を先に描く

背景の水を先に描いてしまいます。理由は後述しますが、このほうが効率良く美しく描けます。

矩形ツールで四角形を、または楕円などお好みの形を描きます。

カラーは水色のグラデーションにしましょう。お好みのキーカラーを一色決め、下にキーカラー、上に白の単純2色のグラデーションにします。

ここで、先ほど決めたキーカラーをとっておきます。スウォッチパネルに入れるか、単色オブジェクトを作るかして、カラーパネルを開いてカラー値をコピーします（「#」の値が便利）。

2. 横線を描き、波形にする

横一直線にパスを描き、フィルタをかけて波形にします。

効果→パスの変形→ジグザク→なめらかに

波の幅はあまり大きくしなくていいでしょう。

ポイント1 : 左端のアンカーをひとつ削除する

次に、アピアランスを分割します。折り返し数が奇数だった場合は、左端のアンカーポイントをひとつ削除します。回転をかけたときに端がめくれあがったような形状になるのを防ぎ、リアルな形に近づけるためです。

パスのカラーは白にします。

3. 回転体フィルタをかける

さきほど描いた線に、回転体フィルタをかけます。

効果→3D→回転体

フィルタのオプション画面では向きや回転軸とともに、陰影の設定をします。表示されていない場合は「詳細オプション」で表示されます。陰影の数値は次のように設定します。

• 照度70〜100%
• 環境光0%
• ハイライト100%

ポイント2 : 陰影のカラーに水の色を設定

つづいて「陰影のカラー」を設定します。デフォルトで黒になっていますが、これを1.でコピーしたカラー値に変更します。あとは、オブジェクトが背景になじむよう、ライトの位置をほどよい場所へドラッグします。

これで波紋は完成です。あとは同じオブジェクトをコピーして拡大したり、薄い透明にして重ね合わせたりすると、よりそれらしくなります。

水の背景を先に描いた理由

ところで冒頭で水の色を先に描いたのは、回転体を水の色になじませるためでした。「陰影のカラー」を黒のまま描画しておいてあとで透明を設定しても一応それらしくはなりますが、「乗算」ではハイライトが死んでしまってどうも不自然だし、「通常」や「スクリーン」では濃い部分が死んでしまい、どちらもしっくりきません。

そこで、回転体自身の陰影を背景と同じ色を設定すると自然になじませることができます。

応用編 : 水滴が落ちる瞬間

回転体フィルタをかけるまえにパスを違う形に変えると、水滴が落ちる瞬間を描くこともできます。

このときのコツは内側の波の幅を長く、外へ行くほど短くすることです。自然物を観察するとこのようなコツを得ることができます。