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

 

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

成功する人は将来の自分の幸せが実現したイメージトレーニングをする?... あなたは成功する人になりたいですか? 今よりもたくさんの年収を稼ぎたいですか? 今よりももっと良い家に住みたいですか? 高級車や外車に乗っていたいですか? 労働に追われる事なく悠々自適な生活を送りたいですか? のんびり海外旅行ばかりを満喫したいですか? 成功する人になった時の自分の...
辛い年末年始の胃が痛み・胃が気持ち悪い症状の予防と解決法!... 年末年始は、忘年会、クリスマス、大晦日、お正月、新年会などのイベントが多く生活のリズムが乱れがちです。 そう年末年始こそ、本当は胃腸を労るべきなのです!! お正月休みだからと言って、暴飲暴食などの偏った食生活や運動不足や寝不足などの不摂生な生活が続くと、 胃が痛い・胃が気持ち悪い・腸炎など...
写真の個人情報漏洩を防いでくれるWordPressプラグインが便利すぎる!... WordPressにスマホやデジカメで撮った写真を何もせずに載せるのはマジで危険っ!! 写真のEXIF情報(メタデータ)から撮影場所などの個人情報が漏洩するかも?? EXIF(イグジフ)情報には、撮影したGPSの位置情報、撮影日と時間、撮影に使用したスマートフォンやカメラの機種情報が入っていま...
フリーフォント厳選サイト5選!無料の日本語から欧文まで勢揃い!... 無料のフリーフォントサイトを5つ厳選しました。 標準的なゴシックや明朝系から毛筆文字、手書き風フォント、ひらがな・かたかなフォント、コミック系、アイコン系、筆記体の欧文、モダンでクールな英語フォントまで幅広く揃っています。 フォントはデザイナーさんには必要不可欠な素材です。 ぜひ様々な種類の...
MacのAutomatorでファイル名を連番の通し番号に一括変換する方法... Macでファイル名を一括で名前変更をしつつ、番号を連番で付けたいなー。 しかもサッと簡単にできるそんな都合の良い方法がないかなー? と思っているあなたにはMacの「Automator」をぜひ使ってもらいたい。 MacのデフォルトのアプルであるAutomatorを使いこなして、どんどん仕事の効率...
イラストレーターの無料で高品質なシームレスチェックパターン素材集... イラストレーターの無料のシームレスパターン特集!! 今回は、デザイナーにオススメな高品質なチェックパターン素材を厳選してまとめてみましたよ! 背景やワンポイントのアクセントに使えて、編集可能なデータなのでダウンロードして使ってみてください。 イラレのスウォッチは凄く使える機能なんだけど、パター...
脳は大人・老人でも一生成長する!読書で脳力を鍛えて能力を伸ばそう!... あなたは頭が良くなりたいですか? IQが高くなりたいですか? 将来、認知症になりたくないと思っていますか? 記憶力をもっとアップさせたいですか? 上記に上げた質問をすべてクリアしてくれる方法があるんです。 それは脳を成長させることなんです。 でも大人になっても脳は成長するの? そう...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.