イラストレーター,マップ,制作,エフェクト,チュートリアル

Illustrator

イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方法

更新日:

Illustratorの簡単エフェクトチュートリアル!!
今回は、地図やアクセスマップを作る際に、道路や地面などの質感を上げるエフェクトです。

案内リーフレットやパンフレットで地図が中面に見開きで掲載するときってありますよね??

ただ単にマップを作って配置していては、絵的にもたない時があると思います。
どーにかして、キマるマップにブラッシュアップできないものか?
なーんて時にこのエフェクトが役に立ちます!!

しかも簡単です。そして応用が効きまくります!
道路や地面、草地など幅広く使い倒せます。

フラットな地図のデザインもいいけど、少し味を出したいなって時はこのエフェクトを使ってみてくださいね!

イラレでマップの質感を上げるエフェクト!

はっきり言って、たまげるほど簡単です!
えっ!!
こんなにすぐできるのって感じ。

それではチュートリアル開始っ!!
まずはドキュメントを新しくつくって、アスファルトのような色の長方形を描きます。

illustrator,チュートリアル,マップ,エフェクト

そして、アピアランスで前面のレイヤーに「新規塗りを追加」して白にします。

illustrator,チュートリアル,マップ,エフェクト

その白の塗りに「効果」の「アーティスティック」の「粒状フィルム」を付けます。

設定する数値はこんな感じで。

イラストレーター,マップ,制作,エフェクト,チュートリアル

この効果を付けると少しノイズが加わったような質感になります。

illustrator,チュートリアル,マップ,エフェクト

次にこの白に透明効果の設定をします!

今回はソフトライトを付けてますが、バックのカラーに合わせて「乗算」や「ハードライト」を使うとうまく表現できますよ!!

illustrator,チュートリアル,マップ,エフェクト

そしてここに白線を追加します。こんな風に。

illustrator,チュートリアル,マップ,エフェクト

後は中央の線を破線にして、数字を追加したらアスファルトの道路の出来上がりーー。

イラストレーター,マップ,制作,エフェクト,チュートリアル

簡単にできるって言ったでしょー。すぐにマスターできちゃうでしょっ!

キャッチの画像をこのエフェクトを付加したビフォーアフターで比べてみましょう!!

エフェクト前

イラストレーター,マップ,制作,エフェクト,チュートリアル

エフェクト後

イラストレーター,マップ,制作,エフェクト,チュートリアル

少しアナログっぽい雰囲気になってますね。
のっぺりとしたオブジェクトお表情が嫌な場合はこのエフェクトで質感を出してみてはいかがでしょうか?

キャッチ画像&比較画像出典元 Infographic vector designed by Freepik

 

地図制作に役立つエフェクトのまとめ

これで味気ないマップにも表情が出てくると思います。
フラットデザインがいいなーって人はいらないかもしれないですけど。

旅行雑誌の編集で見開きでマップを使う際には質感をプラスできて、デザインをより魅力的なものにできるのではと思いますね。

簡単すぎる方法なんで、じゃんじゃん試してくださいねー。

閲覧ありがとうございました!

30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー表...
イラストレーターの使い方 | ワープツールの基本操作をザクっと紹介!... イラストレーターの使い方で最低でも知っておきたい基本的なツールを紹介! 今回はワープツールの基本動作をこちらで確認してみてくださいね。 初心者の方でワープツールって何って思いますよね? ワープっていうぐらいだから、ものすんごい機能なのって先走ってしまいそうですが、使い方・動作はいたって簡単!...
MacでJPEG画像圧縮方法はコレ!無料ソフトJPEGminiとTh-MakerX!... Macで画像圧縮方法を探しているんだけど、使いやすくて無料ソフトはないかなーー?? と悩んでいる方、ぜひこのフリーソフト「JPEGmini」と「Th-MakerX」を試してください。 JPEGだけでなくPNGも圧縮できるので抜群の使いやすさです。 画像圧縮してくれるだけでなく、リサイズもして...
Photoshop無料キラキラブラシ!商用可で高品質!役立つフリー厳選素材10選!... Photoshopのキラキラブラシ素材を厳選してみました。 キラキラエフェクトを自作しなくてもこんなに高品質なブラシ素材があるんです! デザイナーの仕事の手間を省くことができる超優秀フリーブラシ素材です。 キラキラブラシって、タイトル周りから背景、ちょっとしたアクセントにといろいろと使う場面が...
イラレ使い方基礎 | うねりツールでカンタン渦巻きキャンディーの作り方... BGMのイラレの使い方基礎編講座!! 今回はうねりツール!! どんなツールかって??名前を見れば分かるよっ!! って思った方、大正解!! なんのひねりもありません。 オブジェクトにうねりをプラスしてくれるのがイラストレーターのうねりツール。 どんな時に使えるのか、基礎を学びながら渦巻きの...
MacOSマニュアル基礎!ファイルのアイコン画像変更チュートリアル!... Mac OSを使う上で基礎中の基礎になるファイルのアイコン画像の変更方法をご紹介します!! とーーーっても簡単です!本当に簡単です!! 初めてMacを使うあなた、これからMacを購入して使おうかなと考えているあなたでもこのマニュアルをみればすぐにできると思います。 用意してもらうのは変えようと...
【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...



-Illustrator
-, , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2019 All Rights Reserved.