Tessellation #2: Cubes

Create First Square

Canvas Size

Click on Resize and set to pixels and uncheck the "maintain aspect ratio" box. Then set the canvas size to 1000 x 800

Zoom in to 500% using the slider at the bottom right of the window.

Shape tool

Choose the Right Triangle shape. Make the Size the thinnest one. 

Keep the default colors. Make sure Outline is set to "Solid color", and Fill is set to "no fill".

Draw a triangle

CORRECT:Hold SHIFT and click & drag out a triangle.

INCORRECT: If you let go of SHIFT before you're done, you'll get a crooked triangle. Delete and try again!

Don't make it too big, you'll need to fit 3 more in that space at 500%.

Copy & Paste the first triangle

Make sure the Select tool is set to "Transparent".

Click on the rectangle Select button and click and drag around the triangle to select it. 

  1. Then Copy (CTRL+C).
  2. Paste (CTRL+V).
  3. Rotate>Flip vertical and move into place.


Make sure they meet with one-pixel space between!

Paste more triangles

Paste again, then Rotate>Flip Horizontal, and move into place with the bottom one.

Paste one last time, then Rotate>Rotate 180 degrees, and move into place.


Fill in the bottom-left and upper-right triangles with one color. Fill the other opposite triangles another color.

Do NOT fill any sides with black!

More Squares

Create 2 columns

Zoom out to 400%. Select the top square, a little extra around it and move it up to the top left corner of the canvas, leaving a decent margin.

  • Copy (CTRL+C) and Paste (CTRL+V).
  • move the copy over and down, lining up the same colors.

Make sure the black one-pixel border of the copy lines up and fits between the other triangles!

So it looks like this...

Now select all (CTRL+A) and copy (CTRL+C) and paste (CTRL+V). And move it down and into place so it fits.

Make sure they are lined up!

Continue the pattern of:

  1. CTRL+A to select everything you have
  2. CTRL+C to copy everything you have
  3. Scroll down so you see the empty space where the new ones should be lining up
  4. CTRL+V to paste and move into place

Continue until you complete 2 columns of squares from the top to the bottom. 

Fill your canvas

Then scroll a bit to the right and up to the top.

Repeat the process, moving over to empty space before pasting until you've filled the entire canvas.


  1. Select all (CTRL+A)
  2. Copy
  3. Paste

Then zoom out to 100%.