別にてっちゃんじゃないんだけど、短い電車が走ってるとなんか和むよね？
今回は機械なので、柵とか、柱とか、窓とか色々、繰り返しパーツが多いんだよね。
何かの理由があって「手描き感」とか「ラフ感」を出すのでなければ、素直にブレンド機能を使うと良いと思う。
ブレンド機能てのは、超便利。
パーツを繰り返すだけじゃなく、異なる色同士をブレンドできたりと使ってるうち楽しくなる。
（ROBOの場合、ブレンド機能つかって配色決めたりすることもある。）
今までの小物にも言える事なんだけど、ほんのりグラデ（明暗）をつけてあげるだけで立体感が出てくる。（やりすぎ注意）。ヘタなフィルタなんか使わずに「うっすらグラデ」だけ使っておけば、短時間でいい感じのが出来るから！
前回に引き続き、今回も小物づくり
街の中央にはやっぱ教会でしょ。
なんかラクしたいための言い訳にしか聞こえない気が。。。
いや、大事だっつの。
時間は無限にあるわけじゃないんだし、脇役が主張しすぎちゃダメでしょ？なんだって。
このイラストの主役は「うさぎ」で間違いないんだけど、構図が俯瞰なんだよね、建物に比べたらうさぎは豆粒くらいになっちゃう。（一羽だけ吹き出しアップで見せるけども）。
てことで主役は「うさぎの住む街」ってトコに落ち着く。
前回も書いたけど、俯瞰図で左右奥に配置された小物が存在感あると落ち着くんだよね。全部の小物がビッチリ描きこまれてると目のやりどころに困っちゃう。
てことで今回は描き込みたい欲求をセーブして、次回「電車」で発散すべし！
パスって、細かいパーツ作ってるときに脳内麻薬でるよね？
てことで第四回はパスで家づくり
ええ話だ。数時間前にした努力が、もう報われるというね。
今回のイラストの場合、全体を引き締める役目になるのが、この家と後々でてくる電車なんだけど。この二つの小物は意識的に手を加えていくことにした。
なのでガイドも重点的にひいてある。（ハズｗ）
これぞIllustratorの醍醐味の一つ。
ひとつパス切っとけば、色変えたりするだけで数種類のパーツに早変わり。複製後にちょいと微調整しときゃ、完全に別パーツだ！プラモ感覚でシャキンシャキン切りまくりー！
ちなみに複製は奥が深い。オブジェクト全体を複製してもいいし、必要な辺（パス）だけ使ってもいい。なによりパス同士のズレも防げたりするしね。コピペで作業効率上げつつ、規則正しいパスオブジェクトを組んでいけるとキレイな家ができあがる。
増えるワカメのごとく増殖しがちなレイヤー。
面倒でもレイヤーグループ作ったり、名前つけとくなりしとこ
のちに開いた人が迷子になるどころか、てめぇでさえ混乱したりしてダサいことこの上なし。
次回も引き続き小物づくり～
第三回は舞台づくり。
建築と一緒だね、土台づくりから入る。
上の画像を見てもらうのが早いんだけど、舞台の底辺になるパスをまず作ったワケね。このパスは最終的にはスッポリ隠れてしまう。用があるのはこのパスにかける影の方。
天空の城みたく浮かして見せたいので、舞台の底辺であるこのパスにドロップシャドウをかけとく。
画像では「不透明度 45％ 乗算」ってなってるけど、コレは全体が出来てから試行錯誤した値ね。実際はアピアランスの設定をちょくちょくいじりながら進めてんの。
まず側面だけど、簡単に地層をイメージしてみた。地層マニアじゃないから、「これで地層っぽいでしょ」程度で終わり。うっすらグラデがかかってるのは、別レイヤーね。
地面（山）は、当初すんごい質感にチカラ入れるつもりだったんだけど、一面雪景色をイメージしてたから、急遽方向転換。地面パス一枚に対して「光彩（内側） 不透明度75％ 乗算 ぼかし1.2mm 境界線」をかけて完成。
ちなみに、側面（断面）のところ、積雪の厚みも表現しちゃってるんだな。
ここをサボるとなーんかね、なーんかアレよねーってなるから。やっとこうね。
次回は小物づくり、一番ワクワクテカテカするとこだね。
Illustratorがワンクリックでイラスト描いてくれたら楽なんだろうけど、そんな機能ないので素直に下絵から書く事に。ROBOの場合、デジタルイラストは下準備が命。いいすぎたｗ
根がサボり症なので、後々ラクしたいがための下準備。
まずは紙とペン。
ペンといってもフリクションペンを使う。濃い線の方がスキャニングがラクでしょ。
それに、鉛筆感覚で書き直しできるのがイイ！
ただ、調子に乗って消しまくってると紙がヨレるし汚れる。ラフだからいいじゃんって思う人はそれでもいいけど、これをデジタル処理するときに「ゴミトリ」とかすんの面倒でしょ？だからなるだけ一発描きでいく。
でも、一発描きでミスったらどうすんの？と。
ライトボックスが大活躍すんだな。
新品の紙に下絵をトレースしつつ、気に入らないトコロを描き足したり、直したり。
こんな感じで。
Illustratorはパスからガイドが作れるのが便利だね。
もうガシガシコピーしたり回転させたり、好きな角度でガイドをつけていくといい。
満足するまでトレースして下絵をアップグレードしていったら、次はいよいよIllustratorでトレース作業。後はパスでトレースするだけだ、なんてナメるヤツ。その通りです。
でも、パスなめんなよ。
早く精確に切ってこそだかんな。
目が乾くし、体の変なトコがムズムズしてくる作業は第三回から！
今回のイラストはIllustratorのみで作成。イラレの特殊機能に依存しないように作ったから、どんなバージョンでも対応可なチュートリアルになると思う。
どんなジャンルでも一緒だと思うけど、他人の作品から刺激を受ける事は多いでしょ。しかもその作品を模倣したりアレンジしてみたりするとスキルアップを実感しやすい。ってことで今回参考にさせていただいたのは、TUTORIAL: CREATE COOL INFOGRAPHICSという記事。
まずは参考元サイトを見てみると、この後のチュートリアルが分かりやすくなるかも。
あと、こういう良質な海外チュートリアルサイトを紹介してくれているPHPSPOT開発日記さんにも感謝です。
ROBOがイラスト描くときは、たいがい妄想しながら描いてる。
というか描きながら妄想してるのかな。今回は、参考元サイトを踏まえて作っていったので「3D」「町」というキーワードが出てきた。んで、年賀状なので「ウサギ」、冬なので「雪」「白」、ウサギが題材なので「ポップ」「かわいい」といったキーワードから妄想を膨らませていく。
キーワードや妄想が膨らんだら、いよいよ制作準備へ！
ちなみに今回のイラストは総制作時間19時間くらい。期間は11月29日～30日。
キーワード決めや妄想タイムも含んでおります。
第一回はこれにて終了、第二回は準備編！
Illustrator でパス使いだったらイラスト作んないとウソでしょ。ってことで Illustratorパスイラストの話。簡単なイラストだけど完成するまでの工程だよ。
その前に「何を描くか？」とか「どんなコンセプトで？」とか色々あるけど、スッとばす。
そのへんは悩むのも楽しいトコロだから、時間のゆるす限り考えたらいい。
で、まずは下絵がコレ。
ラフだけど、これを元にIllustratorでトレースするから丁寧に描いといた方がいい。
ポイントはオレンジ色の線。
この段階である程度完成イメージができているので、制作作業を短縮できるようにレイヤーのガイド線をひいた。今回はツヤっとした質感を出したいから「グラデーション」を使うつもりで線を引いてある。
スライムといえば体の丸み。曲線。
立体感を出すためにグラデーションに気を使う。
立体感を出すのに使ったレイヤーは計4枚。
メッシュ使ったりすると妙にリアルになってしまうので、あえてグラデレイヤー重ね。
アニメっぽさが少し出るようなイメージ。
題材がスライムだけに、今のままだと立体感が物足りない。
目やホッペで少しだけ凸凹感を追加してみるといい感じ。
目に使ったレイヤーは計7枚、ホッペは1枚
丸の集合体だから横着してアピアランス使ってもよかったけど、細かい作業で完成イメージに差がつく事が多いからちゃんとするべし。
全部重ねてから各レイヤーを微調整していく。
全部のレイヤーがグラデーションレイヤーなので、つなぎ目の色を調整していく。
といっても適当でOK。自分の目を信じて感覚で直すのが一番確実で早い。あ、でも時間があればカラー数値を見ておくといいかも。
ちなみに、パスのみ表示するとこんな感じ。
スライムだけだとさみしいので、タイトルロゴとセットにするために作成。
タイトルロゴもスライムと同じようなグラデーションを使用。
うーん、まあいっかコレで。ってとこで作業終わり。
性格的にいつもこんな感じで作業が終わる。じゃないとずっと満足いかず終わんないから。
満足いくまで作業できるっては贅沢なことだと思う。
気分の問題だけど、ロゴの上にスライムを配置すると、境界にあたる影がクッキリして気に入らないｗ なんか目障りなのでぼかしておいた。
うん、まずまずでしょ。
アピアランスでぼかし入れてるから、いつでも元にもどせるしね。
背景も同系色なのでロゴが少し埋もれてしまったので、ほんの少しだけロゴのうしろにホワイトのぼかしを入れてみた。超ほんのすこし。
ちなみに、今回のグラデーションはPhotoshopの青を参考したよ。
あの青、超好き。すこしくすんだ感じとか、浅めのグラデとか。
最後に、横長ロゴもつくってみた。
結構かわいくできたかな～。うむうむ。
これで少し “ 寝かす ” と違った目線でアイデアが出てくるので楽しい。
