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

    アンカーポイントとペンツール

    次の記事内容を何にしようかと考えていて、自分が初めてペンツールに触れて…

  2. ホラー風の文字を作ろう

    Illustrator

    Illustratorで作れる!!簡単ホラー風文字

    いきなりですが、夏と言ったら何を思い浮かべますか?海、花火、かき氷…

  3. Illustrator

    オブジェクトにトンボをつけよう

    トンボについて印刷物を作成する際に、仕上がりサイズや断裁する位置、…

  4. Illustrator

    ぴったり並んだ「キャビア」(円)を描いてみよう!(W杯開催国ロシアの名産品)

    ワールドカップ2018が始まりましたね!今回の開催国はロシ…

  5. Illustrator

    Illustratorでスピログラフを作ってみよう

    Spirographースピログラフスピログラフとは、この美しい幾何…

  6. 上付き文字や下付き文字を使おう

    Illustrator

    上付き文字や下付き文字を使おう

    文章を入力しているときに指数や序数の扱いに困ったことはありませんか?…

Language

CodeCamp

最近の記事

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

    コマンドXとコマンドF(B)を使ってオリンピックマークを作ってみよう
  2. Illustrator

    手書き風イラストを作ろう
  3. Mac

    Clipy: The Best Free Clipboard App
  4. Photoshop

    非破壊処理で逆光を描画
  5. Illustrator

    オブジェクトにトンボをつけよう
PAGE TOP