意外と簡単！Photoshopで木目を描く方法【初心者向け】
Photoshopで【木目】を描く方法を初心者向けに解説した記事です。今回は、画像から新しくパターンを作成し塗りつぶしツールで使用する方法と、木目テクスチャ用の画像をオブジェクトにそのまま貼り付ける方法の2つを紹介します。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
Photoshopのさまざまな合成機能を使って、画像の一部を木目調にすることができます。
今回は、画像から新しくパターンを作成し塗りつぶしツールで使用する方法と、木目テクスチャ用の画像をオブジェクトにそのまま貼り付ける方法の2つを紹介します。
なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。
田島メンター！！床とか壁に使われるような、木目っぽい表現の画像を作りたいんですが……
ブラシツールを使う手もあるけれど、範囲が大きい場合は写真などの素材を利用するのがいいかもしれないね。
素材が用意できたら、次はどうしたらいいんですか～？
木目の写真を実際に画面に適用させる方法として、パターンによる塗りつぶしの方法とテクスチャを使った方法のふたつを見てみよう。
パターン作成から塗りつぶしツールを使う方法
写真などの一部から新規にパターンを作成し、それを塗りつぶしツールを使って画像に適用させる方法です。
素材にする木目の画像を開いた状態で左のメニューから選択範囲作成アイコンを右クリックし、「長方形選択ツール」を選びます。
パターンとして使用したい部分を選択してください。
選択範囲が作成された状態で「編集」をクリックします。
さらに「パターンを定義」を選択します。
これでパターン作成のダイアログが表示されます。今回は「木目」と名前をつけて「OK」をクリックしました。
次に木目調にしたい画像を開き、パターンを適用させたい部分を自動選択ツールなどで範囲作成しましょう。
左のメニューから「塗りつぶしツール」を選択します。
塗りつぶしの種類を「パターン」に変更し、先ほど作成した「木目」を選択してください。
選択範囲の中でクリックして塗りつぶします。
これで作成したパターンが画像に適用されました。
1つ目の方法は以上です。
パターンによる塗りつぶしを利用した方法だよ。
塗りつぶしツールにはこんな使い方もあったんですね！
このようにパターンは自分でいくつでも追加できるので、使いたい素材や表現方法があったら普段からストックしておくといいかもしれないね。
テクスチャ用画像をオブジェクトに適用させる方法
木目画像をオブジェクトの形に直貼りしていく方法です。
まず、適用させたい木目の画像を用意します。
今回はこちらの画像を例として使用します。
次に、木目調にしたい画像を用意します。適用させる部分以外は透明の状態になっています。
テクスチャに使用する画像のレイヤーを上に、適用させたいオブジェクトのレイヤーを下に配置します。
(この時、オブジェクトがテクスチャのレイヤーからはみ出している場合は拡大縮小などで調整します)
テクスチャに使う木目画像のレイヤーを選択した状態で、オブジェクトのレイヤーを下図の赤丸の部分へドラッグしてください。
これでオブジェクトに木目の画像が適用されました。
さらに下にレイヤーを追加し、白で塗りつぶした状態にしました。透過の部分は下レイヤーの状態が反映されます。
今回の記事は以上です。
テクスチャを使用した方法では、元の木目画像の向きや大きさなどを変えることで色々違った表現をすることができるよ。
シルエットに画像を適用させるだけで、こんなに雰囲気が変わるんですね。
パターンやテクスチャに使用する画像は、著作権に関する問題がないように自分で撮ったものやフリー素材などを使おうね。
はい！気をつけます！
さらにPhotoshopを使いこなしたい場合は、Photoshopでレイヤーマスクを描画する方法も合わせてご覧ください。
TechAcademyでは初心者でもフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。
現役デザイナーに毎日チャットで質問することができます。
