Adobe認定トレーニングセンター

意外と知らない歯車の作り方

Illustrator

意外と知らない?Illustratorで歯車を作ろう

使用ソフト: Illustrator CC2020  

よく「設定」アイコンなどでみかける「歯車」。
実際に作ろうとすると・・・のような経験はありませんか?
今回は、簡単に作れて修正やアレンジも可能な「歯車」の作り方を解説します。
※[アートボード:A4/横][カラーモード:CMYK][ラスタライズ効果:300ppi]で作業を進めます。

1.好きな大きさの真円を作成

アートボード上に好きな大きさの真円を作成します。
今回は分かりやすく直径100mmで作成しました。
直径100mmの真円

この時[線]は設定せず、[塗り]だけ設定しておくと作業が進めやすいです

2.効果[ジグザグ]を適用

メニューバーで[効果]→[パスの変形]→[ジグザグ]を選択します。
効果ジグザグを適用
[ジグザグ]パネルが表示されたら[大きさ:5mm][折り返し:8][ポイント:滑らかにチェック]で実行をします。

この時の変化は作成した真円の大きさによって異なります

実行をするとこのようになります。
効果ジグザグの適用後
トゲトゲしています!

3.新しく真円を2つ作成する

先程、効果[ジグザグ]を適用したオブジェクトとは別に新しく2つ真円を作成します。
今回1つ目は最初と同じ100mmの真円と,2つ目はその半分の50mmの真円を作成しました。
新しい2つの真円

1つ目の真円はジグザグと重ねた時、ジグザグの先端が飛び出す程度がちょうど良い大きさです

真円を作成したら、2つの真円を水平、垂直方向中央に整列させ重ねます。
この時のポイントは小さい方の真円を前面に配置しておくことです!!
水平垂直方向中央に整列させて複合パスを作成
重ねたら、2つの真円を選択した状態でメニューバーの[オブジェクト]→[複合パス]→[作成]を実行します。
複合パスを作成
複合パスを作成するとこのようになります。
複合パスを作成後
ドーナツ状のオブジェクトができました。
ちなみに複合パスについて詳しく解説した記事もありますので「しょうがない。読んでやるか・・・」という方は下のリンクからどうぞ!!


4.クリッピングマスクを適用する

手順2で作成したトゲトゲしているオブジェクトと、手順3で作成したドーナツ状のオブジェクトを水平、垂直方向中央に整列させ重ねます。
この時のポイントはドーナツ状のオブジェクトを前面に配置することです!!
水平垂直方向中央に整列

色を変えてお伝えしています

重なった2つを選択した状態でMac[command]+[7] Windows[Ctrl]+[7]を押してクリッピングマスクを作成します。
歯車の完成
ここまでで完成です!!
では早速この状態で色を変えてみましょう!!
色を変えてみたけど変わらなかった
あれ?変わりません・・・
実はただクリックしただけではマスクをしたドーナツ状のオブジェクトの色を変更してしまうのです。

アレンジの方法

どうすれば良いのかというとメニューバー左上の表示を一箇所切り替えるだけで大丈夫です!!
[マスクを編集]から[オブジェクトを編集]に切り替えるだけです!
マスクを編集
切り替えるとアピアランスパネルも切り替わるのが確認できます。
アピアランスパネルが変化する
この状態で色を変更するとこのようになります。
色を変更
ちなみにこの歯車の歯の数と谷の深さも変更してあります!!
先ほどのアピアランスパネルに戻り[ジグザグ]fxのところをダブルクリックします。
ジグザグをダブルクリック
すると[ジグザグ]パネルが開き数値を変更できます。
ジグザグパネル
このように変化しました。
変化
少し情報が多いですが[新規効果]も追加することができます!!
[新規効果追加]をクリックすることで追加が可能です。
新規効果追加をクリック
試しに[新規効果を追加]→[パスの変形]→[旋回]を実行してみます。
旋回
このように変化します。
歯車の旋回

まとめると、
変更したいときはメニューバーの[オブジェクトを編集]を選択することです!!

最後に

今回はシンプルな歯車を作成しました。
しかし好きな形で複合パスを作成した後、クリッピングマスクを作成すれば世界に1つだけのオリジナル歯車が完成しますよ!!
是非一度試してみてはいかがでしょうか?
アレンジ

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    暑中見舞いをつくろうー宛名の記入ー

    1.Illustratorでハガキサイズのドキュメントを作成するハ…

  2. Illustrator

    破線・点線の作り方

    簡単な操作で様々な形状の破線や点線を描写できるイラストレーターの機能を…

  3. Illustrator

    リサイクルマークを作ってみよう

    リサイクルマーク食品や飲料のパッケージ、工業製品などで見かけるリサ…

  4. Illustrator

    破線で作るワンポイントマークの作り方

    今回は上記画像のようなワンポイントマークの作り方をご紹介します…

  5. Illustrator

    Illustratorでふきだしを作ってみよう

    ふきだしふきだし、吹き出し、フキダシ。英語では"Speech Ba…

  6. Illustrator

    Illustratorで3Dオブジェクトを作ってみよう

    Illustratorで立体的なイラストを作りたい!と、思った時に…

Language

CodeCamp

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. Illustrator

    Use the Star Tool!
  2. 黄色いバラの花

    Others

    適正露出の写真を撮る・後編(EV値とカメラの設定)
  3. アコーディオン風の素材を作ろう

    Illustrator

    立体感のあるアコーディオン素材を作ろう
  4. 意外と知らない歯車の作り方

    Illustrator

    意外と知らない?Illustratorで歯車を作ろう
  5. Illustrator

    How to Make Trim Marks (Crop Marks)
PAGE TOP