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

Illustrator

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

更新日:

スポンサーリンク

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

エフェクト前

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

エフェクト後

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

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

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

 

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

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

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

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

次ページはこちら!

自分を変えたいなら自分磨きの障害になる心の壁を認識して成長しよう!... あなたはもっと自分を成長させたい? 自分をもっと変えたい?今の自分という殻から抜け出したい? 10年後の自分のために自分磨きをしたいですか? そしてその目標に向かって計画・行動はきちんとできていますか? ドキッと思ったあなたっ!! この記事を読んだのは良い機会かもしれませんよ。 心...
【警告】コーヒー好きはカフェイン中毒の危険!毎日4以上飲む人は…!... 毎日、コーヒーを4杯以上は飲むというあなた!! 時々、頭が締め付けられるような頭痛がしませんか? 胃がムカムカ気持ち悪くありませんか? 気分がそわそわして落ち着かないことないですか? 健康診断で最近血圧が上がってないですか? 動悸がありませんか? こんな症状があるあら、もしかしたら...
【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...
Illustratorで桜のシルエット・パターンの描き方チュートリアル... イラストレーターで桜の描き方チュートリアル! デザインやレイアウトでヘビーローテーションな桜のシルエットやパターンをすぐ描けるようになる作り方です!! この作り方を覚えれば、応用で他の花も描けるようになるし、桜の花びらも出来ちゃいますよ。 この作り方にIllustratorのバージョンは関係な...
illustratorのグラデーションで文字を金色&メタリック加工チュートリアル... Illustartor(イラストレーター)でグラデーションを使う時に役立つチュートリアルをご紹介! 文字を金色にするのって案外多くないですか? そういう時にもやっとしたグラデーションでゴールドを表現してません??? もっとシャープな輝きを放つゴールドのタイトルやロゴをデザインしたくありません...
人用のWPのサイトマッププラグイン設定と表示されない時の対処解決法... ワードプレスのサイトマップを生成してくれるプラグインといえば何じゃ?お??? はいっ!はい!はーい!!!Google XML Sitemapでぇーす!! では人間が見るためのサイトマップを自動生成してくれるプラグインといえば〜〜〜??? えーと、えーと、えーと、そんなプラグイン習ったっけ〜...
初めてのPhotoshopの使い方基礎篇!簡単モアレ除去チュートリアル!... Photoshopの使い方 超基礎編のモアレ除去を紹介したいと思います!! デザインの現場でよく見かけるモアレ。 写真データが手に入らずやむをえずスキャニングした画像を使う場合、モアレ除去をしないと綺麗に印刷できないですよね。 はじめからクライアント画像データを完璧に揃えておいてくれれば、こん...
リファラスパム対策第2段!XサーバーのIPアドレス拒否設定で除外方法!... またかよ〜っ!!いい加減にして〜ん。 しつこいのは嫌われるぞ〜。 ということで、またリファラスパムが来ました。前回は「AliBestsale.com」というところから来てましたが、今回は違いました。 「claim61532701.copyrightclaims.org」という何やようわからんと...
WordPress投稿編集がグッと楽に効率アップできるプラグインはコレッ!... WordPressの初期の投稿画面って、あまり編集ボタンもなく、HTMLやタグのことを知らない人にとっては、もっと使いやすいほうがいいですよね? そんな時に役立つプラグイン「TinyMCE Advanced」があります。 TinyMCE Advancedを使えば編集ボタンが拡張・追加されて、まる...
ブログ内部リンクのセルフピンバッグ停止方法!プラグインで簡単設定... WordPressでサイトやブログの回遊率を上げるために内部リンクを貼る!! それはとてもいいことだと思います。 ただ「モデレートしてください。」というメール来てませんか??? 内部リンクを貼るたびに、「モデレートしてください。」とメールが来ます。 はっきり言ってうっとおしいですよね〜。...

スポンサーリンク



-Illustrator
-, , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.