【ゼロから始めるIllustrator】イラレで略地図を作る

こんにちは、「ゼロから始めるIllustrator」略して「ゼロイラ」の講座を始めます。

今回の講座はイラレを使った略地図の作り方を紹介します。

前回 「線の設定・線をデザインする」 で解説した「線」を応用して略地図を作ってみたいと思います。

今回の講座で使う主な機能、ツール類
ペンツール、アンカーポイントの切り替えツール、ダイレクト選択ツール、文字ツール、長方形ツール、スマートガイド、分割・拡張

地図をスケッチする

作成したい地図を想像します。

実際にある場所ならGoogleマップ等を参考にスケッチ、架空の場所でも構いません。
自宅の近所、好きなお店の周辺、架空の場所、異世界、お好きな場所の地図を想像してラフを描いてみてください^^

 

いきなりイラレ上で作成するのも良いのですが、一旦ラフの絵でどんな要素をどのように載せるかざっくりと整理する方が効率的に作成できるかと思います。

ポストカードや名刺、チラシ等に掲載する地図等に使えます。
アイディア次第で地図だけでなく様々なデザインに応用ができますよ。

ざっくり作成

まずはざっくりベースの道をペンツール、直線ツール等を使って描きます。
[ ペンツール (P) ] で直線を描く時はクリック、曲線はドラッグです。


ペンツールの詳しい使い方は下記リンクで紹介しております。

関連記事

こんにちは、「ゼロから始めるIllustrator」略して「ゼロイラ」講座を始めます。 当Illustrator講義ではペンツールとパスの編集方法について解説します。練習用ファイルを用意しておりますので、実践しながらペンツールを学べます! […]

 

こんな感じで塗りは無し、線のみで道を描きます。

自分だけの地図です。
好きに描いてください。
自由に作るのが一番です^^
 
様々なオブジェクトを作成する際に、オブジェクトの位置や大きさを揃えたい場合があります。
イチイチ整列を使用するのはかったるいですよね。
ドラッグだけでサクッとオブジェクトを揃えたい、揃えて作成したい場合は [ スマートガイド ] が役立ちます。

[ Ctrl + U ] または [ メニュー ] → [ スマートガイド ] から表示・非表示ができます。

便利なスマートガイドですが、常にスマートガイドを有効にしておくと、細かな移動の際や意図的に配置をズらしたい場合に邪魔になってしまいます。
用途に応じて [ Ctrl + U ] で [ スマートガイド ] をON・OFFして使い分けてください。

線を調整

線幅を変更して太くしたり線路を描いたりします。
何となく地図っぽくなってきました。

[ ダイレクト選択ツール (A) ] や [ ペンツール (P) ] + [ Alt ] の [ アンカーポイントの切り替えツール ] 等を使って調整します。

建物を作成

せっかくだから建物や陸地も描いてみるのもいいかもしれません。
ペンツール、長方形ツール、楕円形ツール等でお好きな形の建物を描いてください。
白背景で道に色を付けたシンプルな地図もいいですね^^
地図っぽくなってきた気がしませんか?

文字を入れる

目印となる建物には名前を入れたくなりますよね。
文字ツールを使って文字を入れてみましょう。

文字ツールの基本的な使い方は下記リンクで解説しております。

関連記事

こんにちは、「ゼロから始めるIllustrator」略して「ゼロイラ」の講座#07を始めます。 当Illustrator講座では文字の入力と設定について解説します。 文字の入力を知ると表現できる幅がぐっと増えますので、是非ご覧[…]

 

 

ところでレイヤー構成はどうされていますか?
地図の図形ばかりのレイヤー、文字だけのレイヤー、背景レイヤー等、管理しやすいようにレイヤーを作成しておくと制作がスムーズに進められます。
一枚のレイヤーで全てを管理するのはナカナカ大変ですからね。。。

なおレイヤーの詳しい使い方は下記リンクで解説しております。

関連記事

こんにちは、「ゼロから始めるIllustrator」略して「ゼロイラ」講座を始めます。 当Illustrator講座では「レイヤーの操作とオブジェクトの色々なコピペ方法」について解説します。 レイヤーはIllustratorの操作に無くては[…]

完成!

最後に目的地と方角マークを入れると地図っぽい絵になりました。

ショップカードの裏面、案内ハガキ、チラシ等、デザイン業務で地図の絵を使うシーンは結構あります。
ちょこっとした要素ですが、知っておくといい事が起きるかも!?

地図の作り方は色々ありますが、簡単な地図は紹介したような方法で十分作成可能かと思われます。ぜひご自身で新たな地図の作成テクを探してみて下さい!



拡大縮小して使いたい場合は、「線の設定のまま」だとトレースのテクニック①で解説したように、オブジェクトの拡縮に対して線は拡縮されません。
コピーした後に [ 分割・拡張 ] を適用する必要があります。

[ 分割・拡張 ] を適用すると以前の状態に戻せないので、念のためコピーしたオブジェクトに[ 分割・拡張 ]を適用することをオススメします。

おわりに

紹介した簡単な地図ならイラレですぐに作成できます。
案内用のポストカードやショップカード、フライヤーの店舗情報など、略地図は様々なシーンで使えますよ。

すこし画面が寂しいな、と感じたら地図を挿入してみるのも一手かもしれません。

おつかれさまでした。

次の講座はトンボ(トリムマーク)と塗り足しについて解説していきます。
印刷物の入稿には必須のトンボと塗り足しについてゼロから解説します。

Illustrator(イラストレーター)を持っていない方は、下記から購入する事ができます。
断然オンラインコード形式がオススメ、購入したらすぐにダウンロード&使用可能です。
学生の方や教職員の方なら断然学割価格コンプリートプランがオススメです!
公式サイトよりも安く買うことができます。
Illutratorをはじめ、Photoshop等の様々なアドビ製品をお得に始める方にピッタリですよ。
12か月間使い倒しましょう!
上記以外の方は一般向けのコンプリートプランが最安値です。
Illutrator単品ならAdobe Illustrator CC|12か月版|パッケージ(カード)コード版があります。
Illutratorで自身の発想をドンドンビジュアル化し、デザイン制作を通して人生を大いに楽しみましょう!

下記にイラレ、フォトショを最安値で導入できる手順を記載しております。

関連記事

Illutrator(イラストレーター)の購入を検討されている方にとって気になる事の一つに「どこで買うのが一番お得であるか」という問題があります。 当記事では様々なパターンに分けて最安価格で購入する方法と導入手順を掲載しております。 購[…]

関連記事

Photoshop(フォトショップ)の購入を検討されている方にとって気になる事の一つに「どこで買うのが一番お得であるか」という問題があります。 当記事では様々なパターンに分けて最安価格で購入する方法と導入手順を掲載しております。 […]

ゼロから始めるシリーズ総合目次

最新情報をチェックしよう!
>デザイナ必須!AdobeCC コンプリートプラン

デザイナ必須!AdobeCC コンプリートプラン

Photoshop、Illustrator、Acrobatなどの定番アプリから、Adobe XD、Dimension、Premiere Rushといった新世代アプリまで、20種類以上のアプリが全て使い放題!
また、15,000以上のフォントが使えるAdobe Fontsや1億点を超えるロイヤリティフリー素材が揃うAdobe Stock(別売)などのサービスも充実。
そんな最強制作ツールを最安値で手に入れよう!

CTR IMG