イラストレータを使って『マリオ』を書く方法

今回はイラストレーターを使ってスーパーマリオブラザーズのマリオを作成していきたいと思います!!

高校時代美術で学年最低点を記録した私ですがマリオはなぜかマリオになってくれました笑

イラストレーターは偉大です!!!

 

完成するイラスト画像はこんな感じです!!!

スクリーンショット 2015-05-16 1.35.45

簡単に作れるので特に初めてイラストレーターをいじる方にはぴったりだと思います。

それと今回はあえて細かい数値を出さずに作成していきます。なのでご自身の感覚を信じて『マリオ』を作り上げていってくださいね!

 

STEP1


新しいキャンバスを作る際 幅30cm 高さ25cm程度あれば作りやすい大きさになると思います!

ではまず初めに

楕円形ツール を使ってマリオの輪郭を作成していきます。

 

スクリーンショット 2015-05-15 23.59.51

こんな感じで適当な大きさに楕円を作ってください。

気をつけるべきポイントとしては 塗りなし にすることぐらいだと思います。

スクリーンショット 2015-05-16 0.02.10

 

次にマリオの鼻に当たる部分を作成していきます。少し 楕円形ツール だけでは鼻の形を表現するには硬すぎるので 曲線ツール を使い楕円形を変形させます。

また後々お伝えしますが 鼻 をレイヤーとして区切るのがベターです。つまり現段階で 輪郭レイヤー と 鼻レイヤーを作っておいて欲しいです。

スクリーンショット 2015-05-16 0.03.26

次にマリオの耳、ならびに口周辺の輪郭を作成していきます。

スクリーンショット 2015-05-16 0.06.14

楕円形ツールを使いながらこのように配置していってください。この際便利な機能として回転ツールをダブルクリックすると角度を表示してくれるようになります。そしてこの4つにつながった楕円を パスファインダー → 合体 をしてつなげます。

スクリーンショット 2015-05-16 2.13.56

 

合体をさせた図がこちらになります。

スクリーンショット 2015-05-16 0.08.30

 

そしてこの輪郭に対して肌色の着色をしましょう。

スクリーンショット 2015-05-16 0.14.22

 

着色が済んだのならば鼻のレイヤーに対して 線なし 同色 の楕円形を重ねます。

それは下の図のように鼻っぽく見せる為です。ハサミツールや消しゴムツールで大丈夫な方はそちらでしてもOKです!

スクリーンショット 2015-05-16 0.15.34

 

ここまでで輪郭が完成しました!!!

着色をしてもまだ何が何だかわからない!!笑

じゃあわかるようにしていきましょう!!爆笑

STEP2


 

輪郭のレイヤーは ロック をしておくことをオススメします!

STEP2ではマリオの右目を作成していきます。

スクリーンショット 2015-05-16 0.20.19

右目 という新規レイヤーを作成してください。またまた 楕円形ツール を使い目を作成していきます。輪郭に合うように 回転ツール を使い合わせてあげてください。

スクリーンショット 2015-05-16 0.23.00

 

4つの楕円形を重ねたのならば外側から 白→水色→黒→白 と色を入れていきます。

スクリーンショット 2015-05-16 0.25.22

これで右目は完成です!

次は 左目 という新規レイヤーを作成し、同じ要領で左目を作成してください。

スクリーンショット 2015-05-16 0.28.16

左目が作成できたら下の図のようにレイヤーを並び替え左目が鼻に隠れるようにしていきます。詳しくは画像のレイヤーの並び方を参考にしてください。

スクリーンショット 2015-05-16 0.34.59

 

マリオではないけれどなにか人っぽいものになってきました!!!

 

STEP3


 

マリオの代名詞である口ひげを作成していきます!!

新規レイヤー作成をしてヒゲとでも入力しておきましょう!!

楕円形を6個並べてください、この際鼻の下のラインに沿わせるのがポイントとなるのでそこは押さえておきましょう!

スクリーンショット 2015-05-16 0.44.57

 

 

6個の楕円を パスファインダー 合体 を使って合体させます!

その後楕円ツールをヒゲの上に乗っけてくり抜く作業を行います。

何が起きているのかわかるようにヒゲの色と違う色で重ねるのがベターです。

スクリーンショット 2015-05-16 0.45.11

ここで パスファインダー 前面オブジェクトで型抜き というボタンが 合体 の横にあるのでそれをクリックすれば前面のオブジェクトが消え去り望み通りの形になります。

ヒゲということでだいぶマリオっちゃマリオの状態に近づけたと思います。

STEP4


 

ここでは眉毛を作成します。例のごとく新規レイヤーで眉毛を作ってください。

スクリーンショット 2015-05-16 0.48.57

このように楕円形ツールを使い適当に目に重ねてください。

スクリーンショット 2015-05-16 0.50.06

わかりやすくするために眉毛をズラすと…..

スクリーンショット 2015-05-16 0.50.34

こうなっています。この上の部分が眉毛として機能するので下の部分は 消しゴムツール、ハサミツールなどでいらない部分を削除します。

スクリーンショット 2015-05-16 0.55.00

こんな感じで眉毛が完成したので後はこれを黒く塗りつぶし顔に合うように大きさを調整すれば眉毛は完成です。

スクリーンショット 2015-05-16 0.58.58

STEP5


 

STEP5では口を作成していきます。新規レイヤーから作成していきます。楕円形ツールを使い適当な大きさに口を作成します。

スクリーンショット 2015-05-16 1.03.59

 

曲線ツール で口の歪みをつくります。そしてまた 前面のオブジェクトで型抜きを選択したいので下の図のような形で作成します。

スクリーンショット 2015-05-16 1.05.57

 

スクリーンショット 2015-05-16 1.06.10

大まかな口の形ができました!

ここから歯や舌を作成していきますが 楕円形ツール 曲線ツール を用いて口の中にはめ込んでいきます。

スクリーンショット 2015-05-16 1.09.12

スクリーンショット 2015-05-16 1.10.25

これで禿げたマリオは完成です!!!お疲れ様でした!!!

帽子月のマリオを作成したい方は引き続きお願いします!

STEP6


 

新規レイヤーで帽子を作成していきます!

楕円形ツールを用いて縦長の楕円形、正円をつくります。ちなみに正円は shift を押しながら円を作成すると正円になります。

スクリーンショット 2015-05-16 1.16.32

 

この二つの図形を パスファインダー 合体 を使い合体させます。

 

スクリーンショット 2015-05-16 1.16.36

 

その後 帽子レイヤー が 輪郭レイヤー の後ろに来るようにレイヤーを移動させます。

スクリーンショット 2015-05-16 1.17.11

画像の右側が変化しているのがわかりますか??それでOKデス!その後また楕円形ツールを使用しMの文字が入る白い円を作成します!

スクリーンショット 2015-05-16 1.18.02

 

ここまできたらもう少しです!

次に帽子レイヤーとは別に新規レイヤーを作成します。このレイヤーでは主に帽子のツバをいじります。このようにツバの大きさを輪郭に合わせながら調整していきます。やりにくい方は マックの場合 command Y を押せば見えやすくなります。

スクリーンショット 2015-05-16 1.22.30

 

曲線ツールを使いながら形を整えていきます。

 

 

スクリーンショット 2015-05-16 1.29.05

 

帽子にMの文字を入れるためにペンツールを用いてMを作成してください。

これで完成!!!!

スクリーンショット 2015-05-16 1.30.52

と思いきや!!

最後に!!!!もみあげをつけてあげましょう!

正円二つをつくりそれをつなぎながら曲線ツールでもみあげをかき パスファインダー 合体 をしてしまい着色をすればマリオは完成です!!!

スクリーンショット 2015-05-16 1.35.45

お疲れ様でした!!!!

 

みなさんのお役に少しでもたてたら嬉しいです!少しでもわかりにくいことがあればいくらでも質問どうぞ!!!