illustrator,テクスチャ,地面,ground,texture

Illustrator

Illustratorのエフェクトで地面テクスチャの作り方チュートリアルステップ

更新日:

スポンサーリンク

 

Illustrator(イラストレーター)のエフェクト地面テクスチャをサクッと作るチュートリアルです。
テクスチャをPhotoshopで作ったり、画像をWEB検索で見つけるのもいいですけど、イラレの底力をなめてませんか?

テクスチャだって、簡単に作れちゃうんだからっ!!!!

しかもこの地面テクスチャテクニックを使えばいろいろな画像に応用できる!!!

例えば、ビーチのイラストの砂浜や砂利道、砂金、地図の山や土の塗り設定、コンクリート風にもできます。

特にちょっとリアルな地図を作りたい時なんかは重宝するのではと勝手に思っちゃってます!ということで、
イラストレーターで作る地面テクスチャのエフェクトチュートリアルです。

イラレのエフェクトで地面テクスチャの作り方

illustrator,テクスチャ,地面,ground,texture

最終的には上の画像が完成形になります。

応用編で色を変えたりするとこんな感じになります!

illustrator,テクスチャ,地面,ground,texture

地面の隆起もある程度調整できるので後ほど解説します!

 

ステップ1

まずは茶色系のオブジェクトを用意します。色ははっきり言ってなんでもいいです。今回はサンプルで画像の茶色で解説していこうと思いまーす。

イラストレーター,エフェクト,テクスチャ,地面,作り方

 

ステップ2

その後にアピアランスでステップ1で作った色の上のレイヤーに白の塗りを新規追加します。

illustrator,エフェクト,テクスチャ,地面,作り方

 

ステップ3

追加した白の塗りに「効果」から「アーティスティック」の「粒状フィルム」を設定します。

illustrator,エフェクト,テクスチャ,地面,作り方

下記画像のように「粒子」を20にして、他は0にします。

イラストレーター,エフェクト,テクスチャ,地面,作り方

 

ステップ4

続いて白の塗りに追加で「効果」の「ブラシストローク」の「はね」を設定します。

illustrator,エフェクト,テクスチャ,地面,作り方

次に「はね」を10、「滑らかさ」を5にします。

イラストレーター,エフェクト,テクスチャ,地面,作り方

 

ステップ5

続きましてー、白の塗りに追加設定で「効果」から「スケッチ」の「ぎざぎざのエッジ」を選択します。

illustrator,エフェクト,テクスチャ,地面,作り方

そして各数値設定は、「画像のバランス」を33、「滑らかさ」を1、「コントラスト」を10にします。

イラストレーター,エフェクト,テクスチャ,地面,作り方

アピアランスのレイヤーの並びが下の画像通りになっていればOKです。

illustrator,エフェクト,テクスチャ,地面,作り方

するとこんな感じになります。

イラストレーター,エフェクト,テクスチャ,地面,作り方

 

ステップ6

この効果を連続で付けた白の塗りの透明設定をオーバーレイにします。

illustrator,エフェクト,テクスチャ,地面,作り方

そうすると地面テクスチャの完成です。

illustrator,テクスチャ,地面,ground,texture

ちなみに地面のデコボコ・隆起を調整したいときは、アピアランスのぎざぎざのエッジの設定で、画像のバランスとコントラストを調整します。

コンクリート風にしたい時はフラットになるようにしましょう。

illustrator,エフェクト,テクスチャ,地面,作り方

 

イラストレーターで地面テクスチャの作り方まとめ

イラレでも意外と簡単に地面テクスチャをエフェクトで作れるので、ぜひ参考にしてみてください。

テクスチャ意外にもフォントにも設定できるので土のような質感のタイトルにしたいときには使えるエフェクトです。

基本をマスターして、どんどん応用しちゃってください。

イラストレーター,エフェクト,テクスチャ,地面,文字

文字にさきほどの地面テクスチャエフェクトを適用するとこんな感じです。アウトライン化してないので、ぜひいろんなフォントで試してください。

応用篇でキャッチ画像のように3D立体文字もできます。

やり方は地面テクスチャをフォントでマスクして、バックにコピー後に「オブジェクト」の「変形」の「移動」で斜めにコピーして何度もずらしていき、立体する部分の色を暗くすればキャッチ画像のようなグラッフィクも可能です。

illustrator,テクスチャ,地面,ground,texture

 

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

MacOSマニュアル基礎!ファイルのアイコン画像変更チュートリアル!... Mac OSを使う上で基礎中の基礎になるファイルのアイコン画像の変更方法をご紹介します!! とーーーっても簡単です!本当に簡単です!! 初めてMacを使うあなた、これからMacを購入して使おうかなと考えているあなたでもこのマニュアルをみればすぐにできると思います。 用意してもらうのは変えようと...
蜂蜜は1歳未満の赤ちゃんには毒!パパとママに知ってほしいその理由は?... これから赤ちゃんが生まれてくる、もしくは今は1歳未満の可愛い赤ちゃんがいるパパとママに知っていてほしいことがあります。 それは蜂蜜が1歳未満の乳児(赤ちゃん)にとって危険な食べ物だということ。 蜂蜜って甘くてまろやかでとても美味しい、だからこそ超可愛い我が子にこの味を知ってもらいたい!! わか...
テンプレートでブログ記事編集を時短化!手間を省いて効率アップ!... WordPressで記事を書く時に超役立つおすすめプラグインを紹介したいと思います。 今回ご紹介するプラグインは「TinyMCE Templates」。ブログを書く時に編集画面でテンプレートを挿入することができます。 これでいつも書いている見出しなどを予め入れておいて、記事編集を時短化して効率ア...
あなたの胃の不調は猫背が原因?ストレッチで背骨の歪みを治す方法!... デスクワークを主な仕事をしているあなたへ、もし胸焼けや胃もたれなど胃の調子が少し悪いな〜と思っているなら、もしかしたらそれは姿勢改善で猫背を治す事で胃が元気になるかもしれませんよ。 実はこっそり聞いてほしい話しがあります。これは管理人が実際に体験した話しなので軽く「へぇ〜」って感じで読んで下さい。...
Illustratorでダイヤモンドが綺麗に描ける方法!簡単瞬速マスターのチュートリアル!... Illustrator(イラストレーター)で綺麗に作る方法を紹介したいと思います。 イラレでも簡単にダイヤモンドの多面体をリアルに再現できるチュートリアルなので覚えておいて損は無いと思います。 Photoshopも合わせて使えばより輝きも出ますが今回はIllustratorだけで本物のようなダイ...
WordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!... ワードプレスの関連記事を表示してくれるプラグインといえば??? WordPressRelatedPosts?YARPP? 確かに、確かにこの二つのプラグインもとってもお世話になっています。 ですが、見つけてしまったんです! とーーーっても良くできた秀逸な関連記事表示プラグインを!! その名...
辛い年末年始の胃の痛み・胃が気持ち悪い症状の予防と解決法!... 年末年始は、忘年会、クリスマス、大晦日、お正月、新年会などのイベントが多く生活のリズムが乱れがちです。 そう年末年始こそ、本当は胃腸を労るべきなのです!! お正月休みだからと言って、暴飲暴食などの偏った食生活や運動不足や寝不足などの不摂生な生活が続くと、 胃が痛い・胃が気持ち悪い・腸炎などの胃...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.