Illustratorの使い方 HP制作・デザイナー必見!~黄金比?白銀比?ほんまかいな~

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

どうも緒方DEATH!

前回はデザインを学ぶ、ということでトレースについて学びました。
みなさん、四の五の言わず黙ってトレースの練習は出来ましたでしょうか。

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

トレースの練習ばっかりでつまんねぇ・・・
もっとデザインの大事なことを教えろよ・・・

そんな声が聞こえてきますねぇ。

仕方ないからいつもの3人がデザインでとても大事なことを話します。
ぜひ読んでください!

社畜の緒方

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

社畜るーず ほのかちゃん

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

最高顧問 もっちょさん

セブンコードの最高顧問。
中に何者かが入っているという噂がある・・・

もっちょさんのロゴを作ろう!

もっちょさん
おがたくぅ~ん
社畜の緒方
なんでしょう、もっちょさん(どっかで聞いたことある声やわ)
もっちょさん
セブンコードはさ、来年から学校としても活動するし、鍼灸院も立ち上げるなど新事業がどんどんできるっちょ。
社畜の緒方
あーそうですね、忙しくなりそうっすね!!
もっちょさん
そこでっちょ・・・
もっちょさん
「もっちょ」のロゴを統一しようと思う!!
社畜の緒方
前面に自分推してきますね・・・
もっちょさん
なにっちょ?
社畜の緒方
いえ・・・
もっちょさん
もっちょさんが自らロゴのイメージを作ってきてあげたっちょ!
もっちょさん
これを見て緒方君はかっこよく清書してほしいっちょ

社畜の緒方
なるほどです・・・
もっちょさん
今回のロゴはがっつり時間かけて作り込むんだっちょ!
社畜の緒方
わかりました。んじゃやってみます。

黄金比?ってなに?

社畜の緒方
どうでしょうか?
もっちょさん
緒方君、これはちゃんと黄金比に当てはめて作ってるっちょか?
社畜の緒方
・・・いえ、黄金比とかは・・・
もっちょさん
なんでっちょ?いつも言ってるっちょ。黄金比の話は。バカなのかっちょ?
もっちょさん
ほのかちゃんでも黄金比は知ってるっちょ。
社畜の緒方
ほのかちゃん知ってる?
有栖ほのか
もちろんです!
社畜の緒方
ほう?言ってみ
有栖ほのか
縦と横の長さの比の値が黄金比の近似値1:1.618の長方形のことで、人が最も美しいと思う形のひとつです!
社畜の緒方
完璧か
もっちょさん
ほのかちゃんにはこの前教えてあげたっちょ。さすがっちょ。
もっちょさん
じゃあほのかちゃんやってみるっちょ。
有栖ほのか
・・・え?できるかな・・・
もっちょさん
じゃあ緒方くんやってみるっちょ
社畜の緒方
え・・?できるかな・・・
もっちょさん
もぉぉぉぉおお!なんなんだっちょ二人とも!それでもデザイナーかっちょ!
もっちょさん
よくみとくっちょ!!

もっちょさん
こうやるんだっちょ!
社畜の緒方
おぉぉ・・・
有栖ほのか
よくわからないですが確かにあてはまっていますね・・・
社畜の緒方
そしてよくわからないけどキレイな気がする
社畜の緒方
でもちょっと・・・ぶさいく?

黄金比を使って整えてみよう

もっちょさん
そうだっちょ。まだ輪郭しか整えていないっちょ。
社畜の緒方
なるほど。だから顔がなんかぶさいくなんですね。
もっちょさん
ぶさいくって言うなっちょ
有栖ほのか
これは目とか顔の部分にも黄金比を当てはめていく感じですか?
もっちょさん
そうだっちょ。
もっちょさん
それを二人でやってみるんだっちょ。
社畜の緒方
わかりました!

———————-

社畜の緒方
どうでしょう?
もっちょさん
おおおおおやればできるっちょいいじゃないかっちょ
有栖ほのか
ちょっとパーツの位置変えれば表情も変わりますよ!
もっちょさん
いいっちょね!
もっちょさん
完成だっちょ!

黄金比を適用することで劇的にバランスがよくなる

どうでしょうか。圧倒的にバランスがよくなっていると思います。

黄金比(おうごんひ、英語: golden ratio)は、の比である。近似値は1:1.618、約5:8。
ちょっと小難しいけれども人間が最も美しいと感じる比率が「1:1.6」ということになります。

黄金比てのを発見したのはエウドクソス(紀元前408年頃~紀元前355年頃)という人で、
パルテノン神殿建設時に使ったと言われているそうです。

ぶっちゃけ紀元前から定められているっていうのが本気で意味がわからないんですが・・・
はがきのサイズなんかも黄金比だそう。
紙のサイズって結構意味不明なサイズやったけど黄金比が適用されているんですね。

有名なものだと、ミロのヴィーナスやモナリザにも黄金比が隠されているとか。

その他、松ぼっくりだったり、自然物の中にも多く見られます。

Twitterのあの鳥のロゴも有名ですね。

あとは有名なアップルのロゴ。
あれも黄金比が当てはめられてるってのはとても有名ですよね。

アップルが売れたのはもちろん、ipodやiphoneという画期的な商品があったからです。
商品も斬新なデザインであっという間に定着しました。
ロゴと同じく、人間が見て美しいと思えるデザインが施されていたのでしょう。

ようするにですよ。
もっちょさんにこの「黄金比」を当てはめることで美しくなるんじゃないかと。

そういうことでやってみました。

こう並べてみると、最初に黄金比を適応せずに作ったものはなんか・・・気持ち悪い。
ぶっちゃけこの適応法があっているのかはわかりませんが、「1:1.6」のバランスは守れてると思います。
ぱっと見たときの印象が違う。

ちなみにあてはめたのがこちら

もっちょさんの本体から服にかけてが1.6で、服より下が1の割合。
ただこの「どこから」「どこまで」を「1:1.6」にあてはめるのかもすごく難しかった。
最初のころを見てもらえばわかるようにちょんまげが長すぎました。
たったこれだけの違いなのにぜんぜん印象が変わります。

「1:1.6」を使えば絶対なのではなく、「1:1.6」をうまく使ってバランスを整えないといけません。

みなさんもイラスト書くときなど、ちょっと気をつけて考えてみてください。

デザイン時はどんなときであれ意識してみよう

社畜の緒方
黄金比って確かにすごいね・・・
有栖ほのか
そうですね
社畜の緒方
ほのかちゃんもイラスト書くときに意識してみたら?
有栖ほのか
たしかにこれを当てはめることでもっと愛されるキャラが作れるかもですね!
社畜の緒方
だね。ちなみに黄金比は無限の回転にも適用できるよ。
有栖ほのか
無限の回転・・・?
社畜の緒方
そう、ジャイロが言ってたんだけど・・・黄金比に沿って鉄球を回転させることで無限の回転を生み出せると。

社畜の緒方
これはスタンド能力じゃなくて、ツェペリ家の技術。人間の生み出した技術なんだよね。
有栖ほのか
は?
”ただジョニィはこの黄金の回転から爪弾、タスクの回転を強化、最終的にはact4まで進化させたからね。[/speech_bubble

は?

社畜の緒方
黄金比は決してデザインだけの話じゃないんだよねぇ。奥が深いよ。
有栖ほのか
ははは・・・(こいつだめだわ・・・)

今回の教訓


社畜るって何?
telmini cc58
The following two tabs change content below.
緒方勇祐

緒方勇祐

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