タイトル・URLをコピー
記事タイトルIllustratorで点線(破線)を作成する方法
記事URLhttps://digitor.jp/textbook/illustrator_dotted-lines/
記事タイトルIllustratorで点線(破線)を作成する方法
記事URLhttps://digitor.jp/textbook/illustrator_dotted-lines/
POINTこの記事をざっくり言うと
点線(破線)は直線ツールから作成する
線パネルの各項目で太さ・間隔を調整する
図形も点線に変えられる
Illustratorで、まず覚えておきたいのが点線や破線を作成する方法です。非常に簡単ですが、初学者だとどうすれば作成できるか迷ってしまうこともあるかもしれません。そこで本記事ではIllustratorで点線を作成する方法を解説します。
点線を作成する方法
1.ツールバーから直線ツールを選択
画面左側にあるツールバーから直線ツールを選択し、直線を作成します。
2.コントロールパネルの線の項目をクリック
作成した直線を選択した状態で、画面上部にあるコントロールパネルの線の項目をクリックします。
3.線パネルで破線にチェックを入れる
線の項目をクリックすると線のパネルが表示されます。パネルにある破線という項目のチェックボックスにチェックを入れます。
上の画像のように点線(破線)が作成できました。
点線のバリエーション
線パネルの各項目の説明
点線のバリエーションを説明する前に、下の画像と表で線パネルの各項目について簡単に説明します。
名称 |
説明 |
①線幅 |
線幅(線の太さ)を設定する項目です。
|
②線端 |
線端を「線端なし」「丸型線端」「突出線端」から選択する項目です。
|
③角の形状 |
角の形状を「マイター結合」「ラウンド結合」「ベベル結合」から選択する項目です。「マイター結合」では「比率」も変更可能です。
|
④線の位置 |
線の位置を「線を中央に揃える」「線を内側に揃える」「線を外側に揃える」から選択する項目です。
|
⑤破線 |
チェックボックスにチェックを入れると線を破線にできる項目です。
|
⑥線分と間隔 |
破線の線分と間隔を設定する項目です。
|
⑦コーナーや先端の設定 |
破線のコーナーや先端の設定を「線分と間隔の正確の長さを保持」と「コーナーやパス先端に破線の先端を整列」から選択できる項目です。
|
⑧矢印 |
線端に矢印を設定する項目群です。
|
⑨プロファイル |
線のプロファイル(入りや抜きなど線の風合いを選択可能)を設定する項目群です。
|
線分と間隔を変更する
線分と間隔の値を設定する
線分と間隔の値を変更すると、様々な点線のバリエーションを作成することができます。線分は線の長さ、間隔は線と線との間隔です。線幅は線の太さです。
この3つの要素に加えて、線端、角の形状、線の位置などの設定を変更することで、より細かな線の形状を変更可能です。
ここでは、線端を丸型線端に変更してみましょう。丸型線端や突出線端を選択すると、線分で指定した値よりも実際に見える線は長くなるので注意が必要です。
上の画像のように、各項目の設定を変更すると様々な線のバリエーションが作成できます。
A.図形を点線にしたときに角を揃える方法
図形(オブジェクト)を点線で描くときに、角を揃える方法についても解説します。
線分と間隔の正確な長さを保持
「線分と間隔の正確な長さを保持」を選択すると、指定した値どおりに破線が配列されます。
コーナーやパス先端部分が線分ではなく間隔部分になってしまう箇所が発生する可能性があるので、オブジェクトの角の形状が欠けてしまっている部分があります。
B.コーナーやパス先端に破線の先端を整列
「コーナーやパス先端に破線の先端を整列」を選択すると、コーナーやパス先端に線分が配置されて、オブジェクトの角の形状がしっかりと分かるようになります。
オブジェクトのアウトラインをしっかりと見せたい場合は、こちらを選択しましょう。
上の画像で両者を比較すると、コーナーやパス先端の部分の違いがはっきりとわかります。使用目的に応じて使い分けてみましょう。
まとめ
Illustratorで点線(破線)を作る方法は、覚えてしまうととても簡単です。点線が作成できるようになると図や表などの作成に大変役立ちますので、実際に作成していろいろ試してみましょう。
Illustratorでフォントをアウトライン化する方法
作成したデザインのフォントをIllustratorでアウトラインする方法を解説。
Illustratorにフォントを追加インストールする方法
Illustratorではフォントを新たにインストールすることが可能です。
Illustratorでジグザグ線(ギザギザ線)や波線を作成する方法
ジグザグ線(ギザギザ線)や波線をIllustratorで作る方法解説します。
最後までお読みいただきましてありがとうございます。ご意見・ご要望などございましたら、
以下のフォームよりお問い合わせを受けつけておりますので、よろしければご利用ください。
この記事がお役に立ちましたら、"いいね!"をお願いします
minwebの最新情報をお届けします
minweb編集部(株)セルリア
”共に考え、共に創るWebの成功戦略”というスローガンのもと、お客様と一からWeb戦略を考え、
企画し実装まで支援する伴走型Webコンサルティング会社です。
タイトル・URLをコピー
記事タイトルIllustratorで点線(破線)を作成する方法
記事URLhttps://digitor.jp/textbook/illustrator_dotted-lines/
記事タイトルIllustratorで点線(破線)を作成する方法
記事URLhttps://digitor.jp/textbook/illustrator_dotted-lines/
こちらの記事をお読みのかたにおすすめ!完全無料のダウンロード資料
Googleサーチコンソール使い倒し活用術 <AOHON>
Googleの検索エンジンに関する情報を幅広く確認できるツール「Googleサーチコンソール」の活用方法をまとめました。新サーチコンソールの機能を網羅的に紹介するだけでなく、Webサイトを最適化できる実践的な方法までわかりやすく解説します。
サーチコンソール初心者の方が知りたい導入方法から、上級者向けのコンテンツ改善の方法まで、押さえておきたい要素を1つに集めた、SEOに力を入れたいすべてのWeb担当者におすすめの一冊です。