イラストレーター,木目,ウッド,テクスチャ,チュートリアル

Illustrator

Illustratorテクニック木目調自作編!ウッドテクスチャチュートリアル

更新日:

スポンサーリンク

 

イラストレーター木目調のテクスチャを自作で作るチュートリアルを今回はご紹介!
自分で描き方をマスターすれば、木目の画像を探す手間やライセンスフリーかどうかを確認する時間を節約できますよ。

写真素材を探すときって案外時間がかかりますからね。

それに解像度は使う基準に充分対応しているか確認したり、ダウンロードは会員登録した後にできるとか、いらない手間を省きたいという方にぜひおすすめっ!!!

しかもイラストレーターだけで素材を作ったときに画像を配置したりするとそこだけが写真で残りはイラストだと逆に浮いて見えたりしますからね。

レイアウトのテイストを統一する事でデザインテクニックのレベルアップをサクッと上げる事ができます。

イラレで木目調が作る事ができれば、全体のイラストの雰囲気とマッチするので使いやすかったりもしますからね。
考えているよりも、以外と簡単な手順でウッドテクスチャを作る事ができるので、このチュートリアルを参考にしてみてくださいね。

イラレで自分で作る木目調テクスチャのチュートリアル

木目調は、デザインをしているといろいろな所で使う機会が案外多いんですよね。

タイトル回りにつかったり、背景に使ったり、見出しのアクセントに使ったり、間取りを間取りを描く時なんかはとっても重宝します。

というわけで、そんなよく使う木目調を自前でやってしまおうという感じ。
このウッドテクスチャチュートリアルなら、ベクターデータなので解像度やサイズ、ライセンスを気にせずに使い倒すことができますよ!!

これでウッドテクスチャをウェブ上から無数にある画像を検索して、使えるか検証する作業が無用になりますよ。

そんなわけで、さっそく木目調テクスチャチュートリアル開始です!!!

 

ステップ1

茶色の塗りのオブジェクトを用意して、そのオブジェクトをコピーして茶色のオブジェクトの前にペーストします。

コピペした方を縮小変形します。
画像ぐらいの比率で良いです。

illustrator,木目,ウッド,テクスチャ,チュートリアル

コピペしたオブジェクトにメニューの「効果」から「スケッチ」の「グラフィックペン」を指定します。

  • ストロークの長さ…15
  • 明るさ、暗さのバランス…2

illustrator,木目,ウッド,テクスチャ,チュートリアル

その後はこのオブジェクトをメニューの「オブジェクト」から「アピアランスの分割」」を選択しておきます。

 

ステップ2

アピアランスの分割をした後は、そのオブジェクトに「画像トレース」をかけていきます。
コピペしたオブジェクトを選択して画像トレースパネルでカスタム設定をしていきます。

  • プリセット…カスタム
  • 表示…トレース結果
  • カラーモード…白黒
  • しきい値…128
  • 詳細…50%
  • コーナー…50%
  • ノイズ…1px
  • オプション…ホワイトを無視

上記のように設定します。

illustrator,木目,ウッド,テクスチャ,チュートリアル

上記の設定をしたら、トレースをかけたオブジェクトを下にある茶色のオブジェクトよりも大きいサイズにします。
するとー、下記のような画像みたいになります。

イラストレーター,木目,ウッド,テクスチャ,チュートリアル

そして、このままでは黒色が目立つので茶色の濃い色味に変えましょう!

イラストレーター,木目,ウッド,テクスチャ,チュートリアル

続いてこのかすれたオブジェクトを前面にコピペして、色を薄く設定して反転させます。
このかすれたオブジェクトのどちらにも透明設定の乗算の設定をかけておきます。

イラストレーター,木目,ウッド,テクスチャ,チュートリアル

 

ステップ3

かすれたオブジェクトを反転させた後はストライプのオブジェクトを用意します。

イラストレーター,木目,ウッド,テクスチャ,チュートリアル

このストライプのオブジェクトに透明効果の乗算を指定して、20%の透明に設定します。

 

ステップ4

次に収縮ツールを使って少しラフなイラストタッチにしていきましょう!!

イラストレーター,木目,ウッド,テクスチャ,チュートリアル

ツールオプションの設定はサイズによってまちまちなので、任意に設定してください。

イラストレーター,木目,ウッド,テクスチャ,チュートリアル

続きましてー、今度はうねりツールを選択しましょう。ポイントは幅と高さをそろえないことです!!

イラレ,木目,ウッド,テクスチャ,チュートリアル

収縮ツールを使って、整った縦のラインを崩していくように収縮させていきます。
この時に強さが足りない場合は任意の数値に変えて使ってみてくださいね。

その後は、うねりツールを使って木の年輪のうねりをつけていきます。

今までの行程でこんな感じになっいると思います。

イラレ,木目,ウッド,テクスチャ,チュートリアル

 

ステップ5

背景の茶色以外のオブジェクトを選んで、「効果」の「パスの変形」の「ラフ」でイラストのタッチを自然な風合いにしていきます。

イラレ,木目,ウッド,テクスチャ,チュートリアル

イラレ,木目,ウッド,テクスチャ,チュートリアル

ラフの設定をすることで自然な感じの筋になっていると思います。これで完成です!

イラレ,木目,ウッド,テクスチャ,チュートリアル

このテクスチャを使ってフローリングを作る事もできます!

イラレ,木目,ウッド,テクスチャ,チュートリアル

キャッチ画像にも使ったように文字にも応用できますよ!!

イラストレーター,木目,ウッド,テクスチャ,チュートリアル

 

イラストレーターで自作の木目調テクスチャのまとめ

イラレでウッドテクスチャを作る際のポイントとしては、
ステップ2の画像トレースの数値を変化させることによって木目の筋の入り具合が変わってきますので、
いろいろと試してお好みの味のあるウッドパターンを作ってみてくださいね。

人,人間,集中力,集中する方法
時間を区切ってすぐ集中力アップ!人間の集中力は15分が限界?
マックブックプロ,Mac
マックブックプロのバッテリーの実寿命は?少しでも長持ちさせるには?

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

激安で簡単!年末大掃除のコツ!網戸サッシ掃除に100均ツールが大活躍... そろそろ年末の大掃除の季節が近づいてきましたね。 寒い季節なのに水に手をつけて、掃除するなんて辛い! 特に網戸やサッシの掃除は、窓を開けながらするから、パパッと簡単にスムーズに終わらせたいですよね。 そんな悩みを解決しましょう!! しかも激安っ!!で簡単にっ! なんて言うと大げさです...
WordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!... ワードプレスの関連記事を表示してくれるプラグインといえば??? WordPressRelatedPosts?YARPP? 確かに、確かにこの二つのプラグインもとってもお世話になっています。 ですが、見つけてしまったんです! とーーーっても良くできた秀逸な関連記事表示プラグインを!! その名...
【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...
Illustratorで文字に立体的な影の付け方 | 簡単設定チュートリアル... Illustratorで作る立体的な影の付け方を紹介! ドロップシャドウや3D効果を使わずに簡単に設定できちゃう! これまたお手軽で便利な方法なんで、ササッとマスターしちゃってくださいね。 っていうか、本当に簡単だから拍子抜けしないでよっ!! このチュートリアルを覚えれば、タイトルや見出...
クリスマスプレゼント無料イラスト!高品質フリー素材コレクション!... クリスマスプレゼントの無料イラストコレクション!! 高品質なプレゼントのフリー素材を集めてみましたよ〜!! aiやepsのベクターデータなのでイラストレーターで編集可能です! イベントや記念日のアクセントや挿絵で、なにかとプレゼントのイラストって使いますからね! 持っていても損はないです...
お正月イラスト無料素材集 可愛い年賀状や門松、羽子板パーツまとめ... お正月のチラシ・ポスター・DM・フライヤーをデザインするのに何か良い正月素材がないか悩んでいるデザイナーさん。 管理人が仕事でよく使わせてもらっている無料イラストサイトのお正月パーツをあなたにだけ、こっそり紹介しちゃいます。 無料とは思えないほどの高品質イラスト素材なので、あまりいろんな人に教え...
ノートパソコンの底が熱くなるのを予防!排熱効果を高める3つのポイント... ノートパソコンを使っていると、僕のMacなので底面と左側に熱を持ち始め、キーボードを使う時に指がその熱くなる部分にあたると「アチっ!!!」って思うほど熱を持っていることがあります。 ま〜、古いのもあるんでしょうが、できればうまく熱を逃して快適にノートパソコンを使いたいものです。 そんなときに参考...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.