グラフィックデザイン スキルアップ講座

[Illustrator]歯車マークの作成方法。基礎からステップアップへ、初心者向け講座

2021年1月6日

グラフィックデザイン制作の基本から少しだけステップアップした、歯車マークの作り方について解説していきます。

一見簡単そうに見えるマークですが、少しテクニックやアイデアが必要な部分もあったりします。

作成方法は色々とありますが、デザイン制作の基本となる「ガイドの重要性」や考え方なんかも解説していきたいと思いますので、特に初心者の方にはおすすめの内容となります。

Illustratorの根本がわからない場合は、以下の記事よりご確認ください。

no image
Illustratorのツールバーにある、各ツール一覧の意味と使い方などを解説。

続きを見る

歯車マークの作成方法

それでは、Illustratorの方で適当に新規ファイルを開けていきましょう。

まずは、歯車の土台となる円を作成しましょう。

今回は、特に再現性が難しい訳でもありませんので、具体的なサイズに関しては省略して解説していきたいと思います。

次に、歯車の象徴となる、外周の噛み合うパーツを作成していきましょう。

適当に長方形を用意します。

こちらの形に関しては、ご自身の完成させたいイメージに沿って作成するようにしましょう。

歯車は、大外が細く、内にいくほど太くならないと歯車の機能が成立しませんので、長方形の左右下のアンカーポイントをダイレクト選択ツールで同時に選択した上で、拡大縮小ツールに切り替え、真ん中を中心にした状態(初期のままでOK)で、左右の外側に広がるようにドラッグしましょう。

すると台形が出来上がりますね。

この台形を、土台の円の外周に沿って規則正しくそわせていければ問題ないのですが、円に対して垂直に、さらに等間隔で並べていくのを直感的に行うのは無理と言えます

ここでイメージしましょう。

まず、何個のかみ合わせを作成したいか?

今回は12個作成する事にしたいと思います。

そうすると、360°割る12個で30°ずつ回転していけば、いい感じに配置できるのが想像できます。

まず、こういった考えを持つ事が大事になります

次に、円に対して等距離で垂直に当てるというところが課題になります。

ここで用いるのが「ガイド線」になります。

まずは、土台の円と先ほど作成した台形を、時計の12時の方向になるように、センター合わせにしましょう。

この際、完成形をイメージしながら、台形をどれだけ円から突出させるのが理想なのかイメージしながら拡大縮小を行い、バランスをとるようにしましょう。

バランスの方が取れたら、円の中心から台形に向かって線を一本ひき、ガイド化(command+[ 5 ])を行いましょう。この線の長さはどんな長さでも問題ありません。

以下の図では、わかりやすいように黄色の線にしております。

大事なのは、円の中心から出発しているという事です。

そのガイド線と台形をグループ化しておきましょう。

台形を選択した状態で、ツールを「回転ツール」に持ち替え、リターンキーを押しましょう。この時点で、回転させる中心点などは特に気にする必要はありません

すると、ダイアログが出てきますので、回転角度を30°(12等分なので)にし、「コピー」を押し、さらに「前回の動作を繰り返す」command+[ d ]を連続で10回押しましょう。

歯車には程遠いですが、規則的な図形が出来上がると思います。

 

あとは、各台形の尻尾の部分(台形のない箇所)にあるガイド線の先端を11個分、円の中心点に一つずつ合わせていけば歯車の骨格の完成です。ガイドは、見えないので消しても消さなくても問題ありませんが、まあ消す方が良いかもしれません。

あとは全てを選択し、「パスファインダ」パネルの「合体」をさせ、中にある空間はダイレクト選択ツールで選択後消せばOKです。

まとめ

いかがでしたでしょうか?

簡単そうなイメージ画像でも、少しテクニックやアイデアが必要な場合もあります。

今回はガイドを用意し、中心点を意識する事で解決できました。

手作業間は否めませんでしたが、ガイド線の利用は、グラフィックデザインなどでパターン化されたものを作成するにあたり重要となる考え方の一つでもありますので、あえて手間のかかる方法で紹介させていただきました。

こういった事を自分で色々想像できるようになると、様々な複雑パターンも生産できるようになると思います。

オブジェクトの作成方法は、本当に無数にありますので、ぜひデザインの引き出しに入れておきましょう。

完全無料のクリエイター育成講座開催中!

直接教えて欲しい!

人物イラストの無料ダウンロードサイト公開中!

人物イラストの無料ダウンロードならMIDO-KICHI

-グラフィックデザイン, スキルアップ講座

Copyright© デザイナーブリッジ , 2021 All Rights Reserved.