HomeTrainingReviewsStoreTutorialsArticlesTipsFAQLinksBlog
Page 1  |  Page 2  |  Page 3

Stone Wall - viewed 124,261 times

Page 1 / 2 / 3 / 4

Introduction

This Photoshop tutorial shows how to create a stone texture and how to use this same texture to create a stone wall. The same texture can also be used as to create a stone floor. The main goal of this tutorial is to teach you how to create a texture from scratch without using any photographs.

 

1. Create a texture

Open a new file in Photoshop. I selected a size of 600x400 because it's easier for me to write a tutorial with this small size, but you can select any larger size you want.

Click on the foreground color in the tool bar ...

Foreground Color

...to open the Color Picker window.

Enter the value 5C4110 (dark brown) in the box marked with A and click on OK:

Color Picker window

Select the Paint Bucket tool Paint Bucketin the tool bar and click once inside your document window to fill the background layer with this dark brown color.

Select in the menu Filter / Texture / Texturizer... and use the following settings:

Texturizer Settings

Click on the Create new fill or adjustment layer icon Fill Layerat the bottom of your layers palette and select Solid Color...
Select the color value 8B7B5A (medium brown) and click on OK.
The layer mask attached to this layer should be active right now (double border). Click on it once if it doesn't have this double border.

Press the letter D on your keyboard to make the fore- and background color black and white.

Select in the menu: Filter / Render / Clouds

Select in the menu: Filter / Pixelate / Mezzotint...
In the Mezzotint window, select for Type Course dots and click OK:

Mezzotint

 

Click on the Add a layer style icon Layer Styleat the bottom of your layers palette and select Bevel and Emboss...
The default values I changed (marked with red) are:

  • Style: Outer Bevel
  • Technique: Chisel Hard
  • Size: 6 px

Normally there shouldn't be any need to change the other values as long as your Photoshop version is using the same default values (double check):

Layer Style 1

Click OK when you're done.

The resulting image should look something like this:

Texture 1

Important: The above image is only part of the original image. The reason why I'm not showing you the original image that we're working on is because images like these (textures) tend to compress rather poor when saved with Jpeg. An image this size saved with average Jpeg compression is about 30KB. If I would have used the original image then it would have been 115KB. So in order to save bandwidth and to make pages load faster I will only show a small part of the original image.

We're now going to repeat what we've done earlier: click on the Create new fill or adjustment layer icon Fill Layerat the bottom of your layers palette and select Solid Color...
This time we select the color value DFC184 (beige/orange). Click on OK.
The layer mask attached to this layer should be active right now (double border). Click on it once if it doesn't have this double border.

Press the letter D on your keyboard to make the fore- and background color black and white.

Select in the menu: Filter / Render / Clouds

Select in the menu: Filter / Pixelate / Mezzotint...
In the Mezzotint window, select for Type Course dots and click OK:

Mezzotint

Click on the Add a layer style icon Layer Styleat the bottom of your layers palette and select Bevel and Emboss...
The default values that I changed (marked with red) are:

  • Technique: Chisel Hard
  • Size: 0 px
  • Gloss Contour: click on the black triangle in the marked area to change select the setting shown here.
  • Highlight Mode: Overlay
  • Shadow Mode: Linear Burn

Normally there shouldn't be any need to change the other values as long as your Photoshop version is using the same default values (double check). Make sure that you don't click on OK yet after you've entered the correct values.

Layer Style 2 - Bevel and Emboss

 

The next effect that we need to change is the Satin effect, so select it in your Layer Style window:

Select Satin

 

The default value that I changed (marked with red) is:

  • Contour: click on the black triangle in the marked area to change select the setting shown here.

Layer Style 2 - Satin

You can now click on OK to close the Layer Style window.

Change the blending mode of this current layer to Soft Light (A):

Soft Light

 

At this time we should have something like this:

Texture 2

 

We have just created the texture that we're going to use for our wall.

With the top layer being the active layer, add a new layer by clicking on the Create a new layer icon New Layer at the bottom of your layers palette.

Press Ctrl + Alt + Shift + E (Command + Option + Shift + E on the Mac) to merge all visible layers on the current layer.
Double click on the layer's name in the layers palette and rename it to Wall Background.
Duplicate this layer by clicking on its thumbnail and while holding down the mouse button dragging and dropping it on the Create a new layer icon New Layer at the bottom of your layers palette:

Layers Palette

Double click on the layer's name in the layers palette and rename it to Texture .
Click once on the eye icon Eye Iconin front of this layer to make it invisible.

Click once on the thumbnail of the Wall Background layer to make it the active layer.
Click on the Create a new fill or adjustment layer icon Adjustment Layerof the layers palette and select Brightness/Contrast...
Enter the value -80 for Brightness and the value -50 for Contrast and click on OK:

Brightness and Contrast

Page 1 / 2 / 3 / 4

Home | Training | Reviews | Store | Tutorials | Articles | Tips | FAQ | Links | Blog
Partner Sites
Photoshopsupport
W3C XHTMLW3C CSSExplorerFirefoxOperaRSSRSS Valid