地図作成メモ

IllustratorIllustrator CS3

地図作成メモ

 状態:不明  閲覧数:4,009  投稿日: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」で出力範囲指定



週間人気ページランキング / 2-4 → 2-10
順位 ページタイトル抜粋 アクセス数
1 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 7
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 6
3 「Photoshop CS3」で、画像を円形に切り取り、背景を透明にする | Photoshop CS3(Photoshop) 5
3 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 5
4 鉄道会社毎のカラーコード | カラーコード(色) 4
4 色モデルイメージ図 | 色変換(色) 4
4 Chromeシークレットモードで、ウインドウ幅をリサイズしようとすると、下限制限を受ける | Google Chrome(ブラウザ) 4
4 お使いのコンピュータ ネットワークから通常と異なるトラフィックが検出されました | Google Chrome(ブラウザ) 4
5 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 3
5 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 3
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
5 画像縦横比の問題 | 画像 3
5 似顔絵ジェネレーター : 似顔絵メーカー / NIGAOE MAKER 3
5 ICCプロファイル | カラーマネージメント(色) 3
5 RGBの種類 / ビットカラー | RGB(色) 3
5 「position:absolute;」指定する際は、必ず(親要素を含む)祖先要素の何れかで「position」を明示的に指定 | position(CSS) 3
5 G'MIC | GIMP 系(ソフトウェア) 3
5 Web Components | HTML 3
5 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 3
5 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 3
2026/2/11 5:05 更新