皆様こんにちは☀️
ようやく肌寒いくらいになりましたね!夏がやっと終わりました…最高です…🥹
私、とんでもない方向音痴で地図はさっぱりダメなんですが、デザイン修行中で
避けては通れない道ということで、勉強することにしました。
備忘録も兼ねて。
![書いた人:yuki](https://tmrpink.com/wp-content/uploads/2024/11/pukkuri-pengin.png)
書いた人:yuki
2024年4月タムラ印刷に入社。WEB担当として勤務しています。
元ホテルフロント、元保育士。 初心者からのスタートですが、日々いろんな制作に苦戦しながらも楽しんでいます。
SNSや自社HPを更新したり、デザインしたり、コーディングしたり。
目次
Googleマップで目的地周辺を検索→スクリーンショット
![](https://tmrpink.com/wp-content/uploads/2024/11/7b650ed1a0dfea01806fb804a80701ac-edited-1.png)
mac Shift + command + 4
Windows windows + Shift + S で画面の一部を保存!トリミング(切り取り)の手間をカットできます🌟
(いつものShift + command + 3やprintscreenで全体を撮影→Illustrator上でトリミングでももちろんOKです!)
![](https://tmrpink.com/wp-content/uploads/2024/11/a84ce48ab11124d116d3195fea02126b-1024x640.png)
配置した画像が下書きの元になるので、動いてしまわないようにロックします。
不透明度を下げてもそのままでもOK!
![](https://tmrpink.com/wp-content/uploads/2024/11/kagi-1024x640.webp)
ペンツールや直線ツールなどで線を書いていきます。
縮尺の小さい(遠くから見ているような)地図の場合、大まかでOKです。
![](https://tmrpink.com/wp-content/uploads/2024/11/8410c35fec9a9ee2fe8a10b407553c4e-edited.png)
(追記:結構道路を太めに書いたほうが、シンプルで可愛かったです↓ !)
![](https://tmrpink.com/wp-content/uploads/2024/11/6b857efb23820a3f607968682d8888db-1-1024x695.png)
逆に、縮尺の大きい(拡大しているような地図)は
徒歩で探す場合もあるかと思うので、細かいカーブや信号を表記してあげると親切かもしれません。
![](https://tmrpink.com/wp-content/uploads/2024/11/9b0fd3cfbc6a1d58b263bbc49e6d951c-edited.png)
![](https://tmrpink.com/wp-content/uploads/2024/11/53cecc21ead1679ddd8ed57ca2953ee9-edited.png)
次回は線路編!
![Illustratorで地図を作る〜線路編〜](https://tmrpink.com/wp-content/uploads/2024/11/3713777d427aac6792589807a22c781d-160x160.png)
見てくださってありがとうございます🙇♀️