「線」をいくつか作ってみよう
今回は直線ツールやペンツールを使った基本の”き”「線」をAdobeのIllustrator(イラストレーター)で作ってみます。使用するAdobeの Illustrator は体験版も用意されていて、AdobeCCのコンプリートプランにも含まれている。
完成形 今回できる線
<点線、矢印線、波線などの8種類>
![イラレで作る線の完成図8パターン](https://enkame.com/wp-content/uploads/2021/07/21070kansei-line.png)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
ひとまずやってみようのコーナー第4弾です
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippei-banzai.png)
習うより慣れろ!をモットーにたくさん作って慣れてくべなぁ〜!
ちょっとまって!「その買い方正解?」
》AdobeCCは個人向けならアカデミック版が安い
線の作り方 イラストレーター作成手順
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
それではやってまいりましょう
新規ドキュメントを用意。
今回は、印刷のアートボード:幅200mm、高さ45mmを設定した新規ドキュメントを作成。
(▶︎新規ドキュメントの作成方法はこちら)。
![今回使用するドキュメント](https://enkame.com/wp-content/uploads/2021/07/21070artboard.png)
直線を作る3パターン
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
では、線を作るために、代表的な3パターン
を見ていきましょう
パターン① 直線ツールで直線を作る
ツールから直線ツールを選択。
![直線ツールの場所解説図](https://enkame.com/wp-content/uploads/2021/07/21070sen-1.png)
関連記事 ▼ツール一覧早見表(画像付き)【Adobeイラストレーター】
次に、アートボード内の始点としたいところでクリック。
![アートボード上の始点](https://enkame.com/wp-content/uploads/2021/07/21070sen-1no2.png)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/enkame02.png)
すると、直線ツールオプションが出てきます
長さを「150mm」、角度を「0°」に設定し、最後にOKをクリック。
![直線ツールオプション設定画面解説図](https://enkame.com/wp-content/uploads/2021/07/21070sen-3.png)
長さ150mmの直線が完成!
![シンプルな直接の完成図](https://enkame.com/wp-content/uploads/2021/07/21070sen-4aa.png)
パターン② ドラック&ドロップで直線を作る
直線ツールを選択後、任意の始点としたいところでクリック、クリックしたままドラックすればマウスを離した終点の方向・位置まで線が出来る。
![ドラッグ&ドロップで線を作成解説図](https://enkame.com/wp-content/uploads/2021/07/21070sen-4no1a.png)
さらにshiftキーを押しながらドラック&ドロップする事で、上下左右に垂直な線が引ける。
![shiftキーで直線を作成する方法](https://enkame.com/wp-content/uploads/2021/07/21070sen-4no2a.png)
パターン③ ペンツールで直線を作る
直線ツール以外にも、 ペンツールを使った直線の書き方もある。
ツールからペンツールを選択。
![ペンツールの場所解説図](https://enkame.com/wp-content/uploads/2021/07/21070sen-5a.png)
任意の始点を一度クリック、任意の終点で再度クリック。
![いっぺい](https://enkame.com/wp-content/uploads/2021/06/ippe-yubisasi.png)
ドラッグではなくクリックだどっ!
![ペンツールでの直線のひき方](https://enkame.com/wp-content/uploads/2021/07/21070sen-6-1.png)
線が引けたら Ctrlキー(macはcommandキー)を押しながらどのオブジェクトにもかからない位置でクリックして終了。
始点をクリック後、shiftキーを押しながら終点をクリックで上下左右45°に垂直な線が書ける。
![ペンツールでのshiftキーで線を引いた場合](https://enkame.com/wp-content/uploads/2021/07/21070sen-6-2a.png)
線の種類を変更してみる(8種類の線の作り方)
① 直線の作り方
先述の3パターンを参照のこと。
② 破線の作り方
直線ツールまたは
ペンツールで作成した直線を選択(例では長さ90mm)。
線パネルで、線端:先端なし、破線に ✔︎ チェック、最初の線分と間隔を「4pt」に設定。
破線の完成!
![破線の作成方法解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui1.png)
【関連記事】線路の作り方【イラストレーターで作ってみよう】
③ 点線の作り方
直線ツールまたは
ペンツールで作成した直線を選択(例では長さ90mm)。
線パネルで、線幅:「3pt」、線端:先端なし、破線に ✔︎ チェック、最初の線分を「3pt」、最初の間隔を「4pt」に設定。点線が完成!
![点線の作成方法解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui2.png)
④ ドット線の作り方
直線ツールまたは
ペンツールで作成した直線を選択(例では長さ90mm)。
線パネルで、線幅:「3pt」、線端:丸型先端、破線に ✔︎ チェック、最初の線分を「0pt」、最初の間隔を「6pt」に設定。ドットの線が完成!
![ドット線の作成方法解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui3.png)
⑤ 先端が丸い線の作り方
直線ツールまたは
ペンツールで作成した直線を選択(例では長さ90mm)。
線パネルで、線幅:「3pt」、線端:丸型先端に設定。線先が丸い線の完成!
![先端丸の線の作成方法解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui4.png)
⑥ 矢印つきの線の作り方
直線ツールまたは
ペンツールで作成した直線を選択(例では長さ90mm)。
線パネルで、線幅:「2pt」、線端:先端なし。
矢印のパス始点に矢印7を設定。矢印線の完成!
![矢印付きの線の作成方法解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui5a.png)
⑦ ギザギザの線(ジグザグ線)の作り方
直線ツールまたは
ペンツールで作成した直線を選択(例では長さ90mm)。
(1) 線パネルで、線幅:「3pt」を設定。
![ギザギザ線パネル設定画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui6-1.png)
(2) メニューの 効果 > パスの変形 > ジグザグ の順に選択。
![効果ジグザグの場所解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui6-2.png)
(3) ジグザグの入力画面で、大きさ:「1mm」を設定、折り返し:「25」、ポイントで「直接的に」を選択。ジグザグ線(ギザギザ線)の完成!
![ジグザグ設定解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui6-3.png)
⑧ 波線の作り方
直線ツールまたは
ペンツールで作成した直線を選択(例では長さ90mm)。
(1) 線パネルで、線幅:「3pt」を設定。
![波線パネル設定画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui7-1.png)
(2) メニューの 効果 > パスの変形 > ジグザグ の順に選択。
![効果ジグザグの場所解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui6-2.png)
(3) ジグザグの入力画面で、大きさ:「1mm」を設定、折り返し:「25」、ポイントで「滑らかに」を選択。波線の完成!
![波線設定解説画面](https://enkame.com/wp-content/uploads/2021/07/21070sen-syurui7-2.png)
線の変形パネル「線のプロパティ」
変形パネル(変形パネルが表示されていない場合は、メニューの ウィンドウ > 変形 にチェック)で 線のプロパティ 見てみると、線の長さ、線の角度が変形できる。
線の長さ:150mm、線の角度:9°に設定したものがこちら。
![線のプロパティで変形する設定解説図](https://enkame.com/wp-content/uploads/2021/07/210704henkei-a.png)
まとめ いろんな線の引き方・種類がある
- 直線ツールで直線を作る
- マウスをドラック&ドロップして直線を作る
- ペンツールで直線を作る
- 直線
- 破線
- 点線
- ドット線
- 先端が丸い線
- 矢印つきの線
- ギザギザの線(ジグザグ線)
- 波線(ゆるやかな曲線)
![いっぺい](https://enkame.com/wp-content/uploads/2020/11/ippe-tuburaDOUP.png)
ザッと見ただけでも、
いろんな線の作り方やら、引き方・種類があるべな
(じぃぃぃ〜〜〜〜)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
(目を凝らしている……のか?)
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippei-banzai.png)
線の色を変えるなど組み合わせれば、
もっとバリエーションが広がるべョ
線は、ブラシの種類を変えるだけでただの直線もガラっと印象を変えることができます。
- 今回使用したIllustratorはAdobeCCのコンプリートプランに含まれる
- » Adobe 公式サイト (初回7日無料トライアル)
- » Amazon
(Adobe製品ページ)
- イラストレーター単体はこちら
- » Illustrator(Adobe公式サイト)
- » Amazon
(イラストレーター単体商品ページ)
「基本のき記事」まとめ一覧
- 四角と丸 イラストレーターでの「四角と丸」の作り方
- 三角と多角形 イラストレーターでの「多角形と三角形」の作り方
- 星とギザギザふきだし イラストレーターでの「星とギザギザふきだし」の作り方
- 線の作り方 イラストレーターでの「線(種類8パターン)」の作り方
- 角を丸くする(角丸)イラストレーターでの「角丸」の作り方
- 文字の装飾 イラストレーターでの「文字の装飾」のやり方パターン
- 星の角を丸くする イラストレーターでの「星の角を丸くする」やり方2種類
- 卵としずくを作成 イラレでの「たまご型」と「しずく型(水滴)」の作り方
- グラデーションとドロップシャドウ 「グラデーション」と「ドロップシャドウ」
本日もご清覧ありがとうございました。
コメント