Illustratorで点線のすべてを学ぶ

Adobe Illustratorシリーズでは、ベクターデザインソフトウェアでエフェクトを作成する方法をご紹介しています。 初心者の方からベテランの方まで、デザインプロセスをシンプルにするお手伝いをします！今日は、点線の作成方法に焦点を当てます。

Adobe Illustratorは、グラフィックデザインやイラストレーションに世界中で使用されている強力なツールです。

Illustratorは、あらゆるデザインを可能にする機能を満載していますが、その反面、学習が大変なことでも知られています。 長く使っているプロのデザイナーでも、エフェクトのかけ方について再確認する必要がある場合があります。 そこで、Illustratorで点線を作る方法を初めて学ぶ方にも、再確認していただくために、読み進めていきます！

今回は、Adobe Illustratorで点線を作るさまざまな方法を取り上げ、Vectornatorでの作り方を紹介します。

グラフィックデザインで点線を使うべき時とは？

デザイナーが点線を使いたい理由は様々ですが、ここではその動機についてご紹介します：

• 画像に質感を与える装飾効果
• ドット柄を作るには
• 飛ぶなど、動きや方向を示すこと
• 地図やインフォグラフィックで方向を示すこと
• グラフペーパー効果を出すには
• パッケージデザインで、どこを切るかなどの指示を出すこと。
• 何かを書くべき場所、署名すべき場所を示すこと
• 物を折る場所などの指示を出すため

画像出典：Dreamstime

Illustratorで点線を作成する方法

点線」は、円形の点、正方形、長方形など、どのような形でも構いません。 点線と破線は互換性があり、以下の説明では、両方を扱います。

Illustratorで点線を作るには、いくつかの方法があります。 ここでは3つの方法を紹介しますが、どの方法がいいか、試してみてはいかがでしょうか。

オプション1：ストロークツールで点線・破線を作る

• まず、線を引くところから始めます。
• 次に、プロパティ->外観に移動するか、WindowsではF6、MacではShift+F6のショートカットを使って、外観パネルを開いてください。
• アピアランスパネルが開いたら、「ストローク」を選択します。ストロークパネルが開き、さまざまなストロークオプションが表示されます。
• ストロークパレットで「破線」を選択します。 想像通り、破線が描かれます。
• ここで「丸めキャップ」を選択すると、丸みを帯びたダッシュができる。

• ストロークウィンドウでストロークの太さとギャップの値を調整することで、丸められたダッシュをドットに縮小することができます。 これにより、点線の効果が得られます。
• 四角いドットを作るには、「投影」キャップを選択します。
• ギャップ値を増減させることで、ドットやダッシュの間隔を操作することができます。

• このオプションをクリックすると、カラーパネルが表示され、希望の色を選択することができます。
• 様々な長さのダッシュからなるダッシュパターンやダッシュシーケンスを作成したい場合は、ダッシュオプションで遊びながら、ダッシュとギャップの値を調整して様々なシーケンスを作成することが可能です。

オプション2：ブラシツールでドット柄のブラシを作る

この方法では、まず円を作ることから始めます。

• 左のアピアランスパネルでシェイプツールを選択します。 長方形ツール、角丸長方形ツール、楕円ツール、多角形ツール、星形ツール、フレアツールの選択肢があるはずです。 ここでは、"楕円ツール "を選択することにします。
• shift」を押しながらマウスをドラッグし、円を描きます。
• 作成した円は、塗りつぶしの追加、色の変更、大きさの調整など、編集することができます。
• 円形で満足したら、window-> brushesに移動します。 brushesウィンドウが表示されるようになりました。
• ここで、円をクリックし、プリセットセクションにドラッグします。
• 新しいブラシの種類を選択してください」というダイアログが表示され、「スキャッターブラシ」「アートブラシ」「パターンブラシ」のいずれかを選択することができます。

• "Scatter Brush "を選択し、"Ok "を押す。
• さらに "Scatter Brush "のオプションが表示された別のウィンドウがポップアップします。 "Ok "を選択します。
• では、ラインツールで、点線を表示させたい場所にドラッグします。
• 次に、先ほど作成したブラシを選択します。
• 今、線を作ったところに点線が表示されます。

• 点線の編集は、先ほど使用したブラシをダブルクリックします。

• スライダーをドラッグすることで、点線の大きさ、色、太さ、点と点の間隔を調整することができます。 また、間隔をランダムにして、点と点の間隔が不規則な点線を作成することも可能です。
• 編集が完了したら、"Ok" と "Apply To Strokes" を押してください。

オプション3：ブレンドツール

Illustratorのブレンドツールを使っても、点線を作ることができます。

• まず、ラインツールでラインを作成します。
• 楕円ツールで円を描き、シフトを押しながら描くと真円形になります。
• 次に、円を複製します。 まず、「選択」ツールに切り替えます。
• 次に、altキーを押しながら円をクリックし、ドラッグします。 これにより、円のコピーが作成されます。

紫の丸に紫のリネア

• 両方の円を選択し、「オブジェクト」-> 「ブレンド」-> 「作成」に移動します。また、両方の円を選択してブレンドツールに切り替え、一方の円をクリックし、もう一方の円をクリックしてブレンドを作成しても同じ効果を得ることができます。

• 次に、選択ツールでブレンドとラインの両方を選択します。
• "オブジェクト"-> "ブレンド"-> "背骨の交換 "に移動します。

• ここで、"オブジェクト-> "ブレンド"-> "ブレンドオプション "に移動してください。
• スペーシングとオリエンテーションのオプションを含むダイアログボックスがポップアップ表示されます。
• 間隔」の横のドロップダウンメニューから「指定されたステップ」を選択します。
• 例えば「2」と入力すると、最初に作成した2つの点の間に2つの円が入ることになります。

• また、ドロップダウンから「指定距離」を選択すると、ギャップ値を変更してドット間の距離を設定することができ、結果的にドット間のギャップサイズを大きくしたり小さくすることができます。
• もう一度言いますが、この方法で好きな形から点線を作ることができます。

Illustratorの代替ソフトを試す

Vectornatorは、Illustratorのような業界標準のソフトウェアと同等の機能を持ちながら、非常に使いやすく設計されています。 Vectornatorで点線や破線を作成する方法を以下にまとめましたので、参考にしてください。

Vectornatorで点線を作る方法を簡単に説明した下のGIFをチェックし、その下に書き出した指示に従ってください。

• まず、ペンツールで線を描きます。 ペンツールの使い方は、こちらで解説しています。
• 直線、曲線、図形全体の作成が可能です。
• 線に満足したら、画面右側のインスペクタで、「ストローク」の横のトグルをクリックしてスイッチをオンにします。
• ストロークメニューが表示されるようになりました。
• ストロークの幅からキャップの形や色まで、このメニュー内ですべてのストローク設定を調整することができます。
• Illustratorと同様に、点線を実現するために丸みを帯びた隙間を選択することになります。
• ストロークを点線や破線に変更するには、ストロークメニューの「ダッシュ」セクションを表示します。
• 左のボックスに数値を入力します。 この数値によって、ドットやダッシュの長さが決まります。 最初は任意の数値を選択し、必要に応じて調整しながら進めてください。
• 次に、ストロークメニューの「ギャップ」セクションに移動し、左側のボックスに値を入力します。 この値によって、ドットまたはダッシュの間のギャップサイズが決定されます。
• すべてのドットの大きさを同じにし、ドットの間隔を同じにするには、「Dash」と「Gap」の両方のボックスを同じ値にしてください。
• パターンのバリエーションを増やすために、各ボックスの値を調整し、異なるギャップサイズとダッシュの長さを作ることができます。
• 点描画を作成したら、同じツールを選んで描画することで、線、四角、円などの点描画を非常に簡単に作成できます。

点線のインスパイア

IllustratorとVectornatorの両方で点線の作り方がわかったところで、点線を適用するさまざまなアイデアについて、以下の例をご覧ください。

地図上でムーブメントを描く

地図ではよく見かける、ねじれたり曲がったりする点線は、何かの方向を表すのに適しています。

カッティングインストラクションを表示する

点線や破線の前にハサミのアイコンがついているのは、どこを切ればいいかを示す世界共通の表示です。 パッケージデザインのゲームに参加していると、きっと遭遇することでしょう。

画像出典：Dreamstime

質感と立体感

点線や破線は、画像に質感や立体感を与え、特に下の写真のような抽象的な幾何学模様のイラストに取り入れると、とても素敵です。

画像出典：Dreamstime

インフォグラフィック

点線や破線は、下の画像のように、インフォグラフィックスで方向性を伝えるのに適しています。

画像出典：Dreamstime

準備はいいですか？

Adobe IllustratorとVectornatorで点線やドット柄のデザインを作成するために必要な知識を身につけ、インスピレーションを感じていただけたなら幸いです。

もし、あなたのドットラインデザインを私たちと共有したいと思われたなら、ぜひDMでお知らせください！