WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： スーザン
カテゴリー： デザイン >WEBデザイン

地図作成の時に、よく用いられる鉄道路線図。
今回はイラストレーターで簡単に路線を作成する方法をご紹介します。

【JR路線の作成方法】

直線を書く

まずは直線ツールで線を書きます。
円形の路線図を作成したい場合は曲線でも大丈夫です。

今回は8pxの黒線にしています。

線を複製する

先程作成した線を選択した状態で、「選択した項目を複製する」を押し、線を複製します。
同様の黒い8pxの線が複製されます。

境界線を表現する

複製したレイヤ（上になっているレイヤ）を白色に変更し、線の太さを8px→6pxへと2px数値を小さくします。

写真のような上下に黒色の境界線が現れます。

破線を用いる

赤枠内の「線」をクリックし、「アピアランスパネル」を表示させます。
線の設定オプションにて、下記を設定します。
①破線をチェック
②線分：12px に設定
③線分と間隔の正確な長さを保持を選択

JRの路線が完成しました！

【私鉄路線の作成方法】

直線を書く

先程同様、まずは直線ツールで線を書きます。
円形の路線図を作成したい場合は曲線でも大丈夫です。

今回は10pxの黒線にしています。

破線を用いる

「アピアランスパネル」を表示させ、
線の設定オプションにて、下記を設定します。
①破線をチェック
②線分：1px　間隔：10px　に設定
③線分と間隔の正確な長さを保持を選択

等間隔の縦線が出来上がりました。

線を複製する

先ほどの破線を複製し、黒色の1pxの実線に変更します。

私鉄の路線が完成しました！

上記手順内の単位は、使用したいデザインによって数値を変更していただいて結構です。
このような路線図はPhotoshopよりもIllustlatorで表現した方が簡単の作成出来るので、普段使い慣れていない方も、是非試してみてください。

地元を再発見する! 手書き地図のつくり方

posted with amazlet at 19.11.11

手書き地図推進委員会 川村 行治 赤津 直紀 跡部 徹 大内 征
学芸出版社 (2019-08-01)
売り上げランキング: 14,737

Amazon.co.jpで詳細を見る