Convert any of your photos into a brick mosaic, the idea of which was initiated by the official Lego photo app! In this lesson you will learn how to apply this effect to any of your photos and it is really very easy to do.
You will learn how to pixel your photo, how to create a pattern of bricks and put this pattern on a photo, and then squeeze the bricks, taking into account the minimum palette of colors to make the photo look more realistic. By completing this lesson, create your own photo from a brick mosaic!
Materials for the lesson:
Open any photo you like in Photoshop. We recommend using an image that is at least 2000 × 2000 pixels in size. If your image is not large enough, then you can use the tool Image size (Image Size tool), for this we go Image – Image Size (Image> Image Size) to increase the image size – do not worry if your image becomes blurred due to scaling, as in any case, we will break the image into pixels!
In the tutorial, I used the image I took on ShutterStock. Simple photos, as in the screenshot below, will give a much better result than complex photos (for example, photos of the cityscape).
Duplicate your photo so that you have a backup. Duplicate the photo layer. You can duplicate a layer by pressing keys (Ctrl + J). Name the duplicate layer “Bricks”. Right-click on the duplicate layer and in the window that appears, select the option Transform at Smart-an object(Convert to Smart Object). Converting a layer to a smart object will help us apply Smart filters (Smart Filters), which will allow us to change the settings at any time.
Next, go Filter – Design – Mosaic (Filter> Pixelate> Mosaic). Pick the right value Cell size (Cell Size) until you can barely distinguish the image. Exposed cell size will determine the size of your future bricks. Remember the cell size settings, since we will need this in the next step.
Create a new document (Ctrl + N) or go File New (File> New), set the document dimensions to be the same as the cell sizes that you used earlier. For example, if you used a filter Mosaic (Mosaic), and set the cell size value 64 square (64 square), then you must create a new document with dimensions of 64? 64 px.
Press the keys (Shift + Backspace) or go Editing – Run Fill (Edit> Fill) to activate the tool Fill (Fill tool). In the drop-down menu, select the option 50% gray (50% Gray), and then click OK.
Your new document will be uploaded. 50% gray (50% gray).
Choose a tool Ellipse (Ellipse tool (U), then draw a circle in the center (the color of the circle does not matter). To create a perfect circle, hold down the (Shift) key. Next, switch to the tool Move ( Move tool (V) to position the circle in the center of your document.
Next, we will apply the option Stamping (bevel) to the layer with the circle using layer styles (layer styles). Let’s go Layer – Layer Styles – Blending Options (Layer> Layer Style> Blending Options). Install Fill opacity (fill opacity) to 0 – this option will hide everything except layer styles.
Select an option Stamping (Bevel Emboss). In settings Method (technique) set the option Hard cut (Chisel Hard), next, set the cut size to get the embossing thickness, as in the screenshot below. You can also pick up a corner Shading (shading), the default angle is set to 120 °, – I changed the angle to 90 °.
Next, select the option Shadow (Drop Shadow). Install Bias (Distance) at 0px, and then adjust the size value to make the shadow look like in the screenshot below. Click OK when done to apply the settings.
So, we have completed the creation of a button in the center of our brick. Next, we will add a small emboss on the outer edge of the brick itself. To do this, we add layer styles to the layer with the background, but before we do this, we need to convert the layer with the background into a regular layer. To do this, double-click on the layer with the background or right-click on the layer with the background and in the window that appears, select the option From the background (Layer from Background).
Right-click on the background layer and in the window that appears, select the option Options overlay(Blending Options). Select an option Stamping (Bevel Emboss). In settings Method (technique) set the option Hard cut (Chisel Hard), install The size (Size) 1-2px (thus, the brick should look like in the screenshot below). If the cut looks too hard, then you can lower the opacity value. Backlight Mode and Shadow Mode (Highlight / Shadow Opacity) at the bottom of the option settings window Stamping (Bevel Emboss).
Next, we need to convert our image into a pattern. For this we go Editing – Define a pattern (Edit> Define Pattern). Name the new pattern, and then click OK.
Close the current document without saving, then go back to our working paper. Add a new adjustment layer Pattern (Pattern) through the bottom toolbar. In the menu that appears, select the option Pattern (Pattern).
In the pattern set menu, select the ‘brick’ pattern, and then click OK.
Change the blending mode to Linear light (Linear Light). So, we got an image made up of bricks, this is what the image will look like if we apply the bricks to the whole color palette.
To prevent the bricks from being applied to the whole color palette, we need to restrict the bricks to a color palette. We do this with 2 layers; one layer will affect shading, and the second will affect color. Add a new adjustment layer Posterize (Posterize) through the bottom toolbar. Position this adjustment layer below the adjustment layer. Pattern (Pattern), and then change the blend mode for this adjustment layer to Glow (Luminosity). Blend mode Glow (Luminosity) will prevent the layer from the impact of color shades on your image.
Pick a value Levels (Levels) ranging from 4-8.
Now we need to compress the saturation of the shades to a more limited limit. To do this, add a new adjustment layer. Colour (Solid Color).
Choose any color shade, then set the value (S) Saturation (Saturation) at 75%, and the value of (B) Brightness (Brightness) at 100%. Value (H) Color tone (Hue) can be any color. Click OK.
Position this adjustment layer below the adjustment layer. Pattern (Pattern), and then change the blend mode for this adjustment layer to Saturation (Saturation).
The final result in the screenshot below! You can adjust the opacity value of the adjustment layer. Posterize (Posterize) if you decide to return the tonality to your image.
If you want your photo to be more with the effect of the official Lego photo app! Just change the blending mode. Posterize (Posterize) on mode Normal (Normal).
PSD file of the lesson in the archive