Move to your canvas and create the following vector shape. Try to pierce the font circles through the middle as you can see below.

7
7a
7b

Step 8

Focus on the Layers panel, hold the Control button from your keyboard and then click on the thumbnail icon that stands for the text to load a simple selection around it.

Now, make sure that the blue vector shape is selected and click on the Add Layer Mask button.

Once you’re done, simply hit Control + D to clear your selection.

8
8a

Step 9

Open the Layer Style window for the blue vector shape and enter the settings mentioned in the next images.

For the Pattern Overlay section use the pattern created at the beginning of the tutorial.

9
9a
9b
9c
9d
9e
9f
9g
9h

Step 10

Change the foreground color to #21656C and pick the Ellipse Tool.

Move to your canvas and focus on the font circles half filled with the blue vector shape. Create a set of squeezed circles with the height set to 6 px and adjust the length according to those font circles.

Once you’re done, focus on the Layers panel, select all your vector shapes made in this step, click on one of it and go to Merge Shapes.

10
10a
10b
10c
10d

Step 11

Open the Layer Style window for the vector shape made in the previous step and enter the settings mentioned below.

11
11a
11b
11c

Step 12

Set the foreground color to #276A71 and make sure that the Ellipse Tool is still selected.

Move to your canvas, focus again on the half filled font circles and create a bunch of tiny circles ( 1x1px – 2x2px – 3x3px ) and spread them as you can see below.

12
12a
12b
12c
12d

Step 13

Change the foreground color to red ( #FF0000 ) and pick the Pen Tool.

Move to your canvas and create a vector shape that covers only the half filled circles.

13
13a
13b
13c
13d

Step 14

Create a new selection around the text, make sure that the red vector shape is selected and click on the Add Layer Mask button.

Hit Control + D to clear your selection, focus on the Layers panel and lower the Fill to 0%.

14
14a
14b

Step 15

Open the Layer Style window for the red vector shape and enter the settings mentioned below.

15
15a

Step 16

Change the foreground color to #2E2D36, pick the Rounded Rectangle Tool and set the Radius to 80px from the top bar. Move to your canvas, create a 1760x 660px vector shape and place it as you can see in the first image.

Pages: 1 2 3

6 responses to “How to Create a Cool Dot-Matrix Text Effect in Adobe Photoshop”

  1. chris Avatar

    AWESOME…VERY NICE TUTORIALS.

  2. xiomara Avatar
    xiomara

    how to add the multiple inner shadow to the same layer? i just can’t make it work…

  3. Trevor Garratt Avatar
    Trevor Garratt

    I would have never guessed that this result was so involved. Its probably a good thing that you made this tutorial.

  4. Benjamin Avatar
    Benjamin

    This makes for some really cool artwork on a website. even getting down to the detail like you have posted is such a cool look.

  5. Colin Avatar
    Colin

    Awesome..

  6. Lucas Campau Avatar
    Lucas Campau

    Wow, that seems like a very long process to get that look, BUT it is pretty fricken cool!

Leave a Reply

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading