Pin It

Creating Roller Shutter in Photoshop

Advertisement

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
Advertisement


  • http://mobilethemesworld.net/ TheShadow

    Wow!!!!!! Marvelous tutorial.This is what i was looking for.Thanks for sharing

  • http://fiveholiday55.blogspot.com Helen Sam

    That’s one cool tutorial. I just started learning web development technologies and think this will give me an idea for a cool design.

    Nice call.

  • http://www.dogfoodanswers.com/ Justin

    That was awesome. It was really helpful for me, thank you. I can use that with my own photoshop work.

  • Brock

    This was an amazing help for me! Thanks a lot!

  • Anu

    supercool…..m juz a beginner n dis tutorial helped me a lot!

  • http://musingsofaministerswife.com Melinda Martin

    You did an excellent job putting this together. Thank you! I now have the side of a red barn with some beautiful green grass : )

  • ahmed

    this is so helpful
    many thanks