Advertisement
Effects

Quick Tip: Create a Wood Panel Texture in Photoshop

by

In today's quick tip tutorial we will demonstrate how to create a wood panel texture in Photoshop. Let's get started!


Step 1

Start by opening a new document. For this tutorial, I chose 900 x 600 pixels with a transparent background. Fill the document with #473722


Step 2

Duplicate layer 1 and name this duplicate "fibers". Set your foreground color to #746045, and then go to Filter > Render > Fibers and use the following settings:


Step 3

Hit "OK" and you should end up with the following:


Step 4

Duplicate the previous layer and name it "knots". We are now going to add what I call knots in the wood. To do this, go to Filter > Liquify. In the upper left-hand panel, select the Twirl Clockwise Tool (C). On the right side panel, your settings may differ from mine depending on the size you made your document, but for the sake of this tutorial your settings should match mine: Brush Size - 151, Brush Density - 62, Brush Pressure - 100, Brush Rate - 50. Leave all other settings as is. On your document, click in the desired spot and quickly drag upwards or downwards with your mouse button still pushed. You should have something similar to this:


Step 5

Make a new layer and name it "separator 1". We are now going to make the notches or separators in the paneling. Select the rectangular marquee tool
and set it to a fixed ratio with a width of 4px and height of 600px and then place it somewhere near the left side of your document. Fill this block with #806d53.
Should look like the following:


Step 6

Now we make the line look more realistic! Double click the separator 1 layer to bring up the blending options and match it with the following settings:


Step 7

Duplicate your first separator about 4 different times and place them so that they're not evenly spaced. For added touches, you can place some text that
looks as if it was carved in, like so:


Final Image

You're all finished! I hope you enjoyed this tutorial.

Related Posts
  • Design & Illustration
    Icon Design
    Create an Address Book Icon in PhotoshopAddressbookiconpreviewimage
    In this tutorial, I will show you how to create an address book icon using Adobe Photoshop. I will begin by explaining how to set up a simple grid, and how to take full advantage of the Snap to Grid feature. Next, I will explain how to create a set of simple vector shapes and how to color them using basic Layer Style attributes and some Photoshop pattern presets. Finally, I will show you how to add subtle shading and highlights using basic blending techniques and simple effects. Let's get started!Read More…
  • Design & Illustration
    Character Design
    Create a Fun Cartoon Character Face in Adobe IllustratorCartoonfacepreview
    In the following steps you will learn how to create a fun character face in Adobe Illustrator. Read More…
  • Design & Illustration
    Designing
    Present Your Artwork in a Vector Frame in Adobe IllustratorPosterframepreview
    In the following steps you will learn how to create a simple poster frame with a grungy brick wall background in Adobe Illustrator. Read More…
  • Design & Illustration
    Interface
    Create a Mobile Checkers Game Interface in Photoshop0959 checkers preview400
    In this tutorial, I will show you how to create an interface for a mobile checkers game in Photoshop. I will begin by showing you how to set up a simple grid. Then, I will explain how to create the main components of the interface using vector shapes and Photoshop's snap to grid functionality. Finally, I will show you how to add shading, highlights, and texture using Layer Styles. Let's get started!Read More…
  • Design & Illustration
    Text Effects
    Danger! Danger! High Voltage! Create an Electric Text Effect in IllustratorElectricitytextpreview400x400
    In the following steps you will learn how to create an electricity text effect in Adobe Illustrator. For starters you will learn how to setup a simple grid and how to create a pretty simple pattern brush and a bunch of thin art brushes. Next, using a free font and taking full advantage of the Appearance panel you will learn how to create the main text shapes. Moving on, you will learn how to save your own graphic styles and how to cleverly use them. Using the brushes made in the beginning of the tutorial you will learn how to add a few wires and some simple electricity sparks. Finally, using basic blending techniques along with some radial gradients you will learn how to add a darker look for the overall illustration. Read More…
  • Design & Illustration
    Text Effects
    Create a Christmas, Knitted Text Effect in Adobe IllustratorKnittedtexteffectpreview400x400
    In the following steps you will learn how to create a knitted text effect in Adobe Illustrator. For starters you will learn how to setup a simple grid and how to create a set of art brushes. Next, using these little brushes, some basic grouping techniques and two Transform effects you will create the main knits. Moving on, using a bunch of Transform effects and a simple rectangle you will create the knitted background and text. Finally, taking full advantage of the Appearance panel and using two raster effects along with some basic blending techniques you will learn how to add the subtle fabric texture. Read More…