January 14: Mosaic Photo Effect

Discussion in 'MOC 10 Challenges' started by IntenseMagic, Jan 14, 2022.

  1. IntenseMagic

    IntenseMagic Some grannies cuss a lot. I'm some grannies.

    Feb 28, 2012
    January 14 - Mosaic Photo Effect

    Hey, hey everyone and welcome to Day 14 of MOC10!! I hope you all are enjoying the challenges, learning new things, and stretching your creativity!! The best part of MOC for me is learning something new. Even if I don’t ever use all of the technique again, there are parts of it that I can take with me into other projects! So, I hope you learn something new or get a refresher from this challenge :)

    Today, I am challenging you to create a Photo Mosaic! We’re going to make a photo look like it was made from a lot of little photos!

    There are probably lots of different ways to go about doing this, some more time consuming than others, and how you go about creating this look is entirely up to you, but today I’m going to show you one fairly easy way to go about this all within Photoshop. Don’t let the length of the post intimidate you, it’s really not that bad! I’ll have some links I found for other programs at the end of this post :)

    The first thing you want to do is find your main image, the one you are going to add the mosaic overlay to. My layout is going to be a little 2021 recap, so I’ll be using this one:
    1. Image.jpg

    You’ll also want to find all the other photos you want to use for your mosaic. For the purposes of this tutorial, you’ll want to create a folder on your computer and copy all your photos in there. You can use as many as you’d like, but the more you have the better. It also should not be a prime number of photos and you’ll see why. For my example, I chose 100 photos, a couple from each week of this year. You definitely don’t have to use 100, but you’ll want more than just a couple. I’m leaving that part up to you, and they can be any photos you’d like…new, old, stock, whatever. Trust the process :)

    Now to Photoshop. First open the main photo you selected.

    Go to File>Automate>Contact Sheet II. Select Folder and then choose the folder where you have your mosaic images.
    2. Automate.jpg

    In the Document section, uncheck Flatten All Layers, set the units to inches, and then set the width, height, and resolutions. Mine are 12, 8, and 300 because my photo is landscape. You could also use 10 x 10. This is your preference and doesn’t make much of a difference in the final image, don’t sweat over it too much :) *Also make sure the Rotate for Best Fit is unchecked as well as Use File Name for Caption.

    Under Thumbnails, uncheck Use Auto Spacing. Then set the values of columns and rows. These two numbers should multiply together to equal your number of photos (Didn’t know you were going to math, huh? lol). For example, if you have 50 photos, the values could be 5 and 10. If you have 20 photos, it would be 5 and 4… 6 photos would be 3 and 2. I tried a bunch of combinations and they all turn out fine in the end.

    Click OK
    3. Document Menur.jpg

    Now Photoshop will work on arranging all the images in layers with a layer mask. The more photos you have the longer this will take :)

    It will look something like this when it’s done, depending on the photos you used:
    4. Contact Sheet.jpg

    Now we are going to adjust the images in the contact sheet, filling in all the white areas. Select the Move Tool and check Auto-Select.

    Choose an image you want to adjust, then click on the chain link to unlink the layer from the mask. With the image selected, resize (transform) it to fit within it’s box. If you need to rotate them, you can do that here as well. In doing this, all the images will be the same size. If there is white space left on the side, you can use the crop tool to crop it out.
    5. Unlink Layer.jpg

    This is what it should look like when they are all resized. Of course a different number of photos will have a different look, but there should not be any white space showing.
    6. Pattern.jpg

    Once you have resized all the ones you need to and all the white space is filled in, go to Edit>Define Pattern and give your pattern a name.
    7. Define Pattern.jpg

    8. Name Pattern.jpg

    Hang tight, there's more coming in the next post!
  2. IntenseMagic

    IntenseMagic Some grannies cuss a lot. I'm some grannies.

    Feb 28, 2012
    Now go back to your original photo and click on a New Adjustment/Fill Layer, and choose Pattern
    9. Patter Adjustment.jpg

    Choose your pattern and here you can adjust the scale of the pattern and you’ll see here where the number of photos you chose didn’t matter so much, the pattern will continue to repeat. I set my scale to 40, but this is totally your preference
    10. Scale.jpg

    Now, change the blend mode to either Overlay or Soft Light. Then, you can play around with your levels adjustment on the photo layer and/or the pattern layer.
    11. Overlay.jpg

    12. Levels.jpg

    With the photo layer selected, you can also play around with Shadows and Highlights - under Image>Adjustments
    13. Shadows Highlights.jpg

    You can always experiment with other adjustments if you want. Have fun with it!! Here’s my final image
    14. Final.jpg

    Now all you have to do is scrap it!! You can do this any way that you like, any style! I just need to be able to see your mosaic pattern over your photo :)

    Here is my page:

    Here are a couple of Polly pages for inspiration:
    by @lcpereyra

    by @JenEm
    MOC 2022 Day 14 600.jpg

    by @EHStudios

    Helpful Links for other programs:
    PaintShop Pro
    Older Photoshop versions
    Lightroom & PS

    To recap the requirements for this challenge:
    1. Create a page with a mosaic overlay one photo. I need to be able to see the mosaic pattern on your photo!
    2. If you choose to use other photos, keep them small. Make that mosaic shine!
    3. Scrap your heart out [​IMG] Your page must include scrap product, not just the photo.
    4. Have fun!!

    General MOC requirements

    Your page must be a new page in order to count for the Month of Challenges. Your page must be posted in three places:
    1. Uploaded to the TLP Gallery (not an outside hosting site).
    2. Posted in your page thread you created in the MOC Layouts Folder. You should have one post per completed challenge page. If you complete all 31 challenges, your thread should contain 31 posts. Please do not comment in the participants’ page threads so we can keep them clean.
    3. Posted in this thread. Please copy & paste the Share BB Code so we can easily find your layout in the gallery. People can comment here too, if they wish.
    Your page must contain Lilypad product (pages with photos and font only do not count). If you use product from other stores, your pages must contain at least 75% current Lilypad product (currently for sale in the store from either permanent designers or guest designers)
    Last edited: Jan 16, 2022
    agoodwin, G.J., A-M and 5 others like this.
  3. IntenseMagic

    IntenseMagic Some grannies cuss a lot. I'm some grannies.

    Feb 28, 2012
    Whew!! Thanks for hanging with me!!
    Reserving this space for Q&A :)
    G.J. likes this.
  4. littlekiwi

    littlekiwi I charge by the hour for anything before noon

    Jan 21, 2012
    Thanks so much for the tutorial…will tackle it after a good nights sleep I think.
    JenEm and IntenseMagic like this.
  5. IntenseMagic

    IntenseMagic Some grannies cuss a lot. I'm some grannies.

    Feb 28, 2012
    Sleep well, Jennifer!
  6. disneysheryl65

    disneysheryl65 Snoring in perfect pitch

    Aug 23, 2014
    Artisan users please share ideas! I’ll investigate but I’m thinking a collage of pictures will need to be manually made and then grouped and overlayed?
    cfile and Trish like this.
  7. fruitysuet

    fruitysuet Well-Known Member

    May 1, 2013
    Help also for PSE 22 as the options showing for PSE11 no longer available.
    Or any online collage makers?
  8. Angela Toucan

    Angela Toucan I keep looking for THAT wardrobe

    Nov 6, 2017
    Inside the Affinity tutorial that Jan listed there is an online tool that will create the photo mosaic. Instructions on how to use it are in the tutorial, and a link to the tool is in the description of the video tutorial on YouTube.
  9. Frumpje

    Frumpje Summer is made for memories

    Jan 14, 2015
    @IntenseMagic, Love this challenge, but not sure if we can or cannot use a mosaic app to do this :thinking2
  10. ArmyGrl

    ArmyGrl Merlot, Cab, Chard, Reisling - all 4 food groups!

    Sep 1, 2012
    Hi all! I am Photoshop CC user - but I chose to make my photomontage rather than make a contact sheet. I imported ONLY portrait sized photos (no square and no landscape orientation). Once all images were imported, I selected all photos and resized them all at once. Then I simply moved them into place. This process did not take very long.

    Completed layout:

    Original photomontage:
    cinna, frutselke, LynnG and 4 others like this.
  11. StefanieS

    StefanieS Think it over, think it under

    Jan 2, 2014
    I have PSE 12 and I used Andrea Photo Mosaic builder (suggested by JenEm) which is free to use - with credit given.
    Andrea Mosaic Home Page
    frutselke, JenEm and IntenseMagic like this.
  12. Erin Taylor

    Erin Taylor Well-Known Member

    Jun 19, 2017
    I have no clue how to make this work with my program. I use Paint. NET. This would take me hours.
  13. IntenseMagic

    IntenseMagic Some grannies cuss a lot. I'm some grannies.

    Feb 28, 2012
    @Angela Toucan Thanks for pointing that out in the Affinity tutorial :)

    I know not everyone is going to be able to follow these exact steps, this is just one way to create the mosaic look and a chance to play around with some techniques and adjustments that maybe you haven't tried before. In the end, am I going to know exactly how you created it? Am I going to know you used an online mosaic creator or app? Probably not, unless you tell me :giggle. Does it matter? Not really, it's the final look that matters. It's just an opportunity to maybe learn something new and challenge you a bit :)
    Sokee, crazsquaw, JenEm and 1 other person like this.
  14. QuiltyMom

    QuiltyMom I'll never run out of things to do!

    Feb 3, 2012
    It’s anyone’s guess on this one. I think you’ve got the best idea there and it will be time consuming to say the least. Maybe do a small section and repeat it? Or use one of the tutorials Jan listed.

    I do have photoshop (I just haven’t learned to use it yet) so I’ll be breaking it out for this challenge.
    AJK and IntenseMagic like this.
  15. Pachimac

    Pachimac Give me all the cliché Christmas movies

    Apr 12, 2016
    IntenseMagic likes this.
  16. plumdumpling

    plumdumpling CT - Krista Sahlin

    Sep 28, 2011
    That was kind of tricky! Great challenge though!

    IntenseMagic and DivaMom96 like this.
  17. BevG

    BevG If I can't remember it, it didn't happen

    Dec 26, 2015
    You could also use the collage (flatten it) as a mask, but it might make gaps in your photo.
    IntenseMagic likes this.
  18. ajm

    ajm Well-Known Member

    Dec 19, 2010
    Thank you for the challenge! I placed the mosaic inside a photo from a painting.

    lorieh, A-M, IntenseMagic and 2 others like this.
  19. Angela Toucan

    Angela Toucan I keep looking for THAT wardrobe

    Nov 6, 2017
    thank you for finding the Affinity tutorial for me. This was much easier than I thought it would be. I filled the mosaic with all the photos taken of her riding lessons on this horse.
  20. DivaMom96

    DivaMom96 Well-Known Member

    Mar 9, 2017
    WOW! what a great tutorial, Jan! I love it! My mind is racing with ideas ... can't wait to play later this weekend!
    cfile and JenEm like this.

Share This Page