Mobile app version of vmapp.org
Login or Join
Murray976

: Adobe Photoshop: Creating a matrix grid / collage of images Is there a convenient way of creating a grid, or a collage of images, without having to do it manually? Ideally I want a 64x64

@Murray976

Posted in: #AdobePhotoshop #Automation #Grids #Layers

Is there a convenient way of creating a grid, or a collage of images, without having to do it manually?

Ideally I want a 64x64 square grid of images that are each 100px * 100px. I've seen them done a few times, I think Groupon used to have one.

Are there any plugins that exist for this or any way of doing it without having to resize each image manually?

10.05% popularity Vote Up Vote Down


Login to follow query

More posts by @Murray976

5 Comments

Sorted by latest first Latest Oldest Best

 

@Kristi927

Have you tried these scripts which inluded in CS3?


File > Automate > Picture Package
File > Automate > Web Photo Gallery
File > Automate > Photo Merge


These are some usefull tools to do thing like that you wanted.

10% popularity Vote Up Vote Down


 

@Kimberly620

If you already have an photos ready (100x100 px width) you can use an online tool like www.photojoiner.net collage maker.

On the photojoiner collage maker set the Width to 200px and height to 800px, then click on "8" from "CHOOSE TEMPLATE", then select a template with 2 rows and 8 columns (pretty much the grid you looking for). once you finish adding the images to the canvas, set the border width to 0. You are done| just download it.

10% popularity Vote Up Vote Down


 

@Debbie163

I'm not sure if you simply want a grid of images or make a real mosaic where each image will act as a "pixel".

One way to do grids with Photoshop is to use the "Contact Sheet II". You'll find this in the menu File, then Automate, then Contact Sheet II.

This is quite an old functionality in Adobe Photoshop. It's already installed in Photoshop and haven't changed much in the last 10-15 years.

Very useful if you need to quickly create catalogs for stock images as well since you can add the name of the file too below each image, if you want.

There you can specify the folder where all your images all, color mode, size of the image, rows/columns, spacing, etc.

Ideally, your images should all be cropped already to be square. That can be done with an action before using the contact sheet. But the size will be adjusted automatically though and your images can have different sizes.

The contact sheet will take all the images in the folder you selected and stick them next to each others automatically. If you want a particular order, you can name your file accordingly (1.jpg, 2.jpg, 3.jpg, etc.) and select the direction to apply the images.

If you have more images than what can fit on one page, Photoshop will create a new document automatically and will keep going until all the pictures in the folders are used!

I think you cannot use thumbnails smaller than 100px but you can always resize the final result after you're done.

Once the automation is done, you'll have your file with masonry opened in Photoshop and can save it in the format you want.



This is an example of a bunch of thumbnails together using the contact sheet:

10% popularity Vote Up Vote Down


 

@Correia448

I know this is an old thread but I thought I'd comment just because it shows up so high in google searches-
There is a script called TychPanel thats not only awesome but free! I would pay so much money for that thing because I use it all the time.

You can find the download and lots of information about it here: lumens.se/tychpanel/
The only problem I had was that it was a little tricky to install but it Looks like there's a newer version from the one I have so it might be easier to install than when I did it last.

10% popularity Vote Up Vote Down


 

@Turnbaugh909

Photoshop used to have a script pre-installed for creating grids of images called contact sheet. It was originally for photographers to print out a grid of images for reviewing.

You can reinstall it though for latest versions:

Windows - www.adobe.com/support/downloads/thankyou.jsp?ftpID=4688&fileID=4376
Mac - www.adobe.com/support/downloads/detail.jsp?ftpID=4965
Just tweak the settings to get the grid you need.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme