Illustratorでゼロから作る地図の作り方[3/8]|線路〜JRと私鉄〜

Illustratorでの地図の作り方 デザイン
デザイン

〜この記事で解説すること〜
アピアランスを活用して
JRと私鉄の線路をつくる

イラレの技は、地図制作に色々詰め込まれています!

おはようございます。こんにちは。こんばんは。
DTPデザイナー歴約15年、現役グラフィックデザイナーのセトガワです。

地図をひとつ作り上げれば、Adobe Illustratorの便利な機能や秘技(?)が身につきます。

このシリーズでは全8回に渡り、イラレでのマップの作り方をイチから…いえ、ゼロから! 一つひとつ、細かいところまで解説します。

\完成目標はこんな地図/

ペンツールで線路をなぞる

「線路」レイヤーで、線路になるベースのパスを書いていきます。
ツールパレットのペンツールを使います。
この時の塗り]は無しで[]だけにしましょう。

JRの線路の作り方

①[線]パネルを表示させます。

 線パネルが表示されていない場合は、メニューバー[ウィンドウ]→[]で表示できます。

②ベースのパスを選択し、[線]パネルの[破線]にチェックを入れます。

破線の値は、線分]が破線の長さ・[間隔]が空ける隙間の設定です。
入力した線分&間隔の値を繰り返します。なので、今回は線分・間隔がひとつずつ入力されていればOK。

③アピアランスパネルで[線]を2つ新規に追加します。

②と同じ破線の[]が2つ増えた状態です。
追加した線の設定を調整します。

  • 1番上の線:先に作った破線(触らずそのまま)
  • 2番目の線:[破線]を解除(チェックを外す)+線色を白
  • 3番目の線:[破線]を解除(チェックを外す)+線色を黒+少し太くする

そうすると、下のようなアピアランスパネルになります。

線路が地図内に1本しかなければ、これで線路は完成です!

線路が2本以上あるなら、グラフィックスタイルに登録

2本以上あるなら、
同じ作業はせず、[グラフィックスタイル]に登録して楽しましょう。

①[グラフィックスタイル]のパネルを表示させます。

 グラフィックスタイルが表示されていない場合は、メニューバー[ウィンドウ]→[グラフィックスタイル]で表示できます。

②グラフィックスタイルパネルから[新規グラフィックスタイル]を登録

でき上がった線路を選択してから(三本線)をクリックし、
[新規グラフィックスタイル]を選びます。

「線路」など自分がわかりやすい名前を付けて、[OK]をクリックすると、
グラフィックスタイルに作った設定が登録されます。

2本目以降の線路を選択し、このグラフィックスタイルから線路のスタイルを選ぶと…
めんどくさかった線路のスタイルが一発で適用されて時短!

私鉄の線路の作り方

私鉄の線路も[破線]+[アピアランス]を使うとパッとできちゃいます。

アピアランスで新規の[]を2つ用意します。

ひとつの[]は細めに、もうひとつの[]は太めにします。
太い方の線だけを[破線]にし、破線の値を小さく、間隔の値を広くします。

下の線パネルは、太い方の線(破線)の設定です。ご参考に。

線分と間隔の値は、作っている地図にあわせて任意で調整してください。

線路完成

前回の記事
タイトルとURLをコピーしました