fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Cardboard Texture Photoshop Tutorial

www.psd-dude.com
Tutorials Textures and Patterns 30654 Views May 27th, 2011

If you ever wonder how to make a cardboard texture here you have a quick tutorial that shows you exactly how to create a realistic cardboard texture in just 5 minutes. It looks pretty good for a cardboard paper made entirely from scratch.

If you are not pleased with the result you can always check out our other cardboard related articles and tutorials.

Advertisment

Ok, let's start! Create a new document with whatever size you want for your texture. I choose 600x450 pixels so that it feets on my blog. Create a new layer called Background and fill it with a cardoard related color. I picked #d9a861, but there are so many beautiful tone colors to pick from.

Duplicate this layer and call it Pattern Layer. Obvious I will add a pattern to this layer but first I have to create this pattern.
I will make a simple pattern with vertical lines. Open a new PSD file 20x20 pixels size. Add a rectangular shape on half of the image, color #b68728.
At the center of the image add a vertical line of 1px, color #9c7b21. Delete the Background layer to obtain a transparent background.
Go to Edit , Define Pattern menu and name it Cardboard. Close this file without saving it because was already saved in our Patterns List.
Return to the previous file and open the Layer Style of the Pattern Layer and add Pattern Overlay. Choose the Cardboard Pattern and scale it to 35%.


Set the Fill of the Pattern Layer to 0%. This is how the texture looks so far:


Right click on the Pattern Layer and choose Convert to Smart Object. I want to distort a little the straight lines so that the texture to look more
real. Go to Filter, Distort, Ripple and make the following settings:


Duplicate the Background layer and place it above all the other layers. Add Filter, Noise, Add Noise like in the image:


Finally add Dust&Scratches from the Noise Menu. Set the opacity of this layer to 40%.


To obtain an even better result add a Gradient Overlay, style Radial to obtain a beautiful image vignette.

Here is the result for Cardboard Texture.

You can see in the image below that the real texture and the hand made texture are pretty similar. You can download the PSD file if you want. The file was made using Photoshop CS4 and it contains different layers for every step of this tutorial. The PSD has 2.54 MB size.

DOWNLOAD! PSD FILE (2.54 MB)

If you're looking for an effective way to learn with Photoshop fast, explore Envato Elements, the Netflix of designers and its 1000+ courses. Apart from getting state-of-the-art educational material right at your fingertips, you also get the key to a growing digital library of 22,000+ hand selected items with unlimited downloads for just $29 per month!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

6 comment(s) for "Cardboard Texture Photoshop Tutorial"

john
7:00 AM Friday, June 03, 2011
Nice! I downloaded the PSD file
thank you for sharing reply
PsdDude
3:23 PM Saturday, August 20, 2011
you're welcome ! reply
carlos
3:24 PM Saturday, August 20, 2011
Nice, thanks a lot! reply
Shabnum Khan
Shabnum Khan
12:54 AM Wednesday, January 09, 2013
Very simple but very very nice tutorial. reply
Stephanie
Stephanie
3:20 AM Thursday, September 12, 2013
Great work PSD dude! reply
Oceane
Oceane
10:17 AM Wednesday, February 04, 2015
Cool, so easy and looks good, thanks! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create an old film effect in Photoshop using textures, adjustments and filters. You can...
Free grunge textures and backgrounds that can be used in all kind of commercial projects. All these ...
Learn how to create the draw in sand effect from this easy to follow Photoshop tutorial for beginner...
Create digital Bokeh effect in Photoshop with these beautiful free bokeh textures. In photography, b...

      3D Isometric Toy Bricks Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Dispersion with Real Images Photoshop Action
top