How to Create a Cool Dot-Matrix Text Effect in Adobe Photoshop

How to Create a Cool Dot-Matrix Text Effect in Adobe Photoshop
How to Create a Cool Dot-Matrix Text Effect in Adobe Photoshop

With the same tool, lower the Radius to 75px, create a 1700x 600px vector shape and place it in the center of the rounded rectangle that you have created before.

16
16a

Step 17

Focus on the Layers panel, select the vector shapes made in the previous step, right click on one of it and go toMerge Shapes.

Pick the Path Selection Tool, select the 1700x 600px vector shape, focus on the top bar and go to Subtract Front Shape.

17
17a

Step 18

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

18
18a
18b
18c
18d

Step 19

Change the foreground color to #226167, and pick the Pen Tool. Move to your canvas and create the following vector shape.

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

Make sure that the blue vector shape is still is selected and click the Add Layer Mask button.

19
19a
19b

Step 20

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

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

Step 21

Set the foreground color to #21656C, pick the Ellipse Tool, create two, 30x 8px vector shapes and place them in the highlighted places.

Focus on the Layers panel, select the vector shapes made in this step, right click on one of it and go to Merge Shapes.

21
21a
21b

Step 22

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

22
22a
22b

Step 23

Finally, change the foreground color to #226167, pick the Ellipse Tool and create several small circles roughly as shown below.

23

Final Results

final-results

Download the PSD

[vc_column width="1/1" el_position="first last"] [vc_cta_button title="Download" href="https://downloads.photoshoptutorials.ws/Aqua Text.zip" color="btn" size="btn-large" icon="none" target="_self" position="cta_align_right" call_text="Aqua Text.zip | 1.60 MB" width="1/1" el_position="first last"] [/vc_column]

Tutorial by Razvan Gabriel

razvangabriel_profile

I hope you've enjoyed this tutorial and you can apply these techniques in your future projects. Thank you for reading this tutorial ! See my portfolio here: MySketch.net

- Razvan Gabriel

Pages: 1 2 3

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

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

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

  2. 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.

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

Leave a Reply

Your email address will not be published. Required fields are marked *

cross