Acorn Acorn 6

Creating a Seamless Tile


creating_a_seamless_tile0.png


To create a seamless tile in Acorn, first you need an image to tile. It can be an object with a plain background or you can use Acorn's brush shapes.



Using Brushes to Create a Tile


Create a new image in Acorn, File ▸ New.  This example uses image dimensions of 1000 x 1000 pixels with a white background. Stamp a single shape onto the center of the image with your brush.

Screen Shot 2015-05-13 at 1.31.35 PM.png

Now tile the paw prints. Go to  Layer ▸ Rotate and Transform ▸ Offset and Wrap Layer.  Enter the center dimensions of your image into the x,y fields in the inspector palette.  Click 'Apply'.


creating_a_seamless_tile2.png


Create a new layer, Layer ▸ New Layer and stamp another shape onto it.  Play around with varying the direction and size of the prints.  Apply the offset again using different x,y coordinates.  You want the prints to be partially off the edge of the canvas.  Here the offset was applied to 3 different layers:


creating_a_seamless_tile3.png

Now you can just stamp your shapes without using the offset as these shapes won't lie on the edge of the image. If you have multiple layers merge them down (⌘E) to make multiplying the tile easier in the next step.  


Screen Shot 2015-05-13 at 1.46.57 PM.png

In order to tile x4, or any other multiplier, you will need to resize your canvas.  Go to Image  ▸ Resize Canvas.  To tile x4 double the current width and height dimensions.  Just below dimensions where it says "Anchor", click on the bottom left hand corner to move the image to the bottom left.  Click "Ok".  

Screen Shot 2015-05-13 at 1.48.09 PM.png

You should now see your tile in the bottom left hand corner of the canvas.  Copy (⌘C) and paste (⌘V) your tile 3 times.  Using the move tool, line up the copies to create the seamless effect!


This is what it looks like tiled x4:  



creating_a_seamless_tile6.png





Using an Image to Create a Tile


Tiling is a little bit different when working with an image. Choose an image you want to tile and open it in Acorn, File ▸ Open . An image with a solid color background is best.  Duplicate your layer, Layer ▸ Duplicate Layer.     


creating_a_seamless_tile7.png

Remove the background of your duplicated layer.  To learn more about how to do this, read ‘Remove the background’.   Go to Layer ▸ Rotate and Transform ▸ Offset and Wrap Layer.  Enter your image's center dimensions in the Offset x,y fields in the inspector palette.  Click 'Apply'.


creating_a_seamless_tile8.png

Merge your layers down (⌘E).  In order to tile x4, or any other multiplier, you will need to resize your canvas.  Go to Image  ▸ Resize Canvas.  To tile x4 double the current width and height dimensions.  Just below dimensions where it says "Anchor", click on the bottom left hand corner to move the image to the bottom left.  Click "Ok".  

Screen Shot 2015-05-13 at 2.21.37 PM.png

You should now see your tile in the bottom left hand corner of the canvas.  Copy (⌘C) and paste (⌘V) your tile 3 times, and using the move tool line up the copies to create the seamless effect!


And this is what it looks like tiled x 4:

creating_a_seamless_tile10.png



Photo Credits

Chocolate © Anna Langova