menu

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

Illustratorの簡単エフェクトチュートリアル!!今回は、地図やアクセスマップを作る際に、道路や地面などの質感を上げるエフェクトです。案内リーフレットやパンフレットで地図が中面に見開きで掲載するときってありますよね??

使いやすい高品質画像はこちら
>>>>>高品質画像『Shutterstock』 <<<<<
簡単無料無料で使い放題!
>>>>>ベクターデータのイラストなら【イラストAC】<<<<<

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

しかも簡単です。そして応用が効きまくります!道路や地面、草地など幅広く使い倒せます。フラットな地図のデザインもいいけど、少し味を出したいなって時はこのエフェクトを使ってみてくださいね!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

エフェクト前

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

エフェクト後

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

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

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

 

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

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

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

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

イラストレーター,illustrator,使い方,基礎,うねりツールイラレの使い方基礎 | うねりツールで渦巻きキャンディーの作り方!

ワードプレス,wordpress,wp,プラグイン,MilliardWordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!

関連記事

  1. illustrator,チュートリアル,エフェクト,きらきら,文字

    イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル…

    イラストレーターでキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介!そんなのPh…

  2. illsutrator,ダイヤモンド,チュートリアル

    Illustratorでダイヤモンドが綺麗に描ける方法!簡単瞬速…

    Illustrator(イラストレーター)で綺麗に作る方法を紹介したいと思います。イラレでも簡単にダ…

  3. イラストレーター,桜,さくら,サクラ

    Illustratorで桜のシルエット・パターンの描き方チュート…

    イラストレーターで桜の描き方チュートリアル!デザインやレイアウトでヘビーローテーションな桜のシルエッ…

  4. イラストレーター,使い方,画像,写真,ポラロイド

    イラレの使い方画像編!配置写真をポラロイド風に簡単加工!

    イラストレーターで写真をポラロイド風に見せる簡単加工をご紹介!!ちょこちょこっと設定をするだけでよく…

  5. イラストレーター,使い方,基礎,初心者

    イラストレーターCCの基本的な使い方!ツールの紹介【基礎編】

    イラストレーターCCの使い方 ツール基本編!!今回は超基礎的な初心者のあなたや、イラレに興味あるけど…

  6. イラレ,使い方,文字,艶,ゼリー

    イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!…

    イラストレーターCCで作るゼリーやグミのように艶のある文字にするエフェクトチュートリアルをわかりやす…

  7. イラレ,使い方,整列,オブジェクト,方法

    知っておきたいイラレの使い方基礎編!オブジェクト整列チュートリア…

    イラストレーターCC 初心者のあなたにこっそり教えたい整列の使い方!これであなたも整列ツールに関して…

  8. イラストレーター,パターン,素材,チェック,無料

    イラストレーターの無料で高品質なチェックのシームレスパターン素材…

    イラストレーターの無料のシームレスパターン特集!!今回は、デザイナーにオススメな高品質なチェックパタ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


人物の無料イラストはこちらから

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

Google+でつながる!

PAGE TOP
error: Content is protected !!
%d人のブロガーが「いいね」をつけました。