【イラレ初歩】ガラスのような球を描く方法

Adobe Illustratorは私のように手書きでうまく絵を描けない人間にとってとても便利なソフトなのですが、「使い方が分からない」「何をしたらいいかわからない」という質問をよく受けます。これは非常にもったいない。

今回はそういう人に向けて、申し訳ないくらい初歩の初歩の記事を書きます。こんな記事を必要としてくれるひとがいるのかどうかも怪しい。……ともかく、ガラスのような球を描いていく流れをIllustratorの基本機能を交えて記事に起こしていくことにします。サンプルくらいなら基本機能で簡単に描けますよ。

なお、何も考えず非圧縮JPEGで画像を作ってしまいました。ただでさえ重いサーバなのに申し訳ないです。フィードでも読みながらごゆるりとお待ちください。

1. 円を描く

まずは楕円ツールで円を描いていきます。楕円ツールを使う際に覚えていただきたいのが、[Shift]と[Alt]の使い方。

楕円ツールを選択して[Shift]キーを押しながらドラッグすると、まんまるが描けます。
同様に、[Alt]キーを押しながらドラッグすると、中心から円が描けます。

この二つは他の描画系ツールでも使えるので、ぜひ何度か試してマスターしてください。

2. 基本色の指定

カラーパレットでお好みの色を選びます。今回私はオレンジにしました。

カラーパレットが見つからない方は、[ウィンドウ]メニューから探してください。（以下同）

3. グラデーションに基本色を追加

先ほど選択した色を、グラデーションパレットの一番右端にドラッグ＆ドロップします。はじめに描いた円に具らデーーションがかかりました。

4. グラデーションに反射色を追加

グラデーションパレットの今度は左端に、明るい色を載せます。
ただ明るいだけでなく、ちょっと色相が違う色のほうが面白いです。今回はオレンジなので黄色にしましたが、緑なら黄緑、青ならスカイブルー、赤ならオレンジ、と色々試してみてください。

[種類]は「円形」にしておいてください。

5. グラデーションの角度を指定

ただ単にグラデーションカラーを追加すると、中央から端に向かって色が濃くなっていると思います。黄色は反射色に使いたいので、図のようにグラデーションツールで円の下から中心に向かってドラッグして方向を変えてください。

6. 線の色を指定

線の色が黒のままだと気持ち悪いので、濃いオレンジにします。

選択ツール（黒矢印）で円を選択しなおして、図のとおり線色を変更します。

7. ハイライトを描く

ここから一気にドラゴンボールガラス風の球になっていきます。最初の円の中心に合わせて、図のように白い楕円を描いてください。ここでも[Alt]キーが有効です。

8. ハイライトグラデーションの設定

ハイライトオブジェクトを選択したまま、グラデーションパレットで両端に白を設定します。右側の白は透明度を0にしてください。（バージョンが低くて透明度が使えない人は基本色のオレンジで代用できます）

[種類]は「線形」にしてください。

9. ハイライトグラデーション角度の指定

ハイライトオブジェクトを選択したままグラデーションツール、Step5と同じ要領でグラデーションの角度を調整してください。ここでも[Shift]が役に立ちますよ。

10. シャドウオブジェクトを作る

最初の円をコピーしてください。図のように、円形のグラデーションを指定します。

11. シャドウオブジェクトを重ねる

メインのオブジェクトにシャドウオブジェクトを重ねてみましょう。おお！それっぽい。

ここで図のようにならない人はオブジェクトの重ね順を確認してください。最初の円が一番下、次にシャドウオブジェクト、一番上がハイライトオブジェクトです。

12. ドロップシャドウの基盤を作る

割と蛇足気味ですが、ドロップシャドウもつけてみます。先ほどと同じように最初の円をコピー、灰色で塗りつぶします。図はちょっと薄すぎてあとから調整しました。お好みでどうぞ。

13. ドロップシャドウのぼかしをつくる

この作業はイラレの使い方のちょっとした肝になります。覚えてください。

灰色の円を選択したら、拡大縮小ツールで[Shift]キー[Alt]キーを押しながら外側にドラッグします。

この時、[Shift]は縦横比を固定、[Alt]は複製するために押しています。よく使うのでマスターしてください。

14. ドロップシャドウの準備をする

Step13で拡大した大きいほうの円を白で塗りつぶし、最背面へ移動します。
右クリックからも出来ますが、ショートカットを覚えると便利です。[Shift]+[Ctrl]+”["と押してみましょう。

15. ドロップシャドウをブレンドする

いよいよ影らしくなります。ブレンドツールを使用して、白と灰色の二つの円が選択された状態で図にあるアンカーポイントをひとつずつクリックです。ブレンドされ、グレーから白へのグラデーションが出来ます。このツールも使い方によっては色々楽しめるので、試してみてください

16. ドロップシャドウを変形する

この作業は選択ツール（黒矢印）でも変形ツールでもどちらでもいいでしょう。すでにおなじみ、[Alt]を押しながら上下につぶして下さい。

17. ドロップシャドウを配置する

元の球オブジェクトの下にドロップシャドウを配置してみてください。大きさや、濃さを調整して自然に見えるようにしましょう。

できあがりです！お疲れ様でした。

実はこの基本さえおさえておけば、最近(？ちょっと古い？)流行のテカテカアイコンはたいていかけるようになります。光の当たり方、ものの光り方、影の出来方などを日頃から意識して観察するといいレッスンになると思います。

次回は応用編として、このオブジェクトの色違いを20秒で作る方法をご紹介します。