Acorn Acorn 7

Divide an Image


divided image final2.acorn




This tutorial will show you how to use Acorn to split an image into parts, creating the appearance of multiple images.  Open your image in Acorn, File ▸ Open.  Go to View ▸ Guides and Grid and make sure Snap to Guides is checked. Decide whether you want to divide your image by its width or height.  This example will divide the width of the image into 3 parts.  


Screen Shot 2021-05-27 at 9.21.56 AM.png


Place guides on the image by going to View ▸ Guides and Grid ▸ New Guide.  Click on the ‘vertical’ button if you are dividing your image up by width.  Enter the width of your image in the location field.  The width of the image can be found in the lower left-hand corner of the canvas. Acorn’s numerical fields can perform math. Enter /3 after the width of the image to place the guide at 1/3 of the image’s width.


Place another guide on the image by going to View ▸ Guides and Grid ▸ New Guide.  Click on the ‘vertical’ button if you are dividing your image up by width.  Enter the width of your image in the location field, divide it by 3 (/3) then multiply it by 2 (*2).


Now click on the rectangular selection tool.  Draw out a selection starting from off the canvas at the top left-hand corner of the image and drag the selection down so it encompasses the entire area of the image that is to the left of the first guide.  The selection is viewed as ‘clipped out’ here to highlight its placement.

Screen Shot 2021-05-27 at 9.24.29 AM.png

Go to Edit ▸ Cut (⌘X) then Edit ▸ Paste (⌘V).  Deselect by going to Select ▸ Clear Selection (⌘D).


Perform the same operation on the far right-hand side of the image, selecting the area of the image using the rectangular selection tool that is to the right of the right most guide.  Cut, paste, and deselect.  


Screen Shot 2021-05-27 at 9.46.04 AM.png

Resize the canvas by going to Image ▸ Resize Canvas.  Use math again in the numerical fields.  Keep the current width and height values in the fields, but in the width box add 200 pixels (or whatever works for your image).  In the height field add 200 pixels. Check the ‘fill expansion with color’ box and choose a color.


Using the move tool, move the left most layer so it snaps to the center of the canvas and the leftmost boundary of the canvas. 


Screen Shot 2021-05-27 at 9.53.47 AM.png


 Using the move tool, move the right most layer so it snaps to the rightmost boundary of the canvas.


Screen Shot 2021-05-27 at 9.56.16 AM.png

And you’re done!



divided image final.acorn