Illustrator

2016.07.15  

Illustratorを使ってパターンを作ろう!第1回: 歯車(ギア)をカンタンに作成する方法

Illustratorを使ってパターンを作ろう!第1回: 歯車(ギア)をカンタンに作成する方法

DTP制作には欠かせないIllustrator。Illustratorを使ったイラストの描き方に続き、初心者~中級者向けにIllustratorを使ったパターン作成の方法をご紹介します。

今回のテーマは「歯車(ギア)」です。単純なオブジェクトを組み合わせたり、効果を追加すれば様々な種類の歯車が簡単に作成できます。紙面のちょっとしたあしらいや背景のデザインにも使えるテクニックです。ぜひ挑戦してみてください!

「破線」を使って歯車を作る-初級編-

まずは初級編ということで、「線」と「破線」を使って歯車・ギアを作成します。

線パレットここで使うのは「線パレット」です。線パレットでは、線幅(線の太さ)や破線の設定ができます。(表示されていない場合は、[ウィンドウメニュー] > [線]よりパレットを表示させます。)

手順

楕円形ツールで正円(100mm×100mm)を描きます。線のみに色を設定。線パレットより[線幅]20pt、[破線]線分20ptに設定します。

楕円形を描き線のみに色を設定。線パレットより[線幅]20pt、[破線]線分20ptに設定。

さらに楕円形ツールでもうひとつ正円(100mm×100mm)を作成。こちらも線のみに色を設定。線パレットより[線幅]20pt、[線の位置]内側に揃えるに設定します。

楕円形を描き線のみに色を設定。線パレットより[線幅]20pt、[線の位置]内側に揃えるに設定。

2つの円を選択し「整列」 > 「水平方向中央に整列」

水平方向中央に整列

完成!

完成

線・破線のサイズや線幅(太さ)を調整すると、様々な歯車が作成できます。線のみに色を設定しているので、色の変更も簡単ですね!

3つのオブジェクトで作成

4つのオブジェクトで作成

うーん完成度がイマイチ…というこだわり派のあなた!次は「効果」と「複合パス」を組み合わせて歯車を作成してみましょう。

「効果」を使って歯車を作る-中級編-

もっといろいろな種類の歯車を作成したい方のために、お次は「効果」を使った歯車の作成です。ここでは「複合パス」と「クリッピングマスク」も合わせてご紹介!

正円の作成

まずは楕円形ツールで正円を4つ描きます。サイズは以下の通り(下図【A】~【D】)。

楕円形ツールで正円をそれぞれ作成

ジグザグ効果を追加

100mm×100mmの円【A】を選択した状態で、[効果] > [パスの変形] > [ジグザグ]より以下の数値を設定。(大きさ:10mm/折り返し8/ポイント:滑らかに)ウニのような形状になりました。

ジグザグ設定後の画像

ドーナツ型のオブジェクトの作成

2つの円を中央で整列もうひとつの100mm×100mmの円【B】と30mm×30mmの円【D】を中央揃えします。この時30mm×30mmの円が上(最前面)にくるようにオブジェクトを配置してください。

[オブジェクト] > [複合パス]>[作成]より複合パスを作成。ドーナツ型のオブジェクトができれば成功です。(パスファインダの中マドでも同様の結果が得られます)

複合パスを使ってドーナツ型のオブジェクトを作成

複合パスとは??

複数のパスを一つのパスとして扱っているもので、パスが重なり合った部分は透明に抜けて表示されます。

出展元:Adobe Community Help 複合パスの作成方法(Illustrator CC)

クリッピングマスクを作成

すべてのオブジェクトを選択し、中央揃えにします。この時ドーナツ型のオブジェクトを最前面に配置してください。

そのまま全てのオブジェクトを選択した状態で、[オブジェクトメニュー] > [クリッピングマスク] > [作成]をクリック

クリッピングマスクを作成

完成!この方法で作成した歯車は、歯の部分が台形になっているのがポイントです。

歯の部分拡大図

ジグザグ効果の数値を変更すれば歯の大きさ、数の調整も簡単ですね。【C】の円の大きさを変更すると歯の高さ(長さ)も変わります。

ジグザグ効果の数値を変更

上級者への第一歩:アピアランスパレットを使いこなす!

アピアランスのパレットを使うと様々な「効果」を追加できます。

アピアランスパレットアピアランスパレットが表示されていない場合は、[ウィンドウメニュー] > [アピアランス]よりパレットを表示させます。

ここでは、アピアランスパレット上で「効果」を組み合わせる方法をご紹介します。少し旋回したような歯車(ギア)の作成ができますよ。では、中級編で作成した”うに状”のオブジェクトに効果を追加していきます。

完成図

手順

アピアランスパレットより、[新規効果の追加]をクリック。続けて[パスの変形] > [旋回]をクリックします。

[新規効果の追加]から[パスの変形][旋回]をクリック

旋回の角度は-65°旋回の角度は「-65°」に設定し、OKをクリック。

旋回を適用

あれ?失敗したと思ったら

ここで重要なのは、効果の順序です。効果の順序を間違えると思った効果が得られない場合があるので、気をつけてくださいね。アピアランスパレットで順序の変更ができます。

効果の順序が重要!

他のオブジェクトと組み合わせ、クリッピングマスクを作成して完成!

マスクして完成

歯車を組み合わせてみる

歯車を組み合わせた画像

作成した歯車を組み合わせてみました。次回はこの歯車を使ってパターンの作成に挑戦します。お楽しみに。

デザイン制作サービス

  • お客様のラフをもとにデザイン制作。デザインから印刷までのワンストップサービス。

    デザインアシスト
  • お客様に代わってデータを修正。入稿まで徹底サポート。印刷物からのデータ作成も承ります。

    修正サービス
  • デザインを企画から制作まで。ご要望に合わせ訴求力のある印刷物をご提案。

    フルデザイン