Create a mosaic effect in Photoshop

In this short tutorial, I will show you how to create text with a mosaic effect using random photos and bold. All you need is some good photos, different in creativity, which can be found everywhere. It is very easy to implement, the only thing you can get is very impressive results if you put your creative mind into the work.

Final result

Materials for the lesson:

For this lesson, we need bold and a bunch of photos, the more colorful, the better. I used the Quasoid font because the characters are divided into several parts, which allowed me to use a separate photo for each separate part. You can use one photo per letter if you want, but if you use several photos per letter, the final result will be more colorful. The second font I used is Kaine.

I also used the texture of a concrete surface, which you can take in the archive.

STEP 1. First we will create a background where our text will be. Create a new document in Photoshop size 1920? 1200 (I used the wallpaper format). Leave the background layer as it is and apply Gradient Fill (Gradient Fill) using the settings as in the screenshot below.

STEP 2. Load the texture of the concrete surface and place it on top of the gradient layer that will serve as our background. You will have to scale the image of the texture to the size of our document in order to see all the details of the concrete surface. Change the blending mode to Overlap (Overlay) and discolor the image Shift + Ctrl + U.

STEP 3. This is where the fun begins. Type the text of your choice (I used the Quasoid font). Make sure the text is large enough that the details are visible as soon as you add snippets of photos in the next step.

I also added some effects to the text. In the screenshot above, you can see what I added Shadows (hard drop shadow).

STEP 4. The technique of creating a mosaic of photos is really simple. Just download a bunch of photos, it’s okay if the photos are low resolution, but make sure they are of good quality.

We will process the letters in turn and for each letter we will create a separate group, because for each letter there will be several layers. After creating the group, load the text selection, hold down the Ctrl key + click on the thumbnail of the text layer, and add a layer mask. Now, all layers within this group will appear within this text at the expense of layer masks.

Now paste part of the photo on top of the text layer (Translator’s Note: if you decide to place one photo per letter) or a group with a letter on top of the text layer, if you decide to close each part of the letter with a separate photo on separate layers inside the group. Since each letter consists of several parts, then for each part we will have a new layer. See screenshot below.

STEP 5. When you have finished working with one letter, create a new group and simply copy the layer mask of the first group and repeat the whole process.

You can use different parts of the same photo on several layers, just make sure that these parts are taken from different parts of the photo, otherwise it will be obvious that you used the same photo. In fact, this is a very simple process, however, it may just take a little longer.

STEP 6. The shadows you created in Step 3 will help create a 3D effect that will be more noticeable after creating a soft shadow. Duplicate the text layer, change the text color to solid black, rasterize and apply Gaussian blur (Gaussian Blur), I applied a 6 px blur.

All is ready! Using this technique, you can create truly beautiful mosaic effects. You can play with color shades and abstract photos. Try to apply an effect to your text. Stamping (Bevel Emboss) or other effects, and also create a new look. I hope you enjoyed this tutorial. Feel free to share a lesson, this will help my site. Below is a link to download the PSD file of this lesson.

Final result

Author: Andrei Oprinca
Link to PSD file.

Like this post? Please share to your friends: