menu

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

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

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

テクスチャだって、簡単に作れちゃうんだからっ!!!!しかもこの地面テクスチャテクニックを使えばいろいろな画像に応用できる!!!例えば、ビーチのイラストの砂浜や砂利道、砂金、地図の山や土の塗り設定、コンクリート風にもできます。

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

そして、サンプルをデータで確認してもらいということで地面テクスチャの無料素材もダウンロードできますよ!!土で作ったような文字フォントのデータもダウンロードできますよ。

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

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,テクニック,エフェクト保存版!illustratorのマジ便利なテクニック&エフェクト集7選!日本語でわかりやすく解説!

関連記事

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

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

    Illustratorの簡単エフェクトチュートリアル!!今回は、地図やアクセスマップを作る際に、道路…

  2. イラストレーター,ワープツール,使い方

    イラストレーターの使い方 | ワープツールの基本操作をザクっと紹…

    イラストレーターの使い方で最低でも知っておきたい基本的なツールを紹介!今回はワープツールの基本動作を…

  3. illustrator,イラストレーター,使い方,四角,立体的

    Illustratorの使い方超基本操作 | 四角のボックスを描…

    イラストレーターの使い方の超基礎編のお時間ですよーー!これからイラレを始めるという初心者の方向けの超…

  4. イラストレーター,illustrator,テクニック,エフェクト

    保存版!illustratorのマジ便利なテクニック&エフェクト…

    イラストレーターのすぐ使えるテクニック7選!!制作現場で「このタイトルをもっと見栄えをよくしたい、背…

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

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

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

  6. イラストレーター,作り方,もこもこ,文字,雲

    イラレで可愛いもこもこ文字の作り方!雲エフェクトチュートリアル!…

    イラストレーターで作る雲のような簡単もこもこ文字の作り方をご紹介!!かわいいポップな感じのデザインで…

  7. イラレ,使い方,文字,吹き出し,可変

    イラレCCの使い方!文字サイズに応じて変わる吹き出しの設定方法!…

    イラストレーターCCの使い方文字篇!!フォント(テキスト)の文字サイズに合わせて自動で変わる吹き出し…

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

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

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

コメント

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

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

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