2016年12月15日illustratorで地図をトレースして作成するIllustrator初心者用講座「イラレ道場」は体形学習できる段階式のレッスン講座でイラレを練習することができます。今回の講座は「地図」をトレースで作成する方法と便利に使えるツールとテクニックを学べます。地図トレース練習用素材(下絵画像)この画像を下絵にしてイラレ(illustrator)のレイヤーに配置しトレース用の「下絵」としてご利用ください。下絵画像の、取り込みと、下絵化の詳細はこちら!Illustratorで地図をトレースして作成しよう!下絵をIllustratorのレイヤーに配置しましょうはい、初心者講座のレッスン14スタート!とりあえず上にある下絵をIllustratorのレイヤーに配置してください。Googleマップをスクリーンショットしたのが今回の下絵となっております。今回は、この地図をIllustratorで作成するんすね!うん。「単純な地図をIllustratorで作ってください」というお仕事は多いもんだからできると重宝されるよ。DM、冊子、名刺、パンフに「簡略地図」はつかわれます(^v^)/ホームページでもGoogleマップのAPIを埋め込むのに加えて、簡略化した地図でシンプルにお店や事務所や会社の場所をわかりやすく、簡略地図で表現することでわかりやすくなります。それでは「Illustratorでの地図作成」を練習してみましょう!透明なボックスを使ってIllustratorのファイルのサイズを定義する方法あるサイズで、あるオブジェクトを作成したい時に、キッチリとそのサイズで作成する為に「トンボ」や「ドキュメントサイズ」を、そのサイズに「カスタム設定」する。「オレ流(千葉名人方式)」のように透明なボックスを使ってやる方法があるですが「オレ流」のやり方をちょっとご紹介いたしますね。塗りも線も、透明なボックスを使うんすか?そう。これを、上のレイヤーに持って行って、レイヤーだけアウトライン表示にしてあたりをとりながら、作成すると楽だよ。ガイドとかも引っ張らなくてもいいよ(^_-)ウェブ用のデータに書き出す時も「楽」だよ♪あと、後から「マスク機能」を使う時にも重宝するよ。透明なボックスを配置したレイヤーだけアウトライン表示にして、可視化する方法トリムマークだとマークまで範囲になっちゃうから別途トリミングが必要だけど、これなら、トリム不要で一発でOKという利点があるんだよ(^_-)インデザインなどに「配置する」データもこれでOK♪もちろん、トリムマークを使ってもOKだけど、オレはこれが好きだよ(^。保存形式がepsじゃなくてai形式のまま保存して、それをInDesignに配置したらいいんだよ(^。そのままInDesignに配置できて、とっても便利だよ(^。^)画像ボックスの中心に配置で、楽に画像ボックスにピタってなるから楽だよ(^。耳子には、なにいってるかわかんなーい(^v^)/Illustratorファイル単体で、印刷して使うとか言う場合は、トリムマークは必要なので「トリムマーク」を使ってください。インデザインに配置して「連動して使う」。画像を書きだしてウェブで使う。FLASHに持って行く。いうケースで「この透明な枠線」を利用すると便利だよ!それで、千葉名人!どうやって、この地図をIllustratorにするんすか?大体、下のような範囲を100mm×100mmのサイズの中におさめて、地図にしてみましょう。テンプレートにして、半透明してあるので、これを基本にトレースしていきましょう(^。^)完成したデータというか、お手本をみせてほしいっスこんな感じね(^。^)本当はもーっと、シンプルに単純な地図を作りたかったんだけど、作っているうちに夢中になってしまって、少しだけ作り込み過ぎちゃったよ(^。^;)あとは、目的地への行き方を最寄り駅から経路を矢印で書いてあげるとか、いろんなパターンをこれをベースに作れば重宝されるよ。グーグルマップにはない魅力としては、紙媒体につかえてわかりやすいのと、簡略だからシンプルに伝わるところかな。耳子もがんばるー!!!「Illustratorのパス上文字ツールの使い方」こういうのは、文字から打ち込んでしまうと、手順的にスムースだと思うよ目印になる道路とか建物を路線をカタカタ入力しましょうあれ?千葉名人のは「文字がカーブ」しているっすよ!なんですか?自分だけ裏技つかってズルい!!道路が曲がっているから、文字もカーブしてついていかないといけないんよ(^◇^)これは「パス上文字ツール」を使えばできるよ!こ、これは!!なんでこんなところにいつも大切なツールがIllustratorは隠れてるんすか!!!まさか開発者がイジワルということではないだろうけど、多機能すぎて収まらないんだろうね。これの使い方は「ペンツールでオープンパス(線)」を作成して、その上にこの「パス上文字ツール」をONにした状態でクリックを入れます。すると文字が入力出来る状態になるので「文字を入力」します。!!!カーブするっす!!パスの上に文字が流れ込むっす!!!アンカーをいじったり、パスの文字の位置をコントロールして後から形をコントロールし直したりも出来るよ!いじってこのツールを使い慣れてね(^。(^v^)/次は、目印になるような大きな建物をシンプルな図形でIllustratorで作成していきましょう!東京ドームの形が、ちょっと丸くて、でも四角くて作りにくいっす!かなり前のレッスンで「角丸長方形ツール」で楽に出来るって、おしえたじゃーん(^。!!!一発で、クローズパスが出来るね♪一本のラインを引けば、そのパス(線)をアウトラインにするだけでクローズパス(面)になっちゃうから、色を自由に付けられるよ(^。(^v^)/次は、アウトラインにしたパスの色の設定です線に黒、面に道路の色を設定しましょう(^。覚えると便利なのでマスターしましょう(^。(^v^)/ここで、クリッピングマスクを使いましょう!仕上げ段階で、この処理を行いましょう対象になるオブジェクトをグループ化して、マスキングしたい形とサイズのクローズパスを重ねた状態でクリッピングマスクを作成をクリックしましょう。そのクローズパスにサイズを定義してる100mm×100mmのボックスを、コピーして利用すると楽です(^。^)ウィンドウズなら、右クリック。マックなら、コマンドキーを押しながらクリックするとメニューで出てきますよなるほど、マスクをするときにも、先につくっておいた、透明の100×100mmのボックスが便利につかえるんすね!そういうことやね。プレゼントコーナーはこちら!どうやって使うんすか?普通に、パス(線)をペンツールでつくって、それを選んでブラシを適用させたら線路になるよ。完成データのダウンロードはこちら手直ししてあげて完成したのが、上の地図ですよ(^v^)/本当はもっと簡素にしたかった(^^;)>もっとシンプルに作った方が「名刺」の裏側などでも使えるので、シンプルに「大雑把」に余計な道は「省略」して「案内経路」と「主要道路」をしっかり書いてあげるのがコツです。Illustratorが使えるようになる超初心者用の講座です。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。☑下の下絵の左側、上から二番目のものをトレースにて作成します。illustratorで線幅が変えられない原因の特定と「解決方法」の解説です。動画で具体例と裏技も解説していきます。今回のIllustrator初心者講座では前回の講座に引き続き「桜の木」のイラストを作成します。千葉名人ライトセーバーイラストのメイキング動画です。今回のイラストはこのように作成いたしました。1番Illustratorが本当に上達する方法。