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

Pin It on Pinterest

Share This
Sign up for our Newsletter

Signup today for free and receive all new free tutorials published at Photoshop Star.



Subscribe!