Realistic Denim Texture

Post Pic

This tutorial is about creating a realistic denim texture from scratch by mixing grayscale layers using Blend Modes and Filters. So let’s start! Final Image Preview Step 1. To start create a new RGB document 900px wide x 1500px high, set the resolution to 150 ppi and the Background Contents to white. Set the Background [...]

This tutorial is about creating a realistic denim texture from scratch by mixing grayscale layers using Blend Modes and Filters. So let’s start!

Final Image Preview

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 1.

To start create a new RGB document 900px wide x 1500px high, set the resolution to 150 ppi and the Background Contents to white.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Set the Background Color on Color Picker dialog box to R:30, G:73, B:126.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Press Ctrl+Backspace (MAC: Command+Delete) to fill the Background Layer with blue color.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 2.

Create a New Layer by clicking on the icon at the bottom of the Layers panel.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Press Shift+Backspace (MAC: Shift+Delete) and select from Fill dialog box, 50% Gray to fill this layer with 50% gray.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Set Foreground and Background colors to default black and white by pressing D.

Step 3.

Select the Filter>Sketch>Halftone Pattern and set the Size – 1, Contrast – 0, choose Line for the Pattern Type, and click OK.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Create realistic denim texture from scratch in Adobe Photoshop CS4

Go to Filter>Pixelate>Mezzotint and select Fine Dots for Type and click OK.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 4.

Duplicate this layer by pressing Ctrl+J (MAC: Command+J). Press Ctrl+T (MAC: Command+T) to use Free Transform. Enter exact scale amounts by using the Options bar. Type 190 in the W (Width) text field and then press the Maintain Aspect Ratio button. The layer contents are scaled to exactly 190 percent. Specify 45 degrees in the Rotation text box to rotate the layer.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Hit Enter (MAC: Return) to accept the transformation.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 5.

Select Filter>Blur>Gaussian Blur to smooth out the rough detail.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Set the Blend Mode for Layer 1 copy to Multiply

Create realistic denim texture from scratch in Adobe Photoshop CS4

and for Layer 1 to Soft Light

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 6.

Next we’ll create a side seam in the denim texture. Create a new layer and using the Lasso tool (L), draw a selection as shown.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Press Shift+Backspace (MAC: Shift+Delete) and select from Fill dialog box, 50% Gray to fill this selection with 50% gray.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Press Ctrl+D (MAC: Command+D) to Deselect. Change the Blend Mode of this layer to Hard Light.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 7.

Next add a Layer Style by double-click on the Layer 2 thumbnail. Select Drop Shadow and set the next settings as shown (Opacity – 100%, uncheck Use Global Light, Angle – 180, Distance – 5px, Spread – 20%, Size – 100px)

Create realistic denim texture from scratch in Adobe Photoshop CS4

Add a Bevel and Emboss Layer Style and set the next settings as shown (Style – Inner Bevel, Technique – Smooth, Depth – 251%, Size – 9px, Soften – 4px, Angle to –30, Altitude – 53, Highlight Mode Opacity – 47%)

Create realistic denim texture from scratch in Adobe Photoshop CS4

Now you can click OK.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 8.

To bring more detail into the seam we’ll use the Dodge and Burn tools. Choose the Dodge tool (O), in the Options Bar, set the Brush size to 50px, Range – Midtones, Exposure – 20% and add small strokes of light areas along the edge.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Next select the Burn tool, in the Options Bar, set the Brush size to 60px, Range – Shadows, Exposure – 20% then add small strokes of dark areas.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 9.

Our realistic denim texture is done, we need to add stitching along the seam. Select Brush Tool (B) and click the Brushes panel icon at the right of the Options Bar or press F5. Choose the brush Charcoal Flat, then click on Brush Tip Shape and make the following adjustments: Diameter – 32px, Roundness – 18%, Hardness – 99%, Spacing – 636%.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Click on the Shape Dynamics and select following adjustments as shown:

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 10.

Create a new layer and use the Pen Tool (P) to trace in Path Mode what will soon be a stitch line along the seam.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Right-click, select Stroke Path

Create realistic denim texture from scratch in Adobe Photoshop CS4

select Brush, tick the Simulate Pressure box and press OK.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Create realistic denim texture from scratch in Adobe Photoshop CS4

Press Ctrl+H (MAC: Command+H) to hide the path.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Step 11.

Now double-click the icon on this layer (Layer 3) to add Layer Style, select Bevel and Emboss ( Style – Pillow Emboss, Technique – Smooth, Depth – 151%, Size – 10px, Soften – 0px, Angle – 120, check Use Global Light, Altitude – 30, Highlight Mode Opacity – 40%, Shadow Mode Opacity – 40%), and then click OK.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Create realistic denim texture from scratch in Adobe Photoshop CS4

Duplicate this layer by pressing Ctrl+J (MAC: Command+J). Select the Move Tool and drag the duplicated layer as shown.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Finally, create a new layer and add a label on it, I used Levi’s label from one of this photos and cut away the background with Pen Tool (P).

Create realistic denim texture from scratch in Adobe Photoshop CS4

Drag this layer below the layer with seam in Layer panel and using Move Tool move the label as shown.

Create realistic denim texture from scratch in Adobe Photoshop CS4

Final Image

Create realistic denim texture from scratch in Adobe Photoshop CS4

Download *.PSD file here.

No related posts.

Message from Test-King

Our 70-643 tutorial is about creating a realistic denim texture using Blend Modes and Filters. Get the expert 642-374 video and 642-384 guide for step by step learning.

...


16 Responses

09.23.09

pretty good except for the dodge and burn part, a bit strong and I’d probably change the blending mode on that to make it brighter and darker blue instead of opaque black and white on top of the seams

09.23.09

Nice tut. Super site. Please send to me your twitter username.

09.23.09

Ok, i’m follow you. :-)

09.23.09

Your Comments I’m enjoying your Denim effect and have gotten to step 10. I am stuck at this point. I can’t seem to make the stitching lines. Is it possible for you to go over this step in detail for me.

Thank you

09.23.09

Really cool! I live in Texas & I know blue jeans & this looked just like em when I finished.
Easy to understand tut- thanks sooooo much -jenn

09.23.09

excelente me encanto… de 10!!!!

09.23.09

nice work

09.23.09

Great work!.
When I try, I add a layer over Background, render cloud, mode Overlay and opacity 48%. That improve the contrast and look pretty real.

Excelent work, really.

09.23.09

there was another tut on denim texture before… the few first part is the same… except the stitches… you explain it better… and the stitches are more realistic… but the color you chose… kinda not resemble a levi’s :P

09.23.09

Thanks nice post.

09.23.09

Great & easy tutorial. Thanks for share

09.23.09

I love this but, I’m stuck on step 9. I don’t have a Charcoal Flat brush. Where can I get one?

09.23.09

Hi
i am new in illustrator .stuck up at step 4 . i am using cs4 version shortcut are not working .plz simplyfi step 4 .
thanks

09.23.09

nice post, it will help me greatly. thank

09.23.09

Many. many thanks!!!

09.23.09

Just came across this tutorial…nice job…I have the latest CS, but don’t see a brush charcoal flat…where can I get it download wise?

Leave Your Response

* Name, Email, Comment are Required