地図作成メモ

IllustratorIllustrator CS3

地図作成メモ

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



週間人気ページランキング / 8-27 → 9-2
順位 ページタイトル抜粋 アクセス数
1 Design 0 7
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
3 RGB → HSL 変換式 / 約分対応 2
3 CopyTabTitleUrl | Chrome 拡張機能 2
3 Sword Art Online dress up game 2
3 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 2
4 計算方式の違いは色々な設定が可能だから 1
4 HTML Instant を選択した理由 / 動作確認例 1
4 これまでの経緯 / 私が考える、FontAwesome の問題点 / 1.CDNが落ちると、自分のサイトが表示されなくなる 1
4 Chrome コンソール画面で CSSの:hover 適用スタイルを確認 | Google Chrome(ブラウザ) 1
4 このエントリーの結論 / 主な機能と使い方 / 補足 1
4 絶対パス | HTML 1
4 height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important; | CSS 1
4 align-items: center; 1
4 「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 | Google Chrome(ブラウザ) 1
4 「水彩画」画像フィルタ実行例 | 画像フィルタ(画像) 1
4 Fireworks が開発終了したと思われる理由 1
4 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 1
4 RGBの種類 / ビットカラー | RGB(色) 1
2026/9/3 5:05 更新