Photoshop Tutorial: How to Create Stunning, Photo Mosaic Portraits

Hi. This is Marty from Blue Lightning TV. I’m going to show you how create stunning
photo mosaic portraits. Open a sharp, well-lit photo of someone that
you’d like to use for this project. I downloaded this one from Shutterstock. The first step is to organize all of your
photos that you’ll use to create the mosaic pattern by placing them all into a folder. After you’ve placed all of your photos in
a folder, we’ll create the image that you’ll use to create your mosaic pattern. To do this, go to File, Automate and “Contact Sheet II”. The Contact Sheet window may look a different
than mine if you’re using an earlier version of Photoshop, however, the functions are the same. Use “Folder”, click “Choose” and locate the
folder in which you’ve place your photos. Choose “inches” and make sure “Flatten All
Layers” is unchecked. You’ll see why later. The Width is 12 and the Height is 8. This determines the aspect ratio or shape
all of the photos will have. The Resolution is 150 pixels per inch. The Mode is “RGB Color” and 8-bits per Channel. I’ll place the thumbnails “across first”. The number of rows and columns in your pattern
should be the same. For example, I’ll be using 10 rows and 10
columns, which totals 100 photos. 10 times 10. If you’re using 5 rows and 5 columns, you’ll
want to place 25 photos into your folder. 5 times 5. As we discussed, if you have a different amount
of photos in your folder, make sure it’s divisible by the same number and type that number in
your Columns and Rows. “Use Auto-Spacing” is unchecked. The Vertical and Horizontal are both 0 inches. I’ll check “Rotate for Best Fit”, which
will rotate vertical photos 90 degrees onto their sides. If you prefer not to have any photos rotated,
don’t check it. Photoshop is now automatically positioning
each photo from your folder onto its own layer and own layer mask. The reason we didn’t choose to flatten the
layers is so we can fill photos inside their respective layer masks. To do this, first, make sure your Move Tool is active. If it isn’t, press “v” on your keyboard. Then, check “Auto-Select”. By clicking a specific photo on your mosaic,
Photoshop’s “Auto Select” automatically selects the layer you clicked and makes it active. Click the chain-link icon to unlink the layer
and the layer mask. Doing this allows us to resize and reposition
the photo inside the layer mask without having the layer mask move at all. To resize the photo, open your Transform Tool
by pressing Ctrl or Cmd + T. Go to a corner and when you see a diagonal, double-arrow, press and hold Alt or Option + Shift as you drag it out. Notice, your photo is confined inside its layer mask. To slide the photo in any direction 1 pixel
at a time, use the arrow keys on your keyboard. Then, press Enter or Return. Continue these steps for each photo until
your entire mosaic is done. You may notice a thin white border along one
of the edges. To remove it, open your Rectangular Marquee
Tool and drag a selection over your document to just before the border. Then, go to Image and “Crop”. To deselect it, press Ctrl or Cmd + D. Next,
we’ll save our mosaic as a pattern. Go to Edit and “Define Pattern”. Name it whatever you’d like and click OK or
press Enter or Return. Open your subject. Click the Adjustment Layer icon and click “Pattern”. Your mosaic will appear. I’ll reduce its size to 40%, but keep in mind,
you can adjust its size at any time. Change its Blend Mode to Overlay. If you’d like to make the pattern more visible
in the darkest and lightest areas of your subject, first make your subject into a Smart
Object, so it can be modified non-destructively. Make your subject active and and click the
icon at the upper, right of the Layers panel. Click “Convert to Smart Object”. Go to Image, Adjustments and “Shadows/Highlights”. Tick “Show More Options”. Shadow’s/Highlights is one of the most frequently
unused, yet powerful filter in Photoshop. Since each photo has its own characteristics,
experiment with all the settings to get the best combination of shadows, highlights and adjustments. I’d like to see my pattern smaller, so I’ll double-click the Pattern Fill layer and type a smaller amount. You can also make the Shadows/Highlight filter
less intense by reducing its opacity. To do this, double-click this icon, which
opens the “Filter blending options” window. Then, decrease its opacity. In addition, you can also change its Blend
Mode and toggle through them one-by-one by clicking “Dissolve” and pressing the Down
arrow on your keyboard each time to see the next blend mode applied. This is Marty from Blue Lightning TV. Thanks for watching!

100 Replies to “Photoshop Tutorial: How to Create Stunning, Photo Mosaic Portraits”

  1. TIP: If the file names are included in the "Contact Sheet", remember to first uncheck "Use File name as Caption" in the Contact Sheet II window.

  2. Is there a way to do this kinda thing arranging images by the colors used inside them? It surely sounds neat but would be of course more befitting if you use images that do simulate the pixel's colors inside the artwork. I know that seems a bit much but would be neat if you could categorize files that way and have the colors more or less untouched when you put them inside the overlay.

  3. Thanks for the tut. With mine, I used a dismap of my main pic, then used displace on the Mosaic pattern. Worked well.

  4. Marty, that was absolutely the best tutorial I have ever seen on any subject. You made my day and now I have to figure out how to follow you, forever, ja,ja….. Greetings from Buenos Aires, Argentina.

  5. Can we do this manually?? so that, we can add latest photo collections to the wall as new events keep cropping up in our life.

  6. But i want to see the tiny pictures clearly, the bigger picture must be only visible from a distance. Or else what's the point of collecting so many photos?? We can rather use small tiles or coloured papers.

  7. I'm disappointed. I expected you to carefully chose photos with similar coloring and density to the tile needed, only adjusting the color slightly. And, use details within the photo to better follow the edges of the subject; e.g. a picture that's dark on the left and light on the right can fit over an edge that's half way in the column. And, very carefully select pictures for critical details such as the eye.

    This matching process could certainly be automated, and I thought you had done that. I would not call this a mosaic at all, but what it looks like: a picture projected onto a screen covered in other content.

  8. Question: Once I make the actual Contact sheet, I try and transform/move each layer and they don't spread out to touch one another but instead stay in this box that I believe is the background layer. Trying to know why I can move them to touch one another but instead they still stay in the same box. Thanks!

  9. This is the tutorial I was looking for since long, and finally found it. The important part of your tutorials is, you mention every option in detail and also for windows and Mac. Thank you for sharing…

  10. Which version of Photoshop are you using?

    And afer the images are resized there is little gap in-between what should I do

  11. sorry sir i am having a little problem there is a lot of white space between the photos and ctrl +T is not doing anything

  12. when i imported all photos, they came like that, but they had their file name underneath and i couldnt get rid of it

  13. i have one question.. in this we set pattern in our main Photo but closely if we look at our photo, we can see photos are repeating. if we use 50 photos for 10*10 inch poster, pattern is seems like showing square box of 50 photos. Somewhere i see photos that same as like this but photos are not repeating. i try to put single single 50 image in main Photo, our Main document size will be increasing up to 2 GB and its take so so so much time. do you have any solution for it?

  14. Plz tell us how to create a black n white mosaic instead of a colour one.
    Your tutorials really help me alot.. Thanx Marty! ❤️😊

  15. thanks for making an easy to understand tutorial, it helps me a lot on my college project. Thank you

  16. Awsome video although I think i might have done something wrong in 3:01 i cant select a picture they all movie in one frame. How can I make them move one by one?

  17. Awesome. Your video happened to come up first in my search, and it explained this process well. One tip I found particularly helpful was how to size individual pictures to get a consistent look. I'll give it a try.

  18. Can we make this kind of creation in mobile by downloading photo shop tutorial in play store?? Please suggest.

  19. I think I'm missing something. There is no layer mask on each photo as shown on the template or any boundaries set to resize the individual photo in?

  20. How do I avoid the white space that I get on al the columns when I use these settings? Your sheet is nice and neat with only few photos that need tweaking but mine has white between everything. What can I Do?

  21. This is awesome! But I get a message at the end that some elements generated errors and they don't show. The layer mask isn't created. Do you know why that might be?

  22. Hi Marty. When I done this … it came up with text under each photo …. then when I resize photo … it doesnt expand over the text space. ?. Is there a way of fixing this ?

  23. I want to know that those pictures that we are using for background they have their details like image size download file how we can remove it for a perfect background kindly tell me

  24. Thank u very helpful i though i would have to spend alot of money to find someone to make something like this for me !!!!

  25. Oh Boy! Now I feel stupid.. (yet happy and inspired 🙂 ) Something that looks so complex turns out to be so simple — especially when it's been put into such a well made tutorial. Thank You Very much for (all) your beautiful work!
    Congrats on the channel and God bless!

  26. I used this method for making portrait mosaics without problems. Then I had to reload my Photoshop CS 6 and suddenly I spaces at the bottom of the rows. I have made the vertical and horizontal spacing to 0 and this doesn't help. Any suggestions please!?

Leave a Reply

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