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

Illustrator

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

更新日:

スポンサーリンク

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

エフェクト前

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

エフェクト後

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

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

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

 

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

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

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

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

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

商用可能で高解像度の自然写真が無料!著作権フリーの風景素材サイト集... 無料の自然写真ってそんなに解像度もよくないし、構図なんかもダメっぽいイメージですよね。 いいえ!! そんなことはありません。 フリー素材の自然・風景画像でも高解像度のハイクオリティーなのがあるんです! 今回ご紹介するのは、高解像度画像の自然・風景・四季の景色・植物などがダウンロードできるフ...
朝食の塩分が高血圧の引き金?血圧を下げるための塩無し味付け調理法!... 朝8時に食べる朝食の塩分量が多いと血圧が上がるだって!!! 日本人の朝食の定番と言えば「ごはん」「焼き魚」「みそ汁」「おひたし」「のり」「漬け物」と思う人は多いのでは! よくよく考えてみるとご飯以外に全て塩分が含まれているじゃないかー!! 時間栄養学に基づいた研究によると、朝8時ごろの塩分が...
今年こそ安上がりで経済的に!寒い冬場の光熱費を節約する賢い暖房術!... 寒い冬、暖房器具をガンガン使いたいけど、不景気だから家計的にキツいしな〜。 どうにかして節約しながらも部屋の中を温かくする暖房術ってないかな〜。 と日々考えているあなた! 冷たい部屋でも少しでも温かく過ごせて、節約できる方法をご案内したいと思います。 暖房術と言えばヒーターやエアコンの暖房だ...
初めてのPhotoshopの使い方基礎篇!簡単モアレ除去チュートリアル!... Photoshopの使い方 超基礎編のモアレ除去を紹介したいと思います!! デザインの現場でよく見かけるモアレ。 写真データが手に入らずやむをえずスキャニングした画像を使う場合、モアレ除去をしないと綺麗に印刷できないですよね。 はじめからクライアント画像データを完璧に揃えておいてくれれば、こん...
Illustratorでダイヤモンドが綺麗に描ける方法!簡単瞬速マスターのチュートリアル!... Illustrator(イラストレーター)で綺麗に作る方法を紹介したいと思います。 イラレでも簡単にダイヤモンドの多面体をリアルに再現できるチュートリアルなので覚えておいて損は無いと思います。 Photoshopも合わせて使えばより輝きも出ますが今回はIllustratorだけで本物のようなダ...
イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル... イラストレーターでキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介! そんなのPhotoshopで作っちゃえばいいじゃん! はい。確かにそうですよね。 でもきらきらしたグリッター風のエフェクトってイラストレーターでもけっこう作れちゃうんですよ。 イラレに貼り付けたPSD...
WordPressにyoutube動画簡単埋め込み方法!レスポンシブ対応で高速化... WordPressの記事でYou Tubeの埋め込み動画の表示が重いのを解決する「Youtube SpeedLoad」 !! 素晴らしいプラグインです! しかもブログ記事のYoutube動画表示が高速化されるだけでなくレスポンシブにも対応していて、インストールするだけ!! 設定は1つチェック...

スポンサーリンク



-Illustrator
-, , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.