超イラレ初心者、仕事にイラレ使うの巻。【図形ツールで木を作る篇】

illustrator, アイコン作り, 制作, 観光マップ作成, 木を作る

前回「超イラレ初心者、仕事にイラレ使うの巻。【ペンツール曲線ツールで河川・道路・線路篇】」でベースはできましたので、あとは乗っけていくアイコンたちをひたすら作っていきます。

これ、といったコツは全くなく、ただただ図形を重ねて完成させていく作業になりますw

ので、一番多く必要とされるであろう、木と山、これを今回は作ります。

図形ツールで木を作る篇 … 準備

前回作ったベースとは別に、新規100×100くらいのアートボードで開きます。

え?ちいさい?

大丈夫です。
アートボードなので後からなんぼでも伸ばせます。もんじゃのように…食べたことないけどw
複製も簡単です。Altキー万歳(/・ω・)/

図形ツールで木を作る篇 … 木を作る

チョー簡単です。

こういうものは、それっぽく見えればそれでいいんですw

まず、楕円ツールで緑色の縦長楕円を作ります。

次に角丸長方形ツールで茶色の細身の縦長の長方形を作ります。

このままでも可愛らしいんですが、まるでアイスの棒みたいなので少し角を作りますw

ダイレクト選択ツールで茶色の棒を選択します。すると、上の端っこに白い丸が現れます。

ここをじわーっと上にドラッグしますと、だんだん角ができてきますので、ちょうどよさげなところで止めます。

ちゃんと長方形の角丸になりましたw

後は、選択ツールで二つまとめて選択して、

上部に出てくる「水平方向に中央に整列」をクリックすると…

二つのパスを中央ぞろえにしてくれます。便利!!

木の幹を、前に出したり後ろに隠したり、自分の好きな方にカスタムしてください(∩´∀`)∩

決まったら、グループ化して「木1」でも名前を付けておきましょう。

図形ツールで木を作る篇 … 応用

でもこれじゃ丸い木だらけになってしまうので、三角の木も作りましょうか。

まずは複製します。

「アートボードツール」を選択します。

今作った画像どこでもいいので、クロス矢印の出るところで、Altキーを押しながらドラッグして横にずらせば…

簡単に複製ができます★

次に、複製した方の葉っぱの部分を選択し、「自由選択ツール」の「遠近変形」を選びます。

左上の角にカーソルあ合わせて、中央に向けて真ん中ギリギリまでドラッグして寄せます。

ほっそいですが大丈夫w

今度は左下の角のカーソルを合わせて、外に引っ張ります。お好みのところで止めてください。

はい、三角の木の出来上がりです。

グループ化して、「木2」とでも名前を付けておきましょう。

後は同じ要領で、複製して葉っぱの色を変えたり形を変えたりして、必要に応じて何パターンか作っておくとマップにメリハリができて見てる方も楽しいと思います♪

こうして作ったアイコン類はCCライブラリに保存しておきましょう。

画像を選択してドラッグすればCCライブラリに保存できます。

CCライブラリに保存しておけば、いちいちファイルを開いてコピペする手間も省けますので、ぜひ活用してみてください★