地図図：ステップバイステップガイド

Sep 15, 2025

操作方法

地図イラストは、過去数年間で本当の復活をしました。乾燥したGoogleマップに代わるエキサイティングな代替案、図示された地図は、都市の雰囲気を真に捉えるために文字と楽しい細部で満たすことができます。あなた自身の地図イラストを作成することは、構図の挑戦的な演習ですが、あなたにとって素晴らしい追加である可能性があります。 デザインポートフォリオ 。

すべてのマップは、要素を地理的な場所にプロットする慎重なバランスをとる行為でありながら、イラストレイアウトも調和しながら機能します。このチュートリアルでは、初期レイアウトから最終画像まで、独自の地図イラストを作成する方法についてのステップバイステップのガイドを通じて歩きます。あなたが必要とするのは、Googleマップとあなたの デジタルアートソフトウェア 選択の。

01.あなたの場所を選択してください

Make sure there are enough landmarks to keep things interesting — 物事を面白くするための十分なランドマークがあることを確認してください（画像クレジット：Googleマップ）

最初に、図示のマップの場所を決定する必要があります。これはあなたのお気に入りの街、またはおそらくあなたの最後の休日の目的地であるかもしれません - 彼らから選ぶべき興味深い象徴的なランドマークがたくさんあることを確認してください。この例では、The Seattle Tourist Boardのために作成したシアトルの地図を使っています。

02. Googleマップを使用して計画を立てる

Plot your chosen landmarks to check how they're spread out — 選択したランドマークをプロットしてそれらがどのように拡散しているかを確認する（イメージクレジット：トムウールリー）

Googleマップはランドマークを整えることを容易にします。 Googleマップにサインインし、メインメニューから[場所]を選択します。 [マップ]タブをクリックしてから[マップを作成]をクリックします。これで、ランドマークを検索し、PINがマップにドロップされたら、[地図に追加]を選択します。

地図上に6-8ピンを作成してスクリーンショットを取ってください。地図上で均等に配布されているランドマークを選択し、レイアウトが肖像画、風景、または正方形である必要があるかどうかについて考えます。

03.市の主な動脈を追加します

Start with rivers, main roads and trainlines — 川、幹線道路、訓練場から始めてください（イメージクレジット：トムウールリー）

Open IllustratorまたはPhotoshop（他のソフトウェアパッケージが利用可能です）で、Googleマップのスクリーンショットをインポートします。地図のスクリーンショットの透明度を「乗算」に設定し、レイヤーをロックします。その下に新しいレイヤーを作成することができます、そしてあなたは常にGoogleマップを便利な参照として持っています。

背景色を追加し、都市の主な動動物を描く：道路、川、電車の線など。あなたは地図の形式を調べ始めるのを見始めるでしょう。

04.あなたのラベルを追加してください

As well as being useful, labels are important design features — 役に立つだけでなく、ラベルは重要な設計機能です。（イメージクレジット：トムウールリー）

テキスト自体が機能になる可能性があるので、マップの濃度を構築するために早期にラベルを追加します。手書きのラベルは、本当にアートワークの性格に追加するのを助けることができます。

05.スケッチしてあなたのアイコンのバランスを取ってください

Start playing around with icon size and placement — アイコンのサイズとプレースメントを使い始めます（イメージクレジット：トムウールリー）

ランドマークを調査し、さまざまな角度からそれらの画像を集めます。どのViewPointがあなたの地図で最もよく機能するのか考えてください。私は紙の上のランドマークをスケッチしてから、スケッチをスキャンして私の地図にインポートするのが好きですが、あなたが好むならあなたはこのデジタル的にすべてをすることができます。

レイアウトが均等にバランスが取れているようになるまで、さまざまなプレースメントとサイズを試してください。一部のランドマークがすべてクラスタ化されている場合は、それらを間隔をして、それらを地理的な場所と接続するのに役立つ矢印を追加してください。図示されたマップの美しさは、100パーセントの正確である必要がない場合。芸術的な免許を少し推奨されています。

06.カラーパレットを選択してください

Think about the mood you want to evoke when choosing your palette — あなたのパレットを選ぶときに呼びたい気分について考えてください（イメージクレジット：トムウールリー）

場所の雰囲気を捉えるのに役立つ色を選択してください。晴れた休暇の目的地に黄色の背景があるかもしれません、そして農村地図は主に緑色になるかもしれません。カラーパレットを象徴的なランドマークの1つにベース化し、これを使用して地図の残りのトーンを設定するのに役立ちます。

さまざまな組み合わせを実験して、背景から際立っているのを助けるアイコンのための補完的な色を試してみてください。ランドマークを着替え始めます。この時点で、色の影響が組成のバランスを変えることができるので、あなたはそれらを再びサイズ変更する必要があるかもしれません。

07.詳細を構築します

Add some people and animals alongside the buildings — 建物と一緒にいくつかの人や動物を追加します（イメージクレジット：トムウールリー）

いくつかの人や動物をあなたの地図に吸うように追加します。シアトル地図では、クライアントはカヌーとサイクリングなどのさまざまなスポーツをたくさん含めたいと思っていました。人はあなたが持っているかもしれない空のスペースを埋めるのを助ける良い方法です。楽しさを少し追加して、キャラクターの縮尺で遊んで遊ぶ - あなたが望むなら彼らは建物と同じくらい大きくなる可能性があります。

08.郷土料理を研究してください

Local delicacies add more flavour — 地元の珍味もっと味を追加してください（イメージクレジット：トムウールリー）

地域に特有の食品や飲み物のアイコンは、あなたの地図にもっと興味深い詳細を追加するためのもう1つの素晴らしい方法です。コーヒーカップとビールのメガネは私が作成する地図の多くの地図の中で存在しますが、いくつかの異常な地元の珍味を追加するでしょう。

09.隙間を記入してください

A few trees and texture details help fill in any blank space — いくつかの木々とテクスチャの詳細は、空白の空白を埋めるのに役立ちます（イメージクレジット：トムウールリー）

建物、道路標識や木などの小さい詳細は、残りのスペースを満たして地図全体をまとめることができます。あなたの色を再確認し、すべてが調和していることを確認してください。時々数小さい木の追加は焦点を変えることができます。ズームアウトして、画面全体を見ることができ、バランスのとれた最終的な構成があるまで、構成と色を調整できます。

下には、Seattle Tourist Board Magazineの訪問のための最後のデザインがわかります。

Click the icon in the top right to enlarge the image — 右上のアイコンをクリックして画像を拡大する（イメージクレジット：トムウールリー）

続きを読む：

これらのチュートリアルはあなたを見せます 何も描く方法
あなたがあなたの最初のマークを作るのを助けるために10のスケッチのヒント
iPad用の最高の描画アプリ

地図図：ステップバイステップガイド

01.あなたの場所を選択してください

02. Googleマップを使用して計画を立てる

03.市の主な動脈を追加します

04.あなたのラベルを追加してください

05.スケッチしてあなたのアイコンのバランスを取ってください

06.カラーパレットを選択してください

07.詳細を構築します

08.郷土料理を研究してください

09.隙間を記入してください

操作方法 - 最も人気のある記事

動物を描く方法：15トップヒント

How to make a photo collage in Photoshop CC

オールドスクールのアナグリフ効果を作成する

Twitter Bioのフォントを変更する方法

Photoshopで深さを追加するためにペンツールとテクスチャを使用する

5分以内に人をスキャンする方法

パテルズで大きな猫を描く方法

VRゲーミングワールドを作るための13のヒント

カテゴリ