I have an image thats 360x144. This image contains 40 smaller images, 36x36 each. They are arranged with 10 images per row, for 4 rows.
Im trying to take each image out of the main image and add a 10 pixel padding to it and add it to a new image. This means each small image needs to be 56x56 (10 on all sides). Im trying to keep it in order (10 per row, 4 rows) except with the new padding. In the end the new image should be 560x224. Im trying to do it by taking the image out of the first picture, and centering it within the 56x56 "block" of the new image... but im having some trouble. Any help would be grearly appreiated.