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

Illustrator

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

更新日:

スポンサーリンク

 

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

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

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

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

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

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

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

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

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

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

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

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

 

ステップ1

茶色の塗りのオブジェクトを用意して、そのオブジェクトをコピペして、コピペした方を縮小変形します。画像ぐらいの比率で良いです。

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

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

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

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

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

ステップ2

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

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

上記設定します。

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

上記の設定をしたら、オブジェクトを茶色のオブジェクトよりも多きい設定します。するとー、下記のような画像みたいになります。

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

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

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

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

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

 

ステップ3

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

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

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

ステップ4

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

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

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

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

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

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

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

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

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

 

ステップ5

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

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

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

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

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

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

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

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

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

 

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

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

次ページはこちら!

MacOSマニュアル基礎!ファイルのアイコン画像変更チュートリアル!... Mac OSを使う上で基礎中の基礎になるファイルのアイコン画像の変更方法をご紹介します!! とーーーっても簡単です!本当に簡単です!! 初めてMacを使うあなた、これからMacを購入して使おうかなと考えているあなたでもこのマニュアルをみればすぐにできると思います。 用意してもらうのは変えようと...
瞑想で心・精神をストレッチ!集中力と直感力を鍛えて意識をクリアに!... 忙しい日々を送っているあなた。何もやる気が起きないというあなた。 何かしたいと思ってはいるけど、スタートできないあなた。 瞑想をしてみませんか?? 宗教じみたことをいっているのではないのでご安心を(笑)^ ^ 瞑想は心・精神のストレッチのようなものです。 では、なぜ心をストレッチする必...
Illustratorで桜のシルエット・パターンの描き方チュートリアル... イラストレーターで桜の描き方チュートリアル! デザインやレイアウトでヘビーローテーションな桜のシルエットやパターンをすぐ描けるようになる作り方です!! この作り方を覚えれば、応用で他の花も描けるようになるし、桜の花びらも出来ちゃいますよ。 この作り方にIllustratorのバージョンは関係な...
MacでもOK!Chrome拡張機能で画面をスクロールキャプチャできる!... Macでの画面キャプチャソフトといえば「Skitch」!! WordPressを使うブロガーさんにとっては重宝するとっても使い勝手のいいフリーソフト。 でも最新のSkitchでは画面のスクロールキャプチャができないーー!! 安心ください!! スクロールキャプチャできます!! でもSkitc...
イラレの使い方!ラスター画像をベクターデータへ変換する方法!... イラストレーターCCでラスター画像(jpeg・ping・bmp・gif)をai形式のベクターデータにパパッと簡単に変換できる方法をご紹介! 初心者のあなたでも、ステップ通りにやれば楽にできますので、ご安心を!! ちなみにどんな場面で役に立つのかというと、デザイン現場でロゴやキャラを印刷に使うとき...
辛い年末年始の胃が痛み・胃が気持ち悪い症状の予防と解決法!... 年末年始は、忘年会、クリスマス、大晦日、お正月、新年会などのイベントが多く生活のリズムが乱れがちです。 そう年末年始こそ、本当は胃腸を労るべきなのです!! お正月休みだからと言って、暴飲暴食などの偏った食生活や運動不足や寝不足などの不摂生な生活が続くと、 胃が痛い・胃が気持ち悪い・腸炎など...
WordPressの不要なサムネイルを削除、最適サイズに一括変換プラグイン... ワードプレスでブログを書いていると、バックアップをしますよね?? でも、なぜか昨日、自動バックアップしていたはずなのにされてない! なぜ???ん? 「空き容量が無いからバックアップできなかったよ〜」的なエラーメッセージが…。 どういうこと?って思い、画像のデータ容量を確認してみると1.3...
Illustrator CCチュートリアル | 画像・写真を切手風にする作り方... Illustrator CCチュートリアル画像編!! イラレで画像や写真を切手風デザインにする作り方をご紹介しまっす!! 写真をただ貼り付けるよりも味がある感じにレイアウトできるのでぜひデザインの一部に取り入れてくださいなー。 しかも単体のオブジェクト一つと画像があればアピアランスで簡単に設定...
お正月イラスト無料素材集 可愛い年賀状や門松、羽子板パーツまとめ... お正月のチラシ・ポスター・DM・フライヤーをデザインするのに何か良い正月素材がないか悩んでいるデザイナーさん。 管理人が仕事でよく使わせてもらっている無料イラストサイトのお正月パーツをあなたにだけ、こっそり紹介しちゃいます。 無料とは思えないほどの高品質イラスト素材なので、あまりいろんな人に教え...
【警告】コーヒー好きはカフェイン中毒の危険!毎日4以上飲む人は…!... 毎日、コーヒーを4杯以上は飲むというあなた!! 時々、頭が締め付けられるような頭痛がしませんか? 胃がムカムカ気持ち悪くありませんか? 気分がそわそわして落ち着かないことないですか? 健康診断で最近血圧が上がってないですか? 動悸がありませんか? こんな症状があるあら、もしかしたら...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.