チコデザ

- 一般カテゴリ -

- TシャツMENU -

- info -

チコデザ

illustratorテク

illustratorテク - 点線/破線の作り方

イラストレーターで点線・破線の作り方【路線作成にも】

 点線と路線とマップ

超簡単に点線の設定が可能!イラストレーターで点線/路線を作成する時はこの方法を試してみて下さい。サンプルダウンロードあり。

  • チコデザへトップページへチコデザ   >   
  • illustratorテク   >   
  • イラストレーターで点線・破線の作り方【路線作成にも】
  • 点線の作り方を解説!マップに良くある路線の作成法も★

    著者:エリ エリさん
  • この記事の観覧数 1715 Views
    更新日 2015年10月14日

点線と破線を簡単に作る方法

マップ作成をする時など意外に使う機能だったので点線と破線の作り方について紹介したいと思います。

線を点線に変更する方法

線パネルの破線のチェックボックスにチェックを入れます。これだけで通常の線が破線に変わりました。

線パネルの破線のチェックボックスにチェック

又、線の幅と線と線の間隔を指定する事が可能です。

線分と間隔とは?

  • 線分
    線の幅を設定可能です。
  • 間隔
    線と線の間隔が設定可能です。

線分と間隔はパネルに6個入力できるヵ所がありますが、各線の幅、間隔を設定する事が可能で、2個めの線の時は間隔を●●に、線の幅は●●になどの指定ができます。

破線の設定による見た目の一覧

1線幅10px一定 間隔10pxの場合

線パネル 線幅一定 間隔10pxで均等

2線幅10px2つ目は20px 間隔30px一定の場合

線パネル 線幅10px2つ目は20px 間隔30px一定

3一定の間隔の点線

点線を作るにはまず線パネルの先端→ 丸形先端線の先端:丸形先端に設定します。すると正円の繰り返しができ、点線が完成します。線幅の調整で大きさも変更可能です。

一定の間隔の点線

マップ作成に良くある路線の作り方

マップ作成をしているとJR路線が必ずでてきます。その都度線を作成するのは骨が折れる作業なのでイラストレーターの破線機能を利用して作成してみます。

1アピアランスに複数の線を追加する

まずはペンツールで水平に線を引いてみます。この線を選択後アピアランスパネルの新規線を追加をクリックし、この線のアピアランスに新たな線を追加します。

アピアランスパネルに線を追加します。今回の路線の線の設定は次の通りです。

アピアランスパネルでの線の選定
  • アピアランスパネル上部の線 白 10px
  • アピアランスパネル下部の線 黒 12px

2破線にチェックを入れと等間隔で設定

次にアピアランスパネルの上部白の線を選択後、線パネルで破線にチェックをして 始めの2つ 線分と間隔に同じ数字28pxを入力します。簡単ですが、これで線路を表す線の完成です!

アピアランスパネル白の線に破線の設定

他の線に全ての効果をコピーしたい!

レイヤーパネルのアピアランスのコピー方法

路線完成!さて、これを実際のマップに配置するけど、もう一度のこの設定をするのが面倒と感じますよね?そんな時はスポイトツールでアピアランスを吸い取り、他のレイヤーに移したいと考えますが、追加した線などが中々うまく反映されない場合があります。
そんな時はレイヤーパネルで効果を移しましょう。

レイヤーパネルで作成したレイヤーの黒っぽい丸印をalt(Macはoption)を押しながら効果を移したいレイヤーにドラッグ&ドロップします。すると効果をコピーして全て移す事が可能です。

今回作成した路線のサンプル

今回作成した線のサンプルです。作成バージョンはcs5です。クリックでサンプルをダウンロードできます。

路線の見本

こちらのダウンロードで起きたトラブルは、いかなる理由があっても当サイトの管理人は一切責任を負いません。ご利用は自己責任でお願い致します。

アピアランスのコピーを繰り返せばこの様に複雑な線であってもすぐに作成可能です。普段マップ作成等をする人は是非覚えておきたい操作方法です。

路線の点線のアピアランスをコピーした画像

点線を覚えると無駄な作業が減る

初期の頃は正円を複製してドット線を作ったり、無駄に図形をブレンドしたりと結構無駄な作業をしていたので今回は点線の記事を解説していみました。もちろん線なので、分解や分割して一つのオブジェクトとして利用する事も可能です。illustratorは一つの使い方が全てではないのが面白いところです!

スポンサーリンク
スポンサーリンク

この記事を書いた人

エリさん

イラストレーター&小動物担当
点線と破線はすごい便利ですよね!あとこのパネルにある矢印も凄い簡単にできるんです。次回簡単ですが、矢印の追加方法も解説したいと思います。

エリさんの記事をシェア★