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

 

次ページはこちら!

初めてのIllustratorの使い方超基本操作 | 四角のボックスを描く方法... イラストレーターの使い方の超基礎編のお時間ですよーー! これからイラレを始めるという初心者の方向けの超基本操作になりまーーす。 今回は立体的な四角いボックスを描く方法です。 Illustratorのバージョンは関係なく、昔から使われている超原始的で基本中の基本の捜査内容になりますよー。 長方...
MacのAutomatorでファイル名を連番の通し番号に一括変換する方法... Macでファイル名を一括で名前変更をしつつ、番号を連番で付けたいなー。 しかもサッと簡単にできるそんな都合の良い方法がないかなー? と思っているあなたにはMacの「Automator」をぜひ使ってもらいたい。 MacのデフォルトのアプルであるAutomatorを使いこなして、どんどん仕事の効率...
Illustratorで文字に立体的な影の付け方 | 簡単設定チュートリアル... Illustratorで作る立体的な影の付け方を紹介! ドロップシャドウや3D効果を使わずに簡単に設定できちゃう! これまたお手軽で便利な方法なんで、ササッとマスターしちゃってくださいね。 っていうか、本当に簡単だから拍子抜けしないでよっ!! このチュートリアルを覚えれば、タイトルや見出...
Illustrator CCチュートリアル | 画像・写真を切手風にする作り方... Illustrator CCチュートリアル画像編!! イラレで画像や写真を切手風デザインにする作り方をご紹介しまっす!! 写真をただ貼り付けるよりも味がある感じにレイアウトできるのでぜひデザインの一部に取り入れてくださいなー。 しかも単体のオブジェクト一つと画像があればアピアランスで簡単に設定...
便利で超簡単!Illustrator CCでテキストを1文字ごとに変形する方法... イラストレーターでテキストにアウトラインをかけずに、なんと1文字ずつ個別に変形する、スゥゥゥーーーパァァァーーー便利なツールをご紹介!!! ベテランさんほど見逃しているかもしれない、イラレのCCから追加されたこの超スペクタクルなツール「文字タッチツール」がマ・ジ・デ使えすぎて困るぜぇーーー。 っ...
【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...
イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!... イラストレーターの基礎編! ペンツールでベジェ曲線を描くをご紹介しますね! ベジェ曲線の描き方を簡単な動画で解説しているので、初心者の方はぜひ参考にしてみてくださいね。 描き方が独特なベジェ曲線。 イラレを使ってみようと始めたはいいけど、このベジェ曲線で行き詰まったって人もいるんじゃない?...
イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!... イラストレーターCCで作るゼリーやグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介! プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!! イラレのツヤツヤ光沢エフェクトをマスターすれば、ロゴや...
イラレ使い方基礎 | うねりツールでカンタン渦巻きキャンディーの作り方... BGMのイラレの使い方基礎編講座!! 今回はうねりツール!! どんなツールかって??名前を見れば分かるよっ!! って思った方、大正解!! なんのひねりもありません。 オブジェクトにうねりをプラスしてくれるのがイラストレーターのうねりツール。 どんな時に使えるのか、基礎を学びながら渦...
コメントスパム対策!インストールするだけでスパムを遮るプラグイン... コメントに届くスパムメールってうざいですよね。 しかも何度も来ますよね〜。 スパムコメント対策にワードプレスプラグイン「Akismet」を入れても、まだ来るスパム。 ええかげんにして〜〜ん。 来るたびに削除したり、気にしなけばいいやと思えば思うほど、気になってやはり削除してしまう。 こんな...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.