Articles, Blog

黄金比を使ったロゴ作成 / Adobe Illustrator CC 2019 使い方講座

September 7, 2019


はいどうもこんにちは 今回もアクションの動画を見て
くださり本当にありがとうございます この動画では様々な企業のロゴデザイン
に使われている 黄金比を使ったイラストの描き方
をご紹介していきます 人間にとって最も安定し美しい
比率とされる 黄金比を使えるようになればあら
ゆるデザインや イラスト制作に役立つと思います
ので 早速この動画でやり方を学んでい
ってください それでは早速本編を見ていきましょう アクション この動画はあなたのコメントや
シェアによって成り立っております よろしければこの動画に対して
何かあくしょんをとってくだされ ば幸いです まずはじめに黄金比を使った
定規のようなものを作って行く ことから始めていきます ということでここでは最初に長方形
ツールで画面をクリックして まずは500かける500の正方形を作って
おきましょう そしたらこの四角形はここにおいて
続いては楕円形ツールを使って 1000かける1000の円を描いておき
ましょう 今回もまたまた表示のところから
スマートガイドとスナップのところ のチェックを入れて
これからの作業をやりやすくして おきましょうか さあそれではこの状態で
長方形の角っこに縁の中心を スナップしてくっつけておきます 塗りの色があるので見えにくい
ので塗りの色は無しにしておき ましょう そしたらshaperツールへと切り替
えておいてから このシェイプが重なっていない
部分を altキーを押しながら削除しておき
ます そしたらこのシェイプに対して
は オブジェクトのところから拡張
をします ここでは塗りと線のチェックは
外しておいて オブジェクトのところだけで拡張
をしておきます レイヤーを細かく開いてみると
こんな感じでオブジェクトが並ん でます さあそしたらこのいま作ったシェイプ
は altキーを押しながら右にスライド
しておきます そしたらウインドウからあらかじめ
出しておいた 変形のところの縦横比のチェーン
をロックしておいて ここでこのシェイプのサイズを
1.618で割りましょう 1.618というのは黄金比率の数値
ですので 覚えておくと役に立つかもしれ
ません そしてできたこのシェイプは
shiftキーを押しながら90度回転させて おきます
さあこれでできたシェイプは もともとあったオブジェクトにく
っつけておきましょう そしたらこれもコピーしておいて
から またまた1.618で割っていきます あとはこの作業の繰り返しですね ひたすらコピーをしては
変形のところで 1.618で割ってくっつけていきます おそらく全てぴったりとくっつ
くと思うので これをずっとやっていきましょう さあとまあこれくらいまで
出来上がって入れば十分でしょう 永遠に続いてしまいますからね この黄金比の定規が出来上がったら
シンボルのメニューを開いてここから 新しいシンボルとして黄金比の
定規を登録しておきましょう 受講生の方にはダウンロード用
に準備しておりますので ダウンロードして自由に使って
みるといいでしょう さあということでいま作ったこの
定規のレイヤーは ratioみたいに名前をつけておいて
から また新たにレイヤーを作成して
おきましょう ということでこれからこの中に
foxということで狐の絵を描いて 行きたいと思います 絵が描きやすいようにこの定規
は うまいこと傾けてやりやすいように
セッティングをしておきます さあそれではこれから絵を描いて
行くために foxのレイヤーの中に下書きを描
いていきましょうか ここで黄金比を意識しながら下書き
を描いておくと やりやすいでしょう まああまりうまいとは言えない
かもしれませんが あとで調整して行くことができる
ので大丈夫です それではこれから黄金比を使った
イラストを書きますが 基本的に全て円を使って書くこと
にして行きます そして円を使うときはそのサイズ
もまた黄金比に合わせていく必要があります ということでまずは元となるサイズ
として 楕円形ツールを使ってまずは100
pxの円を作成しておきます そしたらこの円のサイズはまず
は一番小さい 黄金比定規の四角の枠の中に入る
ように サイズを適当に調整しておきましょう そしたらこの小さな円はコピー
をしておいてから ここで変形のところでサイズを
今度は1.618倍しておきます このサイズは少し大きめなサイズ
の四角に当てはまりますね そしたらこれまたコピーをして
おいてから これも1.618倍をしておきましょう さあこれをすべての枠で繰り返して
それぞれ大きさを変えて行きましょう 若干違ったとしても大丈夫です ここでは気にせず最後まで作って
行きましょう さあということでこんな感じで
すべての枠にこんな感じで円を 書いたら
最後に一番大きい円を1.618倍して 大きな円を作っておいたら
今まで作った円を大集合させて 行きましょう 合体ロボ
パワーレンジャー てな感じでこうして円をかき集めて
おいたら これらすべての円を選択しておいて
から 整列のところで円を縦と横の両方
で 真ん中に配置をしておきましょう そしたらこれらの円は
わかりやすいように線の色は赤 にしておきます そしたらここで使った円をaltキー
でコピーしながら さきほど配置しておいた黄金比
の定規と 狐の下書きを見て行きながら円
を合わせて行ってください ここら辺はもう円を配置して行く
単調な作業なので ちょっとゆっくりめな早送りで
音楽を流しておきますので じっくり見たい方はじっくり見て
行って見てください とりあえず黄金比に円を合わせる
ということが理解できた方は次の ステップに進みますので
動画をスキップして先に進んで 見てください さあ ということでここまで出来上が
ったら これらすべてのシェイプを選択
しておいてから ライブペイントツールに切り替
えておきましょう あらかじめ狐の下書きの方はロック
をして 選択できないようにしております そしたらこのライブペイントツール
を使って この黄金比の定規そしてこの円
の部分部分を それぞれ塗って行きましょう 実は今回は下書きはあまり参考
にせずに 大体の形を作っているので下書き
はあまり気にしなくていいです とはいえ塗って行く中で下書き
も参考にしながら 円の位置とかを調整して行って
見てください ちなみにcommand yを押すと
独立して見えたりしますよ さあということでこんな感じで
あとは細かい部分の塗り残しがない かを確認しながら
書いていけばこれで黄金比を使った シェイプは完成ですね そしたらあとはこの必要のない
黄金比や線の色は すべて非表示にしておいてから
狐のシェイプだけが 見える状態にしておきましょう すると細かい塗り残しみたいなの
が見えるので これまたライブペイントツール
で 細かいところまで塗りつぶして
おきます そしたらこれらすべてを選択して
おいてから オブジェクトの拡張のところで
シェイプ以外は見えないように しておきます さあそしたらこれから狐に若干
のグラデーションを入れて 少しだけ立体感を加えて行きましょう これはロゴによってはやってもや
らなくてもいいので ここら辺も早送りで見て行きます 今回はこの赤っぽい色と
それを少し暗めにした色を使って 立体感をところどころに追加して
おきましょう まあ体のパーツが色々とあります
ので それぞれ影を作ったり光の当たり
方を 変えて見たりするといいのではない
でしょうか さあということで今回の黄金比
を使った ロゴ作成は完成です ここまで作業お疲れ様でした
さあということで今回の動画は 以上です 最後までご視聴ありがとうございます もしこの動画が少しでも役に立
ったら コメントやシェアの方もどうぞ
よろしくお願いいたします それではスキルを身につけ新たな
世界へ挑戦する ヒーローとなれ いつか会える日を

3 Comments

  • Reply NagaFX August 30, 2019 at 12:18 pm

    ためになります!

  • Reply 宝くじお August 30, 2019 at 11:22 pm

    アゴが開きすぎてガチョーンってなってる犬に見えましたw

  • Reply あつし August 30, 2019 at 11:40 pm

    すごい・・・

  • Leave a Reply