Illustratorの使い方 HP制作・デザイナー必見!~トレースで練習??~

社畜る~? 逝く逝く♪ \(TдT)/

どうも緒方DEATH!

前回はイラストレーターの基礎の基礎のお話。

社畜る流!HP制作・デザイナー必見!Illustratorの使い方~基礎は本から学ぼう~

今回は基礎を覚えたうえで、デザインに着手していきましょう!

社畜の緒方

株式会社セブンコードで働く社畜。
就職する前は親父が持っていたIllustratorを使って絵を描いていた。
Illustratorを覚えたいというほのかちゃんの教育係りに。

社畜るーず ほのかちゃん

イラストを描くのが好きで、タブレットを使って毎日練習中。
勉強は嫌いだけど絵に関することは大好き。
Illustratorを覚えて、手に職つけようとしている中学3年生。

デザイン、何も考えないで進めちゃうと地獄説

社畜の緒方
ほのかちゃん、ちゃんと本をやってきたみたいやな!!!
有栖ほのか
はい!もう基礎はばっちりです!
社畜の緒方
ほんまかー!?そういえばさっそくほのかちゃんに仕事の依頼がきてたで。
有栖ほのか
ええええー!本当ですか!?うれしいです!
社畜の緒方
俺が営業しても全然とれないのに・・・くそ・・・
社畜の緒方
ロゴのお仕事やってさ!
有栖ほのか
ロゴ・・・大切な仕事ですね。
社畜の緒方
そうやで!気合いれろよ!!
有栖ほのか
はい!
社畜の緒方
じゃあやり方を・・・
有栖ほのか
本読んでばっちりなんで大丈夫です!任せてください!!!

・・・

・・・・・

・・・・・・・

有栖ほのか
できました!!!

社畜の緒方
ほのかちゃん、これはロゴちゃうなぁ・・・
社畜の緒方
どっちかというと・・・エンブレムちゃうか・・・?
有栖ほのか
エンブレム・・・
社畜の緒方
エンブレムっていうのは・・・なんかこう・・複雑なやつで・・・
社畜の緒方
ロゴって・・・俺も上手く言えなへんねんけどさ・・・もっとシンプルなものかな。

ロゴ:象徴。象徴的文様。寓意画。視覚的形象において直示的ではなく表現されている物や意味のこと。
エンブレム:紋章。記章。特に、ブレザーの胸につける校章など。ワッペン。

調べてみたらこんな感じでした。
ロゴとエンブレムに厳密な違いはないらしいのですが、使用用途が違っていました。

社畜の緒方
たとえばこんなんとか?

有栖ほのか
あ!キティちゃん!!サンリオ好きなんですか?
社畜の緒方
そうそう、キティちゃん、かわいいよねー、おじさんサンリオ大好きやねんちゃうねん!
社畜の緒方
ロゴの参考や参考!ロゴってこういうシンプルなやつなんよ!
有栖ほのか
はぇ~
社畜の緒方
今書いてくれたものを修正するとしたら、真ん中のキャラクターだけにして線をもっと太くしてみると良い感じになるんちゃうか?
社畜の緒方
ちょっとこれ真似してやってみ
有栖ほのか
え~真似ですかー?
社畜の緒方
ええからやってみ!!
有栖ほのか
・・・わかりました・・・やってみます・・・

・・・

・・・・・

・・・・・・・

有栖ほのか
どうでしょうか!!

社畜の緒方
おお!まだイラスト感はあるけどさっきよりだいぶ近づいた!!
社畜の緒方
あれやな。フォントがデフォルト(初期設定)のままだから「みんラボ」の文字もちゃんとデザインしてみようか。
社畜の緒方
さっきのキティちゃんのロゴもフォントはかわいらしいの作ってあったやろ?
有栖ほのか
わかりました!!

・・・

・・・・・

・・・・・・・

有栖ほのか
どうでしょうか!!

社畜の緒方
良いんじゃない!?
社畜の緒方
どう?最初のと比べていい感じなんじゃない?
有栖ほのか
でもなー・・・キティちゃんの真似しちゃったし・・・

プライドを捨ててプロのデザインを真似して学ぼう

社畜の緒方
そりゃキティちゃんの真似したほうが早いし、ええやん!
有栖ほのか
でも真似って駄目なんじゃないですか?
社畜の緒方
ええねん。君東京オリンピックのロゴの話題覚えてるか?生まれてたか?
社畜の緒方
あのデザイナーの佐○さんも東京オリンピックのロゴは真似して勝ち取ってたよね。
有栖ほのか
へぇえ!オリンピックのロゴも真似で作ってるんですか!?すごい!
もっちょさん
ばかもんっちょ!!!!
社畜の緒方
!?だれ!?
もっちょさん
私はもっちょさんっちょ!!もうちょっと足りないやつらのところに現れては、正しい道に導くっちょ!
社畜の緒方
急に変なやつがきた・・・
もっちょさん
お前らはもうちょっと頭が足りないっちょ!
もっちょさん
緒方!なんだっちょ今の説明は!
もっちょさん
東京オリンピックの佐○は真似じゃないっちょ!
もっちょさん
あれはほぼ完コピしたから炎上したっちょ!
もっちょさん
そりゃそうっちょ!ほのかちゃんはロゴの仕事の依頼されたっちょ?そのままヴィトンのロゴをパクったら炎上するっちょ?
有栖ほのか
はい・・・
もっちょさん
そういうことっちょ!
有栖ほのか
・・・
もっちょさん
だから実際の作品を完コピするのは駄目なんだっちょ
有栖ほのか
どういうことですか?
もっちょさん
著作権やらなんやらも発生しちゃうし、会社のロゴが他社の完コピって完全にアウトだっちょ
もっちょさん
だから完コピじゃなくて、雰囲気を真似するんだっちょ。
有栖ほのか
真似するんですか?
もっちょさん
そうっちょ!!
もっちょさん
実際世に出回っている作品は全部プロが作ったものだっちょ。
色使いからスペースの使い方、大きさのバランスに文字。
フォントだって細かくサイズやジャンプ率を考えて作られてるっちょ。
もっちょさん
要するに、「完成された作品」を実際に真似してみて、自分の力にするんだっちょ!
有栖ほのか
なるほど!
もっちょさん
スペースの開け方なんて実際やってみて体感しないと口で言われてもわからないっちょ。
有栖ほのか
確かに・・・具体的に○mm左、って指示があるわけじゃないですしね。

もっちょさん
これがほのかちゃんのロゴと、参考にしたキティちゃんを並べたものっちょ
もっちょさん
ほのかちゃんは最初何も考えずに描いて、ロゴとはかけ離れたものを作ったっちょ。
もっちょさん
でも、「キティちゃんのロゴ」を見ることで参考になって、自分のイラストを使ったロゴができたっちょ。
もっちょさん
これは完コピではないっちょ?似ても似つかないけどベースは真似れているっちょ?
有栖ほのか
確かにそうですね!参考を真似することで、すごく描きやすくなりました!
もっちょさん
よろしい!絶対に完コピしちゃ駄目っちょよ!
有栖ほのか
はい、ありがとうございます!
有栖ほのか
緒方さんと違ってわかりやすいです!!
社畜の緒方
ちっ

プライドは捨てろ

有栖ほのか
でも・・・デザイナーなんだし、パクるのはちょっと・・・
もっちょさん
そんなプライドはすてるっちょ!
もっちょさん
真似って聞くと嫌がるやつは多いっちょけど・・・
もっちょさん
最初っから自分の想像だけで作品を作れるやつなんかいないっちょ!
もっちょさん
参考のデザインを真似て、勉強して、自分の力に変えていくんだっちょ!
社畜の緒方
ふふ・・・俺はそんな細かいこと気にしないからな。
もっちょさん
お、緒方はいい心がけっちょ!
もっちょさん
今日の話を胸に刻んではげむっちょ!
有栖ほのか
ありがとうございました!!!

・・・・・・・・

社畜の緒方
まぁもっちょさんの言うことも一理あるわな。
社畜の緒方
ほのかちゃんもプライド捨ててがむしゃらにやってみな。
社畜の緒方
俺のようにな。
有栖ほのか
・・・はい。そういえばお母さんがライブの手続きちゃんとやってくれないって怒ってましたよ。
社畜の緒方
でへへへ・・・
有栖ほのか
そこはプライド持ってやってください。

今回の教訓

デザインの学校 これからはじめるIllustratorの本 [CC2017対応版]
ロクナナワークショップ
技術評論社
売り上げランキング: 82,018

web_kakuyasu_banner
telmini cc58
The following two tabs change content below.
緒方勇祐

緒方勇祐

社畜の緒方。ナマステとも呼ばれます。 お金は稼ぎたいけど働きたくありません。管理者になりたかったけどなれませんでした。本能の赴くままに好きなことしか出来ません。ちょっとだけ人生に絶望しています。だけど楽しく生きています。本当は楽しく生きるだけじゃだめなの知ってます。でも楽しく生きてます。