Creating Roller Shutter in Photoshop

On this tutorial you will learn to create a realistic wood roller shutter texture using only Photoshop Tools.

Final Image Preview

Creating Roller Shutter in Photoshop

Step 1

Create a new document with 800px width and 500px height. Fill background with linear gradient using Gradient Tool.

Creating Roller Shutter in Photoshop 1
Creating Roller Shutter in Photoshop 2

Step 2

Apply Filter > Noise > Add Noise with following settings:

Creating Roller Shutter in Photoshop 3
Creating Roller Shutter in Photoshop 4

Step 3

Apply Filter > Blur > Motion Blur with following settings:

Creating Roller Shutter in Photoshop 5
Creating Roller Shutter in Photoshop 6

Step 4

Select Crop Tool and remove borders of our background texture by cropping each side.

Creating Roller Shutter in Photoshop 7

After cropping your image should look like mine:

Creating Roller Shutter in Photoshop 8

Step 5

Now we are going to increase constrat. Go to Image > Adjustments > Brightness/Contrast:

Creating Roller Shutter in Photoshop 9
Creating Roller Shutter in Photoshop 10

We need to reduce light intensity so go to Image > Adjustments > Hue/Saturation.

Creating Roller Shutter in Photoshop 11
Creating Roller Shutter in Photoshop 12

Step 6

Apply Filter > Sharpen > Sharpen.

Creating Roller Shutter in Photoshop 13

Step 7

Select one Hard Round Brush, 3 pixels and set foregound color to black color (#000000). Draw several lines and when drawing hold Shift key to make them straight.

Creating Roller Shutter in Photoshop 14

Go to Layer > Blending Options and apply following styles:

Creating Roller Shutter in Photoshop 15
Creating Roller Shutter in Photoshop 16
Creating Roller Shutter in Photoshop 17

Step 8

Select Rectangular Marquee Tool and select area as shown below.

Creating Roller Shutter in Photoshop 18

Create new layer and fill selected area with black color (#000000).

Creating Roller Shutter in Photoshop 19

Step 8

Select a soft-edged brush with 80 pixels and opacity 70%. With Eraser Tool selected clean up lower edge of the black area.

Creating Roller Shutter in Photoshop 20

Change Layer Blending Mode to Soft Light and we get a deep shadow.

Creating Roller Shutter in Photoshop 21

Copy layer with Ctrl+J and move it to next line. Repeat process till you have all lines with shadow.

Creating Roller Shutter in Photoshop 22

Step 9

Create new layer on top. Select Brush Tool and Grass Brush (it is one of standard brushes that comes with Photoshop). Change foreground color to green (#00ed00) and draw some grass.

Creating Roller Shutter in Photoshop 23

Apply Drop Shadow by going to Layer > Layer Style > Drop Shadow.

Creating Roller Shutter in Photoshop 24
Creating Roller Shutter in Photoshop 25

Final Image

Apply Filter > Sharpen > Sharpen and this tutorial is over and we got a realistic wood roller shutter.

Creating Roller Shutter in Photoshop

Learn more about Photoshop

Subscribe below to get an email when we post new content.

    We respect your privacy. Unsubscribe at any time.