Log in

25 June 2011 @ 07:36 pm
Large Texture Tutorial  

How to create this texture from scratch in Photoshop.

Using default Photoshop filters (ability to create Photo Filter layers required, starting from CS3+ I think), gradients, shortcuts and actions.

I only have the german version of Photoshop and I hope I translated everything correctly. Let me know if anything is unclear.

#01 Create a new document with dimensions of your choice (mine is 800 x 600px).

First I created a gradient fill layer (my settings: radial, 90°, scale 132% from #e2d1c6 to #c5b6b3).

#02 To add more texture I added a cloud render. For that press D to reset the background and foreground colors to black and white, create a new layer and go to Filter -> Render -> Clouds.


#03 Then I applied a motion blur to that layer. Got to Filter -> Blur -> Motion Blur (my settings: angle 0°, distance 600px). I duplicated that layer with CTRL+J and set the copy to Multiply 60. Click CTRL+E to merge the duplicated layer with the original one.

For even more texture I added some noise. Go to Filter -> Noise -> Add Noise (my settings: amount 2%, distribution gaussian, monochromatic). Then I set the opacity of this layer to Soft Light 60%.


#04 Now we'll create the lines. Create a new layer and select the Single Row Marquee Tool to make a selection at the middle.

Use the bucket tool to fill this selection with a grey tone (my settings: #999999).

#05 To make this line curvy go to Filter -> Distort -> Twirl and use an angle you like (my setting: 50°).


#06 To get this wave as a pattern we have to duplicate it many times. For that I created an action. Go to Window –> Actions (or press F9). To create a new action click on the symbol next to the trash bin. I named this one "upwards" and hit Record. Select the layer with the wave, press CTRL+J to duplicate it, press CTRL+Shift+Arrow Up to move it up 10px and then press the Stop button to stop recording the action.

Now let's try our action. Press the little Play button to see what we just recorded. Press the Play button multiple times until your waves reach the top of the document.

You will have plenty of copied layers in your layers palette now. To clean that up hide all layers that are no copy of the wave (background, gradient, texture, wave). Press CTRL+Shift+E to merge all visible layers. Make all layers visible again.

Now we still have to fill the bottom of the document. Select the layer with your original curve and create a new action “downwards”. Record pressing CTRL+J and CTRL+Shift+Arrow down to move it down 10px now. Use this action until your document is completely filled with waves.

Clean up your layers palette by hiding all layers that have nothing to do with the curves and press CTRL+Shift+E again.

#07 To finally add some color create a new gradient fill layer (my settings: linear, 90°, scale 100%, #d6363e to #4ecdc4 to #b9e15c) and set that layer to Overlay 100%

#08 I want more texture so set your foreground color to #666666, create a new layer and apply the cloud render filter again (Filter -> Render –> Clouds). Also use Filter -> Blur -> Motion Blur again (I used a distance of 500px this time). Set that layer to Color Burn 40%.

#09 Then I added a Photo Filter layer (my settings: cyan) an set that layer to Multiply 100%.

#10 To add some dark edges to the image I added another gradient fill layer (radial, 90°, scale 150% from transparent to black) and set that layer to Soft Light 50%.


#11 Now it’s time for some finishing touches. I double-clicked the Waves layer to open the layer styles. I checked Color Overlay and changed the color to white with an opacity of 50%. Back in the layer palette I set it to Soft Light 70%.

My layer palette for your reference:


gabi_smgabi_sm on June 29th, 2011 03:08 am (UTC)
very helpful!
thanks for sharing. :)