FC2ブログ
超ド素人nagomiがWEBデザイナー目指して学校通ってみました。 半年勉強して気づけば私もWEBデザイナー♪人生なんとかなるものですね★ 新米デザイナーになったnagomiのお仕事や勉強したことなどのメモブログです。これからどういう風になっていくのか楽しみです★
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Illustratorで地図を描く(復習 その6)
1206_top.jpg


学校で学んだ方法を思い出しながら復習で地図を作ってみようと思います。
これはかなり役立ちました!
知らなかったら地図描けって言われたらびびってしまうところでしたよ。

そんな訳で東京タワーの地図を描いてみます。
単なる思い付きの場所ですけど(笑)

今回マピオンより地図を拝借しました。
ではスタート。
1.ネットからとった地図画像を「ファイル」→「配置」を選択してベースとなる地図を配置。

1206_01_01.gif


2.レイヤー名を「地図素材」に変更。新しいレイヤーを作成し「道」と名前を変更。
3.名前を変更した「地図素材」レイヤーをロック。

1206_02_01.gif


4.「道」レイヤーを選択し、ペンツールで「塗り」を無しにして「線」だけで道に添って線を引く。

1206_04.gif


5.ベースとなる地図を参考にし、線の太さを「線種」パレットで調整。

1206_05.gif


6.新しいレイヤーを作成し「駅」とレイヤー名を変更。

1206_06.gif


7.「駅」レイヤーを選択し、線路に沿って長めにペンツールで「黒」の線を引く。

1206_07.gif


8.7で引いた線を選択しコピー。Ctrl+Fで前面にペースト。
9.選択した状態のまま色を「白」に変え、「線種」パレットで「破線」にチェックをいれ、線の太さを少し小さくする。(このとき、破線の長さを適当な数値にして調整する)

1206_09_01.gif


1206_09_02.gif


10.「長方形ツール」で駅の部分となる縦長の長方形を9で作った線の上に作成。
「回転ツール」をつかって角度をあわせる。

1206_10.gif


11.「ダイレクト選択ツール」を使って道の角度等調整し全体のバランスを整える。

1206_11_01.gif


1206_11_02.gif


12.新しいレイヤーをつくって「ランドマーク」に変更。

13.「ランドマーク」レイヤーを選択し、「楕円形ツール」や「長方形ツール」をつかって目印となるランドマークを作成配置。

1206_13.gif


14.新しいレイヤー名を「文字」に変更。

15.「文字」レイヤーを選択して、「文字ツール」を使ってランドマーク名を入力配置。

1206_15.gif


16.道の色を調整し、道レイヤー以外をロックして道をすべて選択。

17.すべてを選択した状態で、「オブジェクト」→「パス」→「パスのアウトライン」

1206_17.gif


18.選択したまま「パスファインダ」の「合流」をクリックして一つの画像に変える。
その後「ダイレクト選択ツール」などを使って端を好みで処理。(丸くする等)

1206_18.gif


19.道と駅、ランドマークのレイヤーを選択して角度を調整する。
地図素材のレイヤーを隠して地図の様子をみつつ調整。

20.完成★

1206_20.gif




一応こんな感じで完成です。
たしかこんな流れで作ったハズ。あとで思い出したら修正するんで。
道の長さをもうちょい微調整したほうがいいかな?
まぁ用途に合わせて色々試行錯誤かなー。

慣れれば簡単。是非お試しあれ♪
って・・・普通の人は知ってること?私はこのやり方学校で教わって今とっても助かってます!


banner_02.gif





スポンサーサイト

コメント

管理人にのみ表示


トラックバック
TB*URL

© 初心者WEBデザイナーのメモ帳. all rights reserved.
Page top
FC2 BLOG
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。