Photoshop Tutorials

How to Turn Your Photos into Lego with Photoshop

How to Turn Your Photos into Lego with Photoshop
Turn any of your photos into a brick mosaic inspired by the official Lego photo app! This Photoshop tutorial will show you how to create the effect from any photo and it's really easy to do. You'll learn how to pixelate your photo, create a brick pattern and overlay it on top of your photo, and compress the bricks into a limited color palette to make it look more realistic. Follow this tutorial and create your own cool brick mosaic photo!

Preview of Final Results

Step 1

Open any image you like into Photoshop. We recommend using an image that’s at least 2000x2000 pixels. If your image isn’t large enough, you can use the Image Size tool (Image > Image Size) to resize it up – don’t worry about getting a blurry image from upscaling because we’ll be pixelating it anyways! I’ll be using this image from ShutterStock. Simple photos like the one below will have better results than a busy photo (ex. cityscape photo).

Step 2

Duplicate the layer so that you have a backup copy. You can duplicate your layer by pressing Ctrl/Cmd+J. Rename this layer to “Bricks”. Right-click on the new layer then select “Convert to Smart Object”. By converting the layer into a Smart Object, we can apply Smart Filters which give you the option of changing your settings at a later time.

Step 3

Next, go to Filter > Pixelate > Mosaic. Adjust the Cell Size setting until you can barely make out the image. This setting will determine the size of your bricks. Remember the cell size setting because we’ll need it for the next step.

Step 4

Create a new document (Ctrl/Cmd+N or File > New) with the same width and height as the cell size setting you used earlier. For example, if you used the Mosaic Filter with a cell size of 64 square, then you would create a new 64x64 pixels document.

Step 5

Press Shift+Backspace or go to Edit > Fill to open the Fill tool. In the drop down menu, select “50% Gray” then click OK.
Your document will be filled with 50% gray.

Step 6

Select the Ellipse tool (U) then create a circle in the center (the color of the circle doesn’t matter).  You can create a perfect circle by holding the shift key. Switch to the Move tool (V) to position it in the center of your document.

Step 7

Now we’re going to turn create a bevel from the circle using layer styles. Go to Layer > Layer Style > Blending Options. Set the fill opacity to 0 - this will make everything but your layer styles invisible.
Select and checkmark the Bevel & Emboss layer style. Set the technique to “Chisel Hard” then adjust the size so that you get a bevel thickness like shown in the image below. You can also adjust the shading angle which is 120° by default – I changed mine to 90°.
Next, enable the Drop Shadow layer style. Set the Distance to 0px then adjust the size so that it looks like the image below. Click OK to apply the layer styles when you’re done.

Step 8

We’re done creating the button in the center of the brick. Next, we’ll add a subtle bevel to the outer edge of the brick. To do this, we’re going to apply a layer style to the background layer, but before we can do that, we need to convert the Background layer into a regular layer. You can do this by double-clicking the background layer or right-clicking and choosing “Layer from Background”.

Pages: 1 2

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.

23 comments on “How to Turn Your Photos into Lego with Photoshop”

  2. my kids loved this a lovely way to get away from the cold breeze. My boys are at football i left them with some apple slices to give them some needed energy! what a mum i am.

    Reply

  4. How do you download this? Each time I click on one of the links, I just end up endlessly installing software, but never get the PDF or video to this tutorial. Can you provide the link please?

    Reply

  6. Very cool! I know a couple of kids that would LOVE to see images of themselves made like this. Thanks for sharing!

    Reply

  12. I love your tutorial, thank you.
    I am a beginner, I hope with you I learn something, to the next video

    Reply

  17. Thank you a lot; you are understandable compared to many other tutorial that make trick that we can not do

    Reply

  18. I love it!
    Even though I bases, I could learn stuff, actually.
    It is clear and you explained very well, continues long like that, buddy !

    Reply

  19. cool.
    I just learned a new trick in Photoshop :)
    Continue to publish lessons, thank you Denny Tang

    Reply

  20. Thank you for this tutorial, I loved and it is very useful.
    Photoshop is so rich tool that we should always learn

    Reply

  22. I'll test it with my facebook picture :-)
    This is useful to blur and give atmosphere to the picture

    Reply

Leave a Reply

Your email address will not be published.

Special FX Photoshop Actions

Free Photoshop Actions

Get 10 free Photoshop actions when you subscribe to our newsletter.
Close
cross