地図のイラスト:ステップバイステップガイド

地図のイラストはここ数年で本当に復活しました。乾いたGoogleマップのエキサイティングな代替手段であるイラスト付きマップは、都市の雰囲気を真に捉えるために、キャラクターと楽しい詳細で埋めることができます。独自の地図イラストを作成することは、作曲において難しい演習ですが、あなたに素晴らしい追加になる可能性があります デザインポートフォリオ

すべてのマップは、要素を地理的な場所にプロットすると同時に、イラストのレイアウトが調和して機能するように注意深くバランスをとる行為です。このチュートリアルでは、最初のレイアウトから最終的な画像まで、独自のマップイラストを作成する方法を段階的に説明します。必要なのはGoogleマップとあなたの デジタルアートソフトウェア 選択の。

01.場所を選択します

物事を面白く保つのに十分なランドマークがあることを確認してください



物事を面白く保つのに十分なランドマークがあることを確認してください(画像クレジット:Googleマップ)

まず、イラスト付きの地図の場所を決める必要があります。これは、お気に入りの都市またはおそらく最後の休暇の目的地である可能性があります。興味深い象徴的なランドマークがたくさんあることを確認してください。この例では、VisitSeattleツーリストボード用に作成したシアトルの地図を使用します。

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

選択したランドマークをプロットして、それらがどのようになっているのかを確認します

選択したランドマークをプロットして、それらがどのように広がっているかを確認します(画像クレジット:Tom Woolley)

Googleマップを使用すると、ランドマークを簡単にプロットできます。 Googleマップにサインインし、メインメニューから[あなたの場所]を選択します。 [マップ]タブをクリックしてから、[マップの作成]をクリックします。これで、任意のランドマークを検索できます。ピンが地図にドロップしたら、[地図に追加]を選択します。

マップ全体に6〜8個のピンを作成し、スクリーンショットを撮ります。マップ全体に均等に分散されているランドマークを選択し、レイアウトを縦向き、横向き、または正方形にする必要があるかどうかを検討するのに役立ちます。

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

川、幹線道路、電車線から始めましょう

ニコンd3200メモリーカードベストバイ
川、幹線道路、電車線から始めましょう(画像クレジット:Tom Woolley)

IllustratorまたはPhotoshop(他のソフトウェアパッケージが利用可能)を開き、Googleマップのスクリーンショットをインポートします。マップのスクリーンショットの透明度を「乗算」に設定し、レイヤーをロックします。これで、下に新しいレイヤーを作成でき、いつでも便利なリファレンスとしてGoogleマップを利用できます。

背景色を追加して、道路、川、電車の路線など、街の主要な動脈の描画を開始します。地図の形が形になり始めているのがわかります。

04.ラベルを追加します

ラベルは便利であるだけでなく、重要なデザイン機能でもあります

ラベルは便利であるだけでなく、重要なデザイン機能でもあります(画像クレジット:Tom Woolley)

テキストはそれ自体が特徴である可能性があるため、マップの密度を高め始めるために、早い段階でラベルを追加してください。手書きのラベルは、アートワークのキャラクターを追加するのに役立ちます。

05.アイコンをスケッチしてバランスを取ります

アイコンのサイズと配置を試してみてください

アイコンのサイズと配置を試してみてください(画像クレジット:Tom Woolley)

ランドマークを調べて、さまざまな角度からそれらの画像を収集します。どの視点がマップに最適かを考えてください。ランドマークを紙にスケッチしてからスキャンしてマップにインポートするのが好きですが、必要に応じてこれらすべてをデジタルで行うことができます。

レイアウトのバランスが均等になるまで、さまざまな配置とサイズを試してください。いくつかのランドマークがすべて一緒にクラスター化されている場合は、それらの間隔を空けて矢印を追加し、それらを地理的な場所に接続してみてください。図解された地図の美しさは、100%正確である必要がない場合です。少し芸術的なライセンスが推奨されます。

アイソメ図の描き方

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

パレットを選ぶとき、あなたが呼び起こしたい気分について考えてください

パレットを選ぶとき、あなたが呼び起こしたい気分について考えてください(画像クレジット:Tom Woolley)

場所の雰囲気を捉えるのに役立つ色を選択してみてください。日当たりの良い休暇の目的地は背景が黄色で、地方の地図は主に緑色である可能性があります。また、象徴的なランドマークの1つに基づいてカラーパレットを作成し、これを使用してマップの残りの部分のトーンを設定することもできます。

さまざまな組み合わせを試して、アイコンが背景から目立つようにするための補色を見つけてください。ランドマークの色付けを開始します。この時点で、色の影響によって構図のバランスが変わる可能性があるため、サイズを再度変更する必要がある場合があります。

07.詳細を構築する

建物の横に人や動物を追加します

建物の横に人や動物を追加します(画像クレジット:Tom Woolley)

数人の人と動物を追加して、マップに生命を吹き込みます。シアトルの地図では、クライアントは、カヌーやサイクリングなど、さまざまなスポーツをたくさん含めて、市内でできるさまざまなアクティビティをすべて表示したいと考えていました。人々はまたあなたが持っているかもしれない空のスペースを埋めるのを助ける良い方法です。ちょっとした楽しみを加えて、キャラクターのスケールをいじってみてください。必要に応じて、建物と同じくらいの大きさにすることもできます。

08.郷土料理を研究する

郷土料理がさらに風味を加える

郷土料理がさらに風味を加える(画像クレジット:Tom Woolley)

その地域に固有の食べ物や飲み物のアイコンは、マップにさらに興味深い詳細を追加するためのもう1つの優れた方法です。コーヒーカップとビアグラスは、私が作成する多くのマップに常に存在しますが、いくつかの珍しい地元の珍味を追加すると、マップがより思い出深いものになります。

09.ギャップを埋める

いくつかの木とテクスチャの詳細は、空白を埋めるのに役立ちます

最高のタブレットは2018年のブラックフライデーを扱っています
いくつかの木とテクスチャの詳細は、空白を埋めるのに役立ちます(画像クレジット:Tom Woolley)

建物、道路標識、樹木などの細部は、残りのスペースを埋め、地図全体をまとめるのに役立ちます。色を再確認し、すべてが調和していることを確認してください。いくつかの小さな木を追加するだけで、焦点が変わる場合があります。ズームアウトしてマップ全体を画面に表示し、バランスの取れた最終的な構図になるまで構図と色を微調整します。

以下に、VisitSeattleツーリストボードマガジンの最終的なデザインを示します。

右上のアイコンをクリックして画像を拡大します

右上のアイコンをクリックして画像を拡大します(画像クレジット:Tom Woolley)

続きを読む: