Create text with the effect of camouflage fabric in Photoshop

In this tutorial, I will show you how to create text with a camouflage effect in Photoshop. You will also learn how to create patterns using filters and use them with layer styles to get the desired result.

If you do not want to perform the lesson, but you like this text effect, you can buy it on the GraphicRiver website.

The complete set contains eight different effects that can be applied to shapes and text.

1. Create a fabric pattern.

Step 1

Open Photoshop and create a new document with a size of 18 x 18 pixels.

Step 2

Change the foreground color to # 6b6b6b.

Step 3

Hit Ctrl + Shift + N to create a new layer. Then take Rectangle Tool (U) (Rectangle) and in the upper left corner draw a square measuring 6 x 6 pixels (for convenience, with the Ctrl + keys you can zoom in the document).

We need to draw the texture as shown below. Note that it consists of three different shades of gray: light # 6b6b6b, medium # 3f3f3f, dark # 121212. We continue to draw squares of 6 x 6 pixels each on a separate layer, until we fill the entire document 18 x 18 pixels.

Step 4

Move on Edit – Define Pattern (Editing – Define the pattern) and call our pattern “Fabric Texture”. Then click OK to save the pattern.

2. Create a camouflage texture

Step 1

Create a new document of 486 x 486 pixels.

Step 2

Hit the D key to reset the color to standard (black and white). Then go Filter – Render – Clouds (Filter – Rendering – Clouds).

Step 3

Move on Filter – Pixelate – Mosaic (Filter – Design – Mosaic). Install Cell Size (Cell size) at 18 and click OK.

Step 4

Move on Filter – Filter Gallery (Filter – Filter Gallery). In the category Artistic (Imitation) choose the filter Cutout (Application) and enter the following settings:

  • Number of Levels (Number of levels): 4 or 5 (try both values ​​and stop on which one you like more)
  • Edge simplicity (Simplicity of edges): 1
  • Edge fidelity (Sharpness of edges): 1

Step 5

Double click on the layer Background (Background) to unlock it. Then rename it to “Basis” and click OK.

Step 6

Double-click on the “Base” layer to open the window Layer Style (Layer style). Apply Pattern Overlay (Overlay pattern) with the following settings:

  • Blend Mode (Blend Mode): Hard Light (Hard light)
  • Opacity (Opacity): 52%
  • Pattern (Pattern): select the pattern created above (“Fabric Texture”)
  • Scale (Scale): 100%
  • Activate Link with Layer (Link with layer)

When finished, click OK.

This picture should be like this:

Step 7

Move on Window – Adjustments (Window – Correction) to open the panel Adjustments (Correction).

Step 8

Add Gradient Map (Gradient Map) by clicking on the last icon on the panel.

Step 9

Double click on the miniature of the gradient layer Gradient Map one (Gradient Map 1). Panel will appear Properties (Properties).

Step 10

On the property panel, click on the gradient bar to open the gradient editor.

You can experiment and choose other colors. I want to create a green texture.

Enter the following settings:

  • Color of the first slider: # 0c1005
  • Position of the first slider: 0%
  • The color of the second slider: # 8aa269
  • Position of the second slider: 51%
  • Color of the third slider: # e3efcc
  • Position of the third slider: 100%

Step 11

Select the layer “Basis” and turn Edit – Define Pattern (Editing – Define a pattern). Enter the name of the pattern “Camouflage” and click OK.

3. Create a pattern for the contour.

Step 1

Create a new 4 x 4 pixel document with a black background.

Step 2

We bring it closer to see every pixel. Then take Pencil Tool (B) (Pencil) with a size of 1 pixel and draw a white diagonal line from the upper left to the lower right.

Step 3

Move on Edit – Define Pattern (Editing – Define the pattern) and call the new pattern “Border”.

4. Apply Layer Styles

Step 1

Open the background image with a wooden panel from the downloaded archive.

Step 2

Take Type Tool (T) (Text), set the font on Aller Display and size – 179 pt. We write the word FABRIC (or any other) and place it on a wooden panel.

Step 3

Double click on the text layer to open the window Layer Style (Layer style).

We start with the application Pattern Overlay (Overlay pattern) so that we can clearly see the changes on the text.

Add a layer style Pattern Overlay (Overlay pattern) with the following settings:

  • Blend Mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Pattern (Pattern): select the texture created above (“Camouflage”)
  • Scale (Scale): 25%
  • Activate Link with Layer (Link with layer)

Step 4

Add a layer style Bevel Emboss (Emboss) with the following settings:

  • Style (Style): Emboss (Embossed)
  • Technique (Method): Smooth (Smooth)
  • Depth (Depth): 174%
  • Direction (Direction): Up (Up)
  • Size (Size): 4 px
  • Soften (Smoothing): 0 px
  • Uncheck with Use Global Light (Global coverage)
  • Angle (Angle): 90º
  • Altitude (Height): 48º
  • Gloss Contour (Gloss Outline): open the outlines, click on the gear icon and select Load (Download). Find the desired path in the downloaded archive.
  • Highlight Mode (Backlight mode): Screen (Lightening)
  • Color: #ffffff
  • Opacity (Opacity): 10%
  • Shadow Mode (Shadow mode): Normal (Normal)
  • Color classification: # 364928
  • Opacity (Opacity): 81%

Step 5

Add a layer style Stroke (Stroke) with the following settings:

  • Size (Size): 4 px
  • Position (Position): Outside (Outside)
  • Blend Mode (Blend Mode): Normal (Normal)
  • Opacity (Opacity): 100%
  • Uncheck with Overprint (Overlay)
  • Fill type (Stroke Type): Pattern (Pattern)
  • Pattern (Pattern): choose the pattern “Camouflage”
  • Scale (Scale): 25%
  • Activate Link with Layer (Link with layer)

Step 6

Add a layer style Inner Shadow (Inner shadow) with the following settings:

  • Blend Mode (Blend Mode): Linear Light (Linear light)
  • Opacity (Opacity): 2%
  • Uncheck with Use Global Light (Global coverage)
  • Angle (Angle): -27º
  • Distance (Offset): 6 px
  • Choke (Stinging): 6%
  • Size (Size): 8 px
  • Contour (Circuit): Linear (Linear)
  • Uncheck with Anti-Aliased (Smoothing)
  • Noise (Noise): 0%

Step 7

Add a layer style Inner Glow (Inner Glow) with the following settings:

  • Blend Mode (Blend Mode): Overlay (Overlap)
  • Opacity (Opacity): 20%
  • Noise (Noise): 0%
  • Color: #ffffff
  • Technique (Method): Softer (Soft)
  • Source (A source): Center (From the center)
  • Choke (Whip): 39%
  • Size (Size): 27 px
  • Contour (Circuit): Linear (Linear)
  • Uncheck with Anti-Aliased (Smoothing)
  • Range (Range): 85%
  • Jitter (Oscillation): 0%

Step 8

Add a layer style Outer Glow (External Glow) with the following settings:

  • Blend Mode (Blend Mode): Linear Light (Linear light)
  • Opacity (Opacity): 100%
  • Noise (Noise): 59%
  • Color: # 969c8e
  • Technique (Method): Softer (Soft)
  • Spread (Swipe): 100%
  • Size (Size): 4 px
  • Contour (Circuit): Linear (Linear)
  • Activate Anti-aliased (Smoothing)
  • Range (Range): 100%
  • Jitter (Oscillation): 0%

Step 9

Add a layer style Drop Shadow (Shadow) with the following settings:

  • Blend Mode (Blend Mode): Normal (Normal)
  • Color classification: # 000000
  • Opacity (Opacity): 100%
  • Uncheck with Use Global Light (Global coverage)
  • Angle (Angle): 146º
  • Distance (Offset): 1 px
  • Spread (Swipe): 26%
  • Size (Size): 10 px
  • Contour (Circuit): Linear (Linear)
  • Uncheck with Anti-Aliased (Smoothing)
  • Noise (Noise): 0%
  • Activate Layer Knocks Out Drop Shadow (The layer knocks out the shadow)

Step 10

Click OK to close the window with layer styles. Select the text layer and press Ctrl + J to duplicate it. We call the copy “Camouflage top”.

Step 11

Click the right mouse button on the “Camouflage Top” layer and select Clear layer style (Clear layer style). Then double click on the layer to apply new layer styles.

Add Bevel Emboss (Emboss) with the following parameters:

  • Style (Style): Emboss (Embossed)
  • Technique (Method): Smooth (Smooth)
  • Depth (Depth): 174%
  • Direction (Direction): Up (Up)
  • Size (Size): 4 px
  • Soften (Smoothing): 0 px
  • Uncheck with Use Global Light (Global coverage)
  • Angle (Angle): 90º
  • Altitude (Height): 48º
  • Gloss Contour (Gloss Outline): select the downloaded outline from the archive
  • Activate Anti-Aliased (Smoothing)
  • Highlight Mode (Backlight mode): Screen (Lightening)
  • Color: #ffffff
  • Opacity (Opacity): 0%
  • Shadow Mode (Shadow mode): Normal (Normal)
  • Color: # 4d6326
  • Opacity (Opacity): 15%

Step 12

Add Stroke (Stroke) with the following parameters:

  • Size (Size): 2 px
  • Position (Position): Outside (Outside)
  • Blend Mode (Blend Mode): Linear Dodge (Add) (Linear clarifier (Add))
  • Opacity (Opacity): 45%
  • Uncheck with Overprint (Overlay)
  • Fill type (Stroke Type): Pattern (Pattern)
  • Pattern (Pattern): select the “Border” pattern (this will create a seam effect on the edge of the text)
  • Scale (Scale): 200%
  • Activate Link with Layer (Link with layer)

Step 13

Add Inner Shadow (Inner shadow) with the following parameters:

  • Blend Mode (Blend Mode): Soft Light (Soft light)
  • Color classification: # 000000
  • Opacity (Opacity): 20%
  • Uncheck with Use Global Light (Global coverage)
  • Angle (Angle): -27º
  • Distance (Offset): 0 px
  • Choke (Stinging): 62%
  • Size (Size): 10 px
  • Contour (Circuit): Linear (Linear)
  • Uncheck with Anti-Aliased (Smoothing)
  • Noise (Noise): 0%

Step 14

Add Inner Glow (Internal glow) with the following parameters:

  • Blend Mode (Blend Mode): Overlay (Overlap)
  • Opacity (Opacity): 4%
  • Noise (Noise): 0%
  • Color: #ffffff
  • Technique (Method): Softer (Soft)
  • Source (A source): Center (From the center)
  • Choke (Choking): 53%
  • Size (Size): 16 px
  • Contour (Circuit): Linear (Linear)
  • Uncheck with Anti-Aliased (Smoothing)
  • Range (Range): 85%
  • Jitter (Oscillation): 0%

When finished, click OK.

Congratulations, we are done!

In this lesson, you learned how to create a camouflage effect on text in Photoshop.

We started with creating a fabric texture, then we drew a camouflage texture and merged them together. After that, we created a third texture for the border. Then apply layer styles using all three textures.

Remember to save the used layer styles so that you don’t have to re-enter them to create this text effect.

Hope you enjoyed this tutorial. Feel free to leave comments below and share your work.

The created text effect is part of a large set of styles with the effect of various fabrics.

Like this post? Please share to your friends: