webデザイナーの記録室

地図(案内図)をトレースして作成する

地図(案内図)をトレースして作成する

下記の地図を作成してみましょう。

▼トレース用素材

http://east.xsrv.jp/syoko/map-trace.zip

※必ずIllustratorで作成してください。

■トレースのポイント

色は全く同じにする必要はありませんが、ほぼ同じ雰囲気になるようにしてください。
道路の太さは同じようになるようにしますが、大中小3種類の太さで作ると綺麗に仕上がります。
マスクを使って、Illustrator上でも右の図のように表示されるようにしてください。
トレースの手順は、

  • 背景・河・道路の作成
  • 各鉄道の作成
  • 文字の入れ込み

と、進めると効率的です。

破線を利用して鉄道路線を描く

ペンツールで線を描きコピーして、前面にペーストする。
ペーストした線を背面のオブジェクトより細くし、破線にする。
破線の色の設定を背景色と合わせる。

道路の曲線部分に文字を入れる

文字を入れる曲線部分をダイレクト選択ツールでコピーする。
パス上文字ツールで文字を入れる。
ベースラインシフトで位置を調整する。

▼Illustratorを使う参考リンク