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

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

 13061 更新日
イラストレーターで点線・破線の作り方【路線作成にも】
エリさん

エリ

イラレで地図の線路の点線を作る

地図作成に良く出てくる線路の白と黒の点線の作成方法を解説。

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

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

線を点線に変更する方法

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

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

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

線分と間隔とは?

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

線分と間隔はパネルに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は一つの使い方が全てではないのが面白いところです!

関連の記事

foolfool

専業イラストレーターが
ご希望のイラスト描きます!

「こんなイラストが欲しい・・・」
お任せ下さい!
ご希望のイラスト描きます

似顔絵・キャラ制作・商品パッケージイラストやロゴ
ご要望に合わせたイラスト制作承ります。
クラウドソーシングで安心取引可能です。

  • おしゃれな線画のイラスト

    おしゃれな線画イラスト

    シンプルで細い線で描くしゃれなモチーフ。特別な記念品やプレゼント・ラベルデザイン・ブランドロゴ、観賞用にもおすすめ!

    細くておしゃれな線画のイラスト

    4000円〜

    パッケージを見る
  • シンプルな動物の線画描きます

    シンプルな動物の線画イラスト

    目を引く動物のイラスト、チームや企業のブランドロゴや商品のパッケージのシンボルに!シンプルで高級感あるイメージにも。

    商品ラベル・アイコンチームのロゴに

    4000円〜

    パッケージを見る
  • 墨絵イラストを依頼

    躍動感溢れる墨絵を描きます

    躍動感溢れる墨絵のキャラクター描きます。侍・戦国武将・筆のタッチのキャラクター制作が人気です。著作権譲渡・商用利用可能です。

    和風アートの墨絵

    12000円〜

    墨絵の例を見る
  • フリーイラストを商用利用依頼

    フリーイラストを商用利用

    すでに公開しているフリー素材を商用利用したい方へおすすめ!illust.NOを控えていただきお問い合わせフォームよりリクエスト可能。

    illust.NOからリクエスト

    3000円〜

    フリー素材を探す

受付中のパッケージを見る

イラスト制作一覧へ

この記事を書いた人

エリさんエリ


点線と破線はすごい便利ですよね!あとこのパネルにある矢印も凄い簡単にできるんです。次回簡単ですが、矢印の追加方法も解説したいと思います。

点線/破線の作り方にいいね!