Adobeスクールパートナー(ブロンズ)

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

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

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

    もうすぐ冬本番!Illustratorで雪の結晶を作ろう

    今年もあとわずか。日々寒くなってきましたね。これからの時期、広告媒…

  2. Illustrator

    文字タッチツールを使って面倒な文字組みを簡単に!

    皆さんは文字の角度や大きさを変更する際にアウトライン化をしていませんか…

  3. DTP

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

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

  4. ドット女の子

    Illustrator

    illustratorで昭和のゲームみたいな絵を描こう

    illustratorを使って簡単に、昔のゲーム風の絵を描いてみましょ…

  5. Illustrator

    みかづきをつくろうよ^_^ 作りたいんじゃ!!

    二つ円を用意します。 重ねます。パスファインダーで…

  6. Illustrator

    自由変形ツールで影を作ってみよう!

    後ろから斜めに光が当たっているような影を作ります文字をコピーす…

人気の記事

CodeCamp

おすすめの参考書

PAGE TOP