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(イラストレーター)で綺麗に作る方法を紹介したいと思います。 イラレでも簡単にダイヤモンドの多面体をリアルに再現できるチュートリアルなので覚えておいて損は無いと思います。 Photoshopも合わせて使えばより輝きも出ますが今回はIllustratorだけで本物のようなダイ...
嫌な胃もたれ胸焼け解消に漢方薬!不快な諸症状に効いておなかスッキリ!... 胃もたれ、胸焼け、食欲不振で普通の薬がダメだった人は漢方薬が良いかもしれないですよ!! こんな症状の方にオススメです! 胃の不快な症状の例 胃がしくしく痛む 胃がもたれる 胃が張る、膨張感 食欲がない 嘔吐、吐き気がする、ムカムカする のどがつかえた感じがする ...
ノートパソコンの底が熱くなるのを予防!排熱効果を高める3つのポイント... ノートパソコンを使っていると、僕のMacなので底面と左側に熱を持ち始め、キーボードを使う時に指がその熱くなる部分にあたると「アチっ!!!」って思うほど熱を持っていることがあります。 ま〜、古いのもあるんでしょうが、できればうまく熱を逃して快適にノートパソコンを使いたいものです。 そんなときに参考...
イラストレーターの使い方基礎編 | ブレンドツールの基本操作マニュアル... イラストレーターのブレンドツールの必ず知っておきたい基本操作を画像で解説!! イラレ初心者の方でブレンドツールってどんな感じに使うの?っていう疑問がありませんか? ペンツールや長方形ツールや楕円形ツールばかりが良く知られていますが、この便利なブレンドツールを使いこなすことができれば、もっと仕事が...
30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー表...
商用可能で高解像度の自然写真が無料!著作権フリーの風景素材サイト集... 無料の自然写真ってそんなに解像度もよくないし、構図なんかもダメっぽいイメージですよね。 いいえ!! そんなことはありません。 フリー素材の自然・風景画像でも高解像度のハイクオリティーなのがあるんです! 今回ご紹介するのは、高解像度画像の自然・風景・四季の景色・植物などがダウンロードできるフリ...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.