線を引くだけ

この記事は、SYSKEN Advent Calendar 2021の~~2日目~~1日目の記事です。

こんばんは、部長です。~~ポケモン厳選にいそしんでいたため~~Advent Calenderに取り掛かるのが遅くなってしまったことをお詫びします。

さて、今回の記事はIllustratorで線を引くだけのものです。

Illustrator（以下Aiと表記）は皆さんご存じAdobeが開発・提供しているデザインソフトです。AiはPhotoshopなどの色のついた点の集合を扱うものとは違い、ベクターデータを扱うソフトです。ベクターデータ、つまり線のデータを扱うため後から拡大縮小しても崩れにくいというのが特徴です。

Aiはベクターデータを扱うと言いました。つまり、線のデータが無いところに突然物を生やす、といった行為はできません。なにを表現するにもかならず線を引く必要があります。そのことを踏まえてデザインを構築していきましょう。

１．線を引く

線を引くにもいきなりフリーハンドで作っていくことはハードルが高いですし、整ったものを作るのは困難だと思います。そこで、Aiの「ペンツール」を使って線を引いていきます。このペンツールはクリックした場所を経由して折れ線を引いてくれます。始まりと終わりの2点だけを指定すれば1本の直線を引けますね。

ペンツールでひたすら線を引いていくことでもデザインはできていきますが、それでは昨今流行の正円や正方形をベースとしたデザインはかなりめんどくさいものになりますね。そこで、「長方形ツール」や「楕円ツール」を使用していきます。

これらのツールを使えばすべての角が直角な長方形や綺麗な円を使って様々なデザインを作れますね。Shiftキーを押しながら使えば正方形や正円だって綺麗に作れます。

２．色を付ける

先ほどAiは線のデータを扱うと言いました。ですが線だけでデザインを作るのはいささかハードルが高すぎます。そこで、先ほど引いた線の中の色を決めればどうでしょうか。だいぶ印象が変わりましたね。

ざっくり言うとAiは線がどこにあるか、そして線が何色か、線の内側は何色か、の3つがカギになります。というかすべてこれでできているといっても過言ではないでしょう。この3つをいじっていくだけでほとんどの形が作れます。

さて、結局はこの2つだけわかっていれば基本的には問題ないのですが、さすがにこれだけではいささか不便です。ここからはこれらを念頭に置いていろんな形を作るうえであると便利なことを並べていきます。

組み合わせる

基本的には１に描いた「ペンツール」と「長方形ツール」、「楕円ツール」をメインに作っていきます。では例えばNintendo SwitchのイラストをAiで作ろうと思うとどうすればいいでしょうか。

Switchを単純な図形に置き換えて考えてみましょう。画面がある本体の形は長方形です。その横についているJoy-conも長方形ですね。正面から見てしまえばSwitchは大小3つの長方形が並んでいますね。ということでまずは大きな長方形を真ん中にその左右に小さい長方形を置いてみましょうか。

うん、だいぶSwitchぽいですね。そんなことないですか?

では左右の長方形の外側の角を丸めてみましょうか。Shiftキーを押しながら選択をすると複数選択ができます。その状態でCtrl（Macならcommand）キーを押すと四角形の角に丸い印が出ますね。そのCtrlを押した状態でSthitを押して、その状態で丸めたい角を選択します。丸めたい角にある丸い印が青くなっていればその状態で丸めたいだけ内側にその印をドラッグします。

こうすればほら、だいぶSwitchっぽいんじゃないですか?　え、まだダメ?　じゃあ今度はジョイスティックと各種ボタンを足していきましょうか。

今度はもっと簡単です。長方形ツールでそれぞれにちょうど合ったサイズの円を足していきます。この時に作るのはジョイスティック用の丸が1つとボタン用の丸が1つだけです。それがつくれたらAltキーを押しながらドラッグしてみてください。複製できましたね。複数の同じサイズのものを置く場合、1つを複製した方がきれいに作れるのでこれを使って他のパーツも作っていきます。