コラムColumn

【15分でつくれる案内図】イラストレーターで簡単に地図をつくろう!【ラクラク修正】

こんにちは!

二回目になります、あおみどろです。
2016年も早いもので二週間が過ぎましたね。

春に向けて、新生活・お引越しなどお忙しいかたもいらっしゃるのではないでしょうか!?
今回はイラレで案内図を作成してみようと思います。
地図から必要な情報だけを落とし込み、新しい社屋や、新居までお客様をラクラクご案内しましょう~☆

フォトショップからも、スマートオブジェクトとして配置すれば
ベジェ曲線を難しく使わずに、イラレで簡単に作成&修正が可能です!

イラレでガイドを作成

今回は30mm×30mmのサイズで作り始めてみます。
001

ペンツールで道路・河川を描く

きほn
今回は地図サイズに併せて、二車線以上の道路は4pt、一車線は2pt、狭い幅の道は1ptで作成します。
河川も似たような幅で作成してみます。
お好きな色をお使いください。今回は、道路がK40%、河川がC40%で作成しております。

ペンツールで線路を描く

senro05
アクションがあると便利ですね!
作り方がわからないかたはこちらを参考にしてください。

※JR線路の描きかた
JRせんろ

※私鉄線路の描き方
してつ線路

道路を緩やかなカーブで描きたい

ベジェ曲線を使わなくても「角を丸くする」で道路にカーブをつくることができます。
かどまる
この角丸機能が、とっても便利です。
ペンツールで直角の線を引いたあと、
「角丸」を選ぶことにより、簡単に緩やかなカーブをつくることが出来ます。
フォトショップでも角丸テーブルから作成ができるので簡単です!

線路・道路名を表記する

なまえ
案内図の最も重要な部分です。
どこの道路、線路、何駅かわからなければ目的地にたどり着くことは出来ません!

仕上げをしよう

できあがり
線路に駅名、交差点に名前と信号、道路●号線、目標物の名前、目的地を赤などでわかりやすくマーク!
さらに方角や、至●●市など方位や場所を示す言葉が入るとなおGOOD!

まとめ

素材はあらかじめイラレファイルに保存し、
線路のアクションを設定し、
元データから案内図を作成するのがいちばん簡単です!
地図から簡易案内図を作るのはコツがいりますが、
重要な部分だけ抜き出せば、簡単な案内図はわずか15分で作成できますよ!
サクサク作れるようになって、案内図マスターになりませんか?

●案内図・地図制作に便利なサイト
マップラボさん
http://maplab.blog.fc2.com/
(方位、地図記号など)
無料アイコン素材さん
http://free-icon.org/index.html
(方位、アイコンなど)
D-Materialsさん
http://www.d-materials.net/
(国道、県道のマークなど)

WEBデザイン / Illustrator / Photoshop / デザイナー / デザイン系 / フリー素材 / デザイン基礎 / PSDデータ / Webデザイン、ベジェ曲線 / イラストレーター / 地図 / 案内図

執筆者:ブログ担当

お問い合わせフォーム