地図作成メモ

IllustratorIllustrator CS3

地図作成メモ

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



週間人気ページランキング / 12-20 → 12-26
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 72
2 Design 0 6
3 デザイン変更 | Webデザイン(デザイン) 5
4 鉄道会社毎のカラーコード | カラーコード(色) 4
4 色モデルイメージ図 | 色変換(色) 4
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 4
5 「display:flex;」を設定している「
  • タグ」内の「タグ」クリック範囲を拡大する | Flexible Box Layout Module(CSS)
  • 3
    5 RGB ⇔ Lab | 色変換(色) 3
    5 似顔絵ジェネレーター : 似顔絵メーカー / NIGAOE MAKER 3
    5 Material Design 2014 年 | Material Design(色) 3
    5 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 3
    5 Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる | Google Chrome(ブラウザ) 3
    5 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 3
    5 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 3
    5 Bookmarks clean up | Chrome 拡張機能 3
    6 JavaScript in Bootstrap | 2系(Bootstrap) 2
    6 「レイヤー」+「レイヤー効果」をコピーして新規psdにペースト | Photoshop 2
    6 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) | Google Chrome(ブラウザ) 2
    6 パッケージ化されてない拡張機能 | Chrome 拡張機能 2
    6 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 2
    2025/12/27 1:01 更新