【図解】8種類の線をサクっと作成！線のひき方・書き方編【直線ツール・ペンツールの使い方】

「線」をいくつか作ってみよう

今回は直線ツールやペンツールを使った基本の”き”「線」をAdobeのIllustrator（イラストレーター）で作ってみます。使用するAdobeの Illustrator は体験版も用意されていて、AdobeCCのコンプリートプランにも含まれている。

完成形　今回できる線

＜点線、矢印線、波線などの8種類＞

ちょっとまって！「その買い方正解？」
》AdobeCCは個人向けならアカデミック版が安い

線の作り方 イラストレーター作成手順

新規ドキュメントを用意。
今回は、印刷のアートボード：幅200mm、高さ45ｍｍを設定した新規ドキュメントを作成。
（▶︎新規ドキュメントの作成方法はこちら）。

直線を作る３パターン

パターン① 直線ツールで直線を作る

ツールから直線ツールを選択。

関連記事 ▼ツール一覧早見表（画像付き）【Adobeイラストレーター】

次に、アートボード内の始点としたいところでクリック。

長さを「150mm」、角度を「0°」に設定し、最後にOKをクリック。

長さ150mmの直線が完成！

パターン② ドラック&ドロップで直線を作る

直線ツールを選択後、任意の始点としたいところでクリック、クリックしたままドラックすればマウスを離した終点の方向・位置まで線が出来る。

パターン③ ペンツールで直線を作る

直線ツール以外にも、 ペンツールを使った直線の書き方もある。
ツールからペンツールを選択。

任意の始点を一度クリック、任意の終点で再度クリック。

線が引けたら Ctrlキー（macはcommandキー）を押しながらどのオブジェクトにもかからない位置でクリックして終了。

線の種類を変更してみる（８種類の線の作り方）

① 直線の作り方

先述の３パターンを参照のこと。

② 破線の作り方

直線ツールまたは ペンツールで作成した直線を選択（例では長さ90mm）。

線パネルで、線端：先端なし、破線に ✔︎ チェック、最初の線分と間隔を「4pt」に設定。
破線の完成！

【関連記事】線路の作り方【イラストレーターで作ってみよう】

③ 点線の作り方

直線ツールまたは ペンツールで作成した直線を選択（例では長さ90mm）。

線パネルで、線幅：「3pt」、線端：先端なし、破線に ✔︎ チェック、最初の線分を「3pt」、最初の間隔を「4pt」に設定。点線が完成！

④ ドット線の作り方

直線ツールまたは ペンツールで作成した直線を選択（例では長さ90mm）。

線パネルで、線幅：「3pt」、線端：丸型先端、破線に ✔︎ チェック、最初の線分を「0pt」、最初の間隔を「6pt」に設定。ドットの線が完成！

⑤ 先端が丸い線の作り方

直線ツールまたは ペンツールで作成した直線を選択（例では長さ90mm）。

線パネルで、線幅：「3pt」、線端：丸型先端に設定。線先が丸い線の完成！

⑥ 矢印つきの線の作り方

直線ツールまたは ペンツールで作成した直線を選択（例では長さ90mm）。

線パネルで、線幅：「2pt」、線端：先端なし。
矢印のパス始点に矢印7を設定。矢印線の完成！

⑦ ギザギザの線（ジグザグ線）の作り方

直線ツールまたは ペンツールで作成した直線を選択（例では長さ90mm）。

（１） 線パネルで、線幅：「3pt」を設定。

（２） メニューの 効果 ＞ パスの変形 ＞ ジグザグ の順に選択。

（３） ジグザグの入力画面で、大きさ：「1mm」を設定、折り返し：「25」、ポイントで「直接的に」を選択。ジグザグ線（ギザギザ線）の完成！

⑧ 波線の作り方

直線ツールまたは ペンツールで作成した直線を選択（例では長さ90mm）。

（１） 線パネルで、線幅：「3pt」を設定。

（２） メニューの 効果 ＞ パスの変形 ＞ ジグザグ の順に選択。

（３） ジグザグの入力画面で、大きさ：「1mm」を設定、折り返し：「25」、ポイントで「滑らかに」を選択。波線の完成！

線の変形パネル「線のプロパティ」

変形パネル（変形パネルが表示されていない場合は、メニューの ウィンドウ ＞ 変形 にチェック）で 線のプロパティ 見てみると、線の長さ、線の角度が変形できる。

線の長さ：150mm、線の角度：9°に設定したものがこちら。

AdobeCCを安く購入するには？

まとめ　いろんな線の引き方・種類がある

線は、ブラシの種類を変えるだけでただの直線もガラっと印象を変えることができます。

本日もご清覧ありがとうございました。