For Illustrator For Photoshop イラレ&フォトショ

【PSD・AI情報】簡単操作で地図をカスタマイズ出来る無料サイト「MapBox」

更新日:

スクリーンショット 2013-10-13 15.31.32

今回は、簡単な操作でお好みのカラーや表示にカスタマイズ出来るサイト「MapBox」をご紹介いたします。

MapBoxの紹介

今回ご紹介するのは「MapBox」。Open Street Mapという自由に編集できる世界地図をベースにオリジナリティ溢れる地図にカスタマイズしてくれるサイトです。

意外と時間のかかる地図制作を劇的に軽減してくれる超便利サイトですよ〜♪

それでは操作方法を簡単に解説してみたいと思います。

 

まずはサイトにアクセスし、「start now →」をクリックします。

スクリーンショット 2013-10-13 15.41.04

 

すると地図編集ページに移動しますので、ここでカスタマイズしていきます。

まずは画面右、地図エリアから。表示したい地域をサーチ(虫眼鏡アイコン)や、+とーを使って絞り込んでいきます。

スクリーンショット 2013-10-13 15.47.20

 

続いて画面左の操作エリア。

Presetsが選択されており、下にカラーサンプルが並んでいます。試しに好きな色をクリックしてみてください。

スクリーンショット 2013-10-13 15.52.59

すると、道やエリアのカラーが変更されました♪

このプリセットだけでも結構使えますが、さらに細かくカスタマイズしてみましょう!

Presetsの隣、Customize(カスタマイズ)をクリックしてみます。

スクリーンショット 2013-10-13 15.56.13

すると、Streets(道)や、Buildings(建物)などの項目と共に、カラースライドバーが表示されます。

チェックを外すと、その項目は非表示となり、スライドバーでカラーを変更できます。

スクリーンショット 2013-10-13 16.01.47

 

続いては、Customizeの右、Markers(マーカー)です。

スクリーンショット 2013-10-13 16.03.39

ここでは目的地を指し示すマーカーを制作できます。

タイトル、コメント付けて保存しておけますので、地図上にいくつもマーカーをポイントしたい場合や用途に合わせてタイトルを入力しておくと便利です。

その下、ギターのピックのようなアイコンでマーカーサイズを選びます。

スクリーンショット 2013-10-13 16.07.00

サイズを選んだら、下にあるカラーパレットから色を選択、続いてその下にあるアイコンの中から、お好みのものをチョイスしましょう。

スクリーンショット 2013-10-13 16.08.39

さて、マーカーの制作が終わりましたら、一番下の「ADD」をクリックします。

スクリーンショット 2013-10-13 16.11.13

 

すると、地図エリアの下に「Click to place marker」と表示がされますので、地図上にマーカーを置きたい箇所をクリックします。

しかし、そのままではマーカーは表示されません。表示させるには、先ほど制作したマーカーのタイトルが操作エリアに表示されていますので、表示させたいマーカーのタイトルをクリックします。

スクリーンショット 2013-10-13 16.23.23

これで地図制作の説明は終了です。色々といじってみて、お好みの表示やカラーリングを試してみて下さいね♪

また、「Settingsでは、地図エリア左上の+ーのアイコンや、シェアーアイコンなどを非表示」に出来たり、「Map Originでは地図の中心点」を表示させたり出来ます。

保存方法ですが、私はスクリーンショットで保存しております。

いかがでしたか?ぜひ当ブログの次あたりにお気に入りに登録しておいてくださいね♪(笑)

以上、「MapBox」のご紹介でした。

人気の記事

1

34,890 EPS

Illustratorで描く超リアルな「木目」のチュートリアル。LAYout50のクオリティーならではの質感表現を3日間に渡りご紹介。1日目は「ベースオブジェクト」&「斑(むら)」編

2

19,474 EPS

無料で商用利用可能なオリジナル素材「暖簾(のれん)」の和風リアルイラストをEPS,JPG,PNGで配信する記事。

無料素材・商用利用可能「チャイニーズパターン」 3

19,731 EPS

【無料・商用利用可】中国の紋様素材「チャイニーズパターン」を作成致しましたので、配布致します。今回はwebでも利用可能なSVG素材も同梱しています。

キラキラダイヤモンド素材のサンプル画像 4

19,372 EPS

【無料・商用利用可】キラキラ素材『ダイヤモンド』を作成しましたので、無料配信致します。epsのベクター素材なので、拡大縮小も思いのまま!しかも、レイヤーの編集エリアを変更すれば簡単に色調も変える事ができます。クオリティにも妥協はありません♪

5

13,722 EPS

チラシにも使えるイラストの無料配布!今回はリアルなコインを配信致します。

-For Illustrator, For Photoshop, イラレ&フォトショ

Copyright© LAYout50 , 2017 AllRights Reserved.