ImageGridLayout Manual

Main :

Apple Software






This is an application that can be used to create images by placing other images in a regular grid layout. Useful for creating backgrounds for computer desktops. Just drag some images onto the application icon, set the properties of the final image and save to a new image file.

ImageGridLayout consists only of a single window. Only one image can be worked on at a time. Work is not saved when quitting the application.

General Overview

There are two large areas that horizontally cover most of the GUI area. To the left is a list of source images.

To the right is a preview of the final image.

Across the top of the window are controls that can be used to change the properties used to create the final image.

On the lower left are controls that affect the list of source images and the interaction with the preview.

On the lower right are controls that manage previewing and creation.

Controls along the top

Images per row: adjusts how many images are placed per row. Each source image is placed starting on the left side of the new image and placed in order from left to right. When the Images per row: value is exceeded a new row is started below the previous row.

Padding: is a positive integer value that is placed between each of the images. For images to be placed flush then try a value of 0. If a gap of ten pixels is desired then try the value of 10.

Background: has a colour control that is used to fill the new image's area where the source images don't cover. Maybe the source images aren't the right size to fit the grid perfectly, or maybe the padding is non-zero, then this is the colour that will be seen.

Fill: is a check box that is used to turn on the option to clip images so that that completely fill the area allocated to them.

Width: and Height: control the pixel size of the final image. These should be integer values greater than zero.

Next to the width/height controls is a drop down menu. This can contain a variety of useful width/height values. It can also be edited. Type in new width/height values and press the Save button. This will then ask for a name if that's a new width/height combination. Select an item from the drop down menu and press the Delete button to remove that resolution from the menu. There's a Default button to return this menu to its original state.

Controls along the lower left

You can add new source images by dragging onto the application icon. It is also possible to add new source images by dragging onto the image list table providing a precise control on their positioning. Images in the list can be selected and moved around the list.

Select images in the image list and press the Delete button to remove those images from the list.

To help see the where the selected images are on the final image, turn on the Highlight checkbox. Next to this checkbox is a control control for adjusting the colour of the highlight. The highlight checkbox will place a coloured border around the source images in the preview area. These highlights in the preview don't appear in the final image that is saved to disc. They are only for informational purposes.

Controls along the lower right

If the Auto/preview checkbox is on, and as changes are made to the list of source images and the final image's properties, then these changes will be shown in real time in the preview area.

On old computers or if using a lot of source images, this could be a bit slow. Turn off the Auto-preview for a speed boost. To now see any changes the Preview will need to pressed as needed.

Once the preview image is set up as desired, press the Export button to save the final image to a PNG file.

Copyright © by Cthulhu Software. All rights reserved.