【テクスチャ】ゼロからつくる!木目調のテクスチャ

【テクスチャ】ゼロからつくる!木目調のテクスチャ

【Photoshop講座】ランダムに生成した模様をベースに、トーンカーブで縞状の木目模様を刻んでいきます。表面の質感や反射する光を加えて、生木にオイルフィニッシュを施したような色に仕上げましょう。


階調を分断して繰り返す!
色調補正ツールの [トーンカーブ] は、「あり得ない設定」も可能とするパフォーマンスを秘めています。何層にも重なった年輪の断面である木目模様は、階調を小刻みに分断して繰り返すことで表現します。

何もない状態から木目を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態から木目を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「木目調のテクスチャ」が作成できます。
[雲模様 1] を適用後に変形 (部分) → 何もない状態から木目を描く (部分)
プリセットをダウンロード!
作例では、[トーンカーブ] のプリセットファイルを用意しています。あらかじめ、プリセットファイル「wood_grain.amp」をダウンロードしてください。
基本がわかる!Photoshopの使い方
ダウンロードしたプリセットファイルの読み込みは、[トーンカーブ] ダイアログの [プリセットオプション] → [プリセットの読み込み] を選択します。
[プリセットの読み込み] を選択

[プリセットの読み込み] を選択

ベースを作成する

木目調のテクスチャは、ランダムに生成される [雲模様 1] を適用後に変形する技法を取ります。そのため、新しく作成するドキュメントには、変形前のカンバスサイズを設定します。
[ファイル] メニューから、[新規] を選択します。[新規ドキュメント] ダイアログで、[幅] に「128」pixel、[高さ] に「720」pixel、[解像度] に「300」pixel/inch、[カラーモード] に「RGB カラー」、[8 bit] を設定して、[作成] をクリックします。
[新規ドキュメント] ダイアログを設定

[新規ドキュメント] ダイアログを設定
新規ドキュメントを作成します。
新規ドキュメントを作成

新規ドキュメントを作成
幅は 1/10 を設定!
新規ドキュメントの [幅] には、仕上げサイズの 1/10 を設定します。これは、後の手順で、幅を引き伸ばす操作があり、必要としない領域の「容量」を節約するためのものです。
[レイヤー] パネルで、[新規レイヤーを作成] をクリックし、[レイヤー 1] を作成します。
[新規レイヤーを作成] をクリック

[新規レイヤーを作成] をクリック
[フィルター] メニューから、[スマートフィルター用に変換] を選択して適用します。
スマートオブジェクトを確認

スマートオブジェクトを確認
スマートオブジェクトとは?
[スマートフィルター用に変換] を適用すると、[背景] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、フィルター適用後の画像が再編集できます。
警告アラート

警告アラート
[雲模様 1] などの描画系フィルターは、元画像を必要としません。なので、ピクセルを含まない透明のレイヤーから、描画も含めたスマートオブジェクトを作成することが可能です。
このレッスンの動画を配信中!
【Photoshop講座】ゼロからつくる!木目調のテクスチャ
サムネールをクリックすると、YouTube 動画にリンクします。

雲模様の適用

[ツール] パネルで、[描画色と背景色を初期設定に戻す] をクリックし、描画色にブラック、背景色にホワイトを設定します。
[描画色と背景色を初期設定に戻す] をクリック

[描画色と背景色を初期設定に戻す] をクリック
[フィルター] メニューから、[描画] → [雲模様 1] を選択して適用します。
[雲模様 1] を適用

[雲模様 1] を適用
[レイヤー] メニューから、[スマートオブジェクト] → [スマートオブジェクトに変換] を選択して適用します。
[雲模様 1] を適用 → スマートオブジェクトに変換
模様替えのために!
フィルター適用後の画像が再編集できるスマートオブジェクトなので、仕上げの模様が気に入らない場合には「模様替え」ができます。
しかし、作例では、後の手順で幅を引き伸ばす操作があるので、[雲模様 1] などの描画系フィルターでは、元のサイズがキープできません。
元のサイズをキープするには、スマートオブジェクトの中にスマートオブジェクトを含む「入れ子構造」にすれば解決します。このようにしておくことで、同じ条件での [雲模様 1] が再実行できるようになります。

スマートオブジェクトの変形

[イメージ] メニューから、[カンバスサイズ] を選択します。[カンバスサイズ] ダイアログで、[幅] に「1280」pixel を入力して、[OK] をクリックします。
[幅] に「1280」pixel を入力

[幅] に「1280」pixel を入力
カンバスサイズを仕上げサイズに変更することができました。
カンバスサイズを仕上げサイズに変更

カンバスサイズを仕上げサイズに変更
[command (Ctrl)] + [T] キーを押して、変形のバウンディングボックスを表示します。
変形のバウンディングボックスを表示

変形のバウンディングボックスを表示
オプションバーで、[縦横比を固定] を無効にします。
[水平比率を設定] に「1025.00%」を入力し、[enter] キーを押して、変形を確定します。
[水平比率を設定] に「1025.00%」を入力

[水平比率を設定] に「1025.00%」を入力
雲模様を左右に引き伸ばすことができました。
雲模様を左右に引き伸ばす

雲模様を左右に引き伸ばす
拡大率に少し余裕を!
仕上げサイズ 1/10 からの拡大なので、10倍 (1000%) が正しい値ですが、後の手順で [ぼかし (移動)] を適用するので、拡大率に少し余裕を設けます。
拡大率に少し余裕を設ける

拡大率に少し余裕を設ける
拡大率は、カンバスサイズの幅より 32 〜 64 pixel 大きければ十分です。計算式は、(カンバスサイズの幅 + 余裕の幅) ÷ (カンバスサイズの幅) × 100 で求めることができます。
続きは↓下の番号をクリック!

12345

スポンサード リンク