Designs Graphics How-To Tutorials

How to Create a Lighted Mosaic Wall

This tutorial is here to teach you how to create an image that has the effect of a lighted mosaic wall perhaps in a club or bar. Like many other tutorials, this one will teach you the basics. Once you know the basics, you will be able to use the same principle in creating mosaics with different shapes and different colors.


How to Create a Lighted Mosaic Wall

Step 1: Create a new document that’s big enough for you to work on. I usually settle for a horizontal orientation of the short coupon bond. But you can go bigger if you want. Just make sure that the squares you will be producing is big enough for you to work on. Pour a black paint, all zeroes. Label it BACKGROUND.

step 1

Step 2: Click WINDOW. Click ACTIONS. Click NEW ACTION. Start recording.

step 2 a

step 2 b

Step 3: Create a new layer. Click FILTER. Click RENDER. Click CLOUDS. Click LAYER MODE. Click SCREEN.

step 3 a

step 3 b

Step 4: Click FILTER. Click PIXELATE. Click MOSAIC. Cell Size should be 80 square.

step 4 a

step 4 b

step 4 c

[ad name=”bnr-middle-post”]

Step 5: Click FILTER. Click SKETCH. Set the FOREGROUND LEVEL to 50

step 5 a

step 5 b


Step 7: Repeat the action about eight times to take out all the black areas. You should get this:

step 7 a

step 7 b

Step 8: Merge all layers except the Background layer.

Step 9: On the Mosaic layer, click FILTER. Click SKETCH. Click PHOTOCOPY. Detail should be no more than 24 and Darkness should be no more than 1.

step 9 a

step 9 b

step 9 c

Step 10: Invert the color of the layer.

step 10

Step 11: Click IMAGE. Click AUTO CONTRAST.

step 11 a

step 11 b

Step 12: Create a new layer and click LAYER MODE. Click OVERLAY

step 12

Step 13: Click BRUSH TOOL and choose a round brush tool with soft edges. It should be just big enough to occupy the edges of the dark squares.

step 13

Step 14: Duplicate the layer. Click FILTER. Click BLUR. Click GAUSSIAN BLUR.

step 14 a

step 14 b

Step 15: Click LAYER MODE. Click OVERLAY.

Step 16: Merge all layers except the BACKGROUND LAYER.

Step 17: Click IMAGE. Click ADJUSTMENTS. Click HUE/SATURATION. Experiment with the settings but I used:

  • Hue should be 216
  • Saturation should be 100
  • Lightness should be 0
  • Tick Colorize

step 17 a

Step 18: Click EDIT. Click TRANSFORM and drag the two end points of the side on your right so that it will look smaller. See below.

step 18 a

step 18 b

You should have something similar to this.


Step 19: You can add more color if you want. Just create a new layer. Click LAYER MODE. Click OVERLAY. Manipulate the foreground and background. Essentially, you just need to repeat steps 12 to 15.

step 19

step 20

step 21


If you want to print this out, make sure you use a glossy paper. It can be used for different purposes like backgrounds, covers, and even for art pieces. However, I suggest you use a nice quality printer. All in one laser printer might do the job. Search for dell coupons online to get a good deal.

If you like this post, share it with your friends through email and social networks. Please don’t forget to rss 002 subscribe to our RSS-feed, twitter2 follow us on Twitter and like our ficon facebook Fan page for recent updates.

About the author


Naaz is a web designer and loves to find new tips and tricks for creativity purposes and likes to share them with the people.

Leave a Comment