1. Home
  2. Design School
  3. Camouflage Pattern in Photoshop

Camouflage Pattern in Photoshop

Posted on 26th November 2018
For this tutorial you may want to get an image as color reference.

1 - In Photoshop create a “New Document”, make it 2000 x 2000 Pixels @300 Pixels/Inch and with a “Transparent” Background.

2 - Open the image you want to use as color reference, click o top of the “Foreground” Thumbnail and sample the color you want to use for the “Background” (we used #1d2129). You can check the other colors and write down their Hex Number to use it later.

3 - Select the “Paint Bucket Tool” (G) and click on your canvas to fill it with the “Foreground” color.

4 - Create a “New Layer” by clicking on the small button at the bottom of the “Layers Panel”. Make sure that the ““Foreground” and “Background” colors are reset to default by clicking on the small icons on the Top-Left of the Thumbnail in the Toolbox (D) and go to Filter > Render > Clouds...

5 - Go to Image > Adjustments > Threshold… and use a “Threshold Level” of 128.

6 - Go to Select > Color Range… Select “Sampled Colors”, set the “Fuzziness” to 200 and use the first eyedropper to select a spot on the white areas as your sample.

7 - Go to Select > Modify > Smooth… use a “Sample Radius” of 15 pixels, then delete your selection by clicking “Delete” and “Deselect” (Command/Control + D).

8 - Create a “Duplicate” of your layer (Command/Control + J), go to Edit > Transform > Rotate 90° Counter Clockwise”.

9 - Hide your first “Duplicate” by clicking on the small eye icon on the left side of its thumbnail. Select your original layer again and create a second “Duplicate”. Edit > Transform > Rotate 180°. Hide the original layer to check out the placement of your duplicate.

10 - Turn back on all your layers, double-click on the first one from bottom to top (not counting the “Background” Layer) and apply the following “Layer Styles”:

Color Overlay: (#e4e6e5).

Repeat with the next Layer but this time use:

Color Overlay: (#597c9c).

And finally, with the Top Layer use:

Color Overlay: (#9ca7b0).

11 - You can rearrange the order of the Layers to achieve different results.

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image