地図作成メモ

IllustratorIllustrator CS3

地図作成メモ

 状態:不明  閲覧数:4,105  投稿日:2011-11-05  更新日:2011-11-05
地図作成を試みた際の、パーソナルメモ
  
まず初めに、GoogleAPI V3で作成しようとしたが、
分からず、あきらめる。
ポリラインとかで、違う色を複数、線引きたかったのだが、
緯度の取得の仕方等がよく分からなかった。

時間を掛ければなんとかなったのかもしれないが、
待ってたら誰かがチュートリアルみたいなのを作成してくれるかもしれないし、
APIはバージョン変るたびに仕様も若干変るので、覚えるのが
面倒くさいってのもあった。

で、手動。

Illustratorとか、ほとんど使えないので(ロゴ作成とか、特定目的のみに利用してきた)、
この機会にいっちょやってみようかと思った。

とりあえず、ひととおり検索して、作り方のセオリーみたいなのを学ぶ。
本当は、パスをちゃんと使えるようになってからやればいいんだろうけど、
そこまで本気ではない。

まず、ファイルから下絵(GoogleMap等のキャプチャ)を、テンプレートとして読み込む(レイヤ - テンプレートにチェックを入れればO.K.)。
下絵のレイヤーはロック

ここで、いきなり詰まる。

作成したい画像と、下絵の大きさが合わない。

パスで作成するから、同じことなのかな?

線プロパティより、
「バット線端」「バベル結合」を選択(左上と右下を選択)

初めパスを使ってトレースしようとしたが、うまく出来ず(パスは練習しないと使えるようにはならないと思われ)
直線ツールに切り替える。
▽Illustratorツールリファレンス 直線ツールを究める
  http://uradesign.com/php/illustrator_tyokusenntool.php

使った後、線が消えるので、なんでかな?
と思ったら、色が/になってた。

しょうがないので、毎回毎回色を指定し直す。

何かやり方があるのだろうけど、不明。

▽illustratorCSで地図の通りを塗りたい - グラフィックソフト - 教えて!goo
  http://oshiete.goo.ne.jp/qa/6435604.html
▽線を使った地図の作成テクニック|イラストレーターの使い方
  http://ameblo.jp/haro2015/entry-10180082705.html
>すべての道路を選択し、ctrl+Cでコピーし、ctrl+vで背面にペーストします。
は、「レイヤー複製」で対応した


早見表

「Illustrator CS3」で出力範囲指定



週間人気ページランキング / 6-18 → 6-24
順位 ページタイトル抜粋 アクセス数
1 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 7
2 「属性」「プロパティ」「アトリビュート」の違い | CSS 5
3 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 4
3 キャラクター無料着せ替えジェネレーター Dress up game / オンラインサービス | イラスト参考(デザイン) 4
3 Design 0 4
3 #2196F3の互換性 | 色変換(色) 4
4 _notesフォルダ削除 | Dreamweaver8(Dreamweaver) 3
4 色彩のみからなる商標 | 色 3
4 HTMLエディタ カテゴリー 3
4 スキップリンク | アクセシビリティ(UI) 3
4 CSSで出来ないこと | CSS 3
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
5 色変換(色) カテゴリー 2
5 これまで動作していたChrome拡張機能が期待通り動作しなくなったときは、最初に、Chrome を最新の状態へ更新してみます。 | Chrome 拡張機能 2
5 タグの"submit"属性の見た目を、CSSで変更しようとしてハマる | フォーム(CSS) 2
5 Chromeブックマーク(ブラウザ) カテゴリー 2
5 Chromeブックマーク ショートカット | Chromeブックマーク(ブラウザ) 2
5 Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる | Google Chrome(ブラウザ) 2
5 モバイルデザイン9 / トップページリスト表示 | モバイルデザイン(デザイン) 2
5 「Google Chrome」で「This browser does not support WebGL」と表示される場合は、ハードウェアアクセラレーションに不具合がある可能性があるため、設定画面よりハードウェアアクセラレーションを一旦無効にしてみる | Google Chrome(ブラウザ) 2
2026/6/25 5:05 更新