Question 1

How to Create Isometric Tiles with Adobe Illustrator

Accepted Answer

Creating Isometric Tiles with Adobe Illustrator

In this tutorial we'll teach you how to create an isometric tile from a square tile, so you can use it in Puzzle Maker Pro - Mazes 2D Tiles.

You can use these same techniques in other drawing programs as well, such as Photoshop, Affinity, Canva, et cetera.

Step 1: Rotate the Image

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/HSIlqrXVM7/Create%20Isometric%20Tiles%20Step%201%20Copy%20and%20Rotate%20a%20Square%20Tile.jpg (Create Isometric Tiles Step 1 Copy and Rotate a Square Tile)

Create Isometric Tiles - Step 1 - Copy and Rotate a square tile

In this tutorial we'll be using separate artboards in Adobe Illustrator, so you can see the before and after images. When you create tiles yourself, it's not necessary to keep track of every step.

For Step One, make sure you rotate the image exactly 45 degrees clockwise. Otherwise you'll get unpredictable results in Mazes 2D Tiles.

In the examples we use a square around the tile, which is clearly visible in the rotated image. There are two reasons we do this:

The lines make it easier to rotate and scale the image, allowing you to better see what you're doing. If you don't want these lines in the final image, you can always remove them.
For isometric tiles, especially when you want to add depth to the tile, it can be a stylistic choice to keep these lines in the final image.

Step 2: Scale Down

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/lug90weVzx/Create%20isometric%20tiles%20step%202.jpg (Create isometric tiles step 2)

Create Isometric Tiles - Step 2 - Scale Down to fit the tile

In this tutorial we assume that the new tile size will be based on the size of the square tile you were using. If the square tile was 200x200 pixels, you'll want to scale the rotated image down, so the width is exactly 200 pixels. In the image you can see it's scaled down to fit the artboard.

Step 3: Scale Vertically

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/WHNvOdqN80/Step%203%20Scale%20vertically.jpg (Step 3 Scale vertically)

Create Isometric Tiles – Step 3 – Scale Down Vertically (Flatten the image)

The next step is to flatten the tile. This is done by reducing the height by 50%, while keeping the width at 100% (which means there should be no change in the width). Depending on your program, you may need to unlink horizontal and vertical scaling to enable this.

You can tell from the picture that it already looks very close to isometric.

Step 4: Reposition the Tile

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/KeE42IxIze/Step%204%20reposition%20the%20tile.jpg (Step 4 reposition the tile)

Create Isometric Tiles – Step 4 – Reposition the tile

The final step is to reposition the tile. It's also possible to resize your artboard or canvas to the correct height/width ratio. You can tell in the image that the new isometric tile covers exactly 50% of the square artboard.

Now you can save the image as a .png file. Make sure that all the areas that are not part of the tile (the parts between the diamond and red rectangle) are transparent, and not white.

But wait, there's more...

Step 5 (Optional): Add Depth

The result from step 4 is already a good result, and can be used in mazes 2D Tiles. However, in some cases you may want to add some suggested depth to the tiles, for an even better result.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/lChVd3XiFG/Step%205.jpg (Step 5)

Create Isometric Tiles – Step 5 – Add Suggested Depth

In this step you can add two slightly skewed rectangles, or even just lines, to suggest a sense of depth. The exact way to do this depends on the tools you're using. Adobe Illustrator offers advanced options to move or add individual points to a path, or to move just one side of a rectangle, to create the skewed appearance.

After adding the skewed rectangles to the image, you can give them each a different colour. In the example we've used two shades of grey, suggesting a light source that comes from the right, and a bit more shadow at the left. This increases the 3D look and feel of the tile.

There are many styles and options here:

The example shows a 3D cube, used in games like minecraft. It is completely up to you to choose how much depth you want to add. You could go from a thin line, to as long as a cube or even longer.

In the example, the top layer stops at the edges. It's also possible to copy those colours to the top 5% or top 10% of the depth. In a colour maze, you could make it look like the top is grass, the top 5% of the depth would also be grass, and below that could be brown for dirt.

Overview

The screenshot above shows several things:

You can also see 5 tabs for this puzzle type

Main: this is what you're seeing in the screenshot
Tile Multiplier: An Add-on that will complete tilesets from only 5 or 6 base tiles. It can also generate isometric tiles from square tiles. We also have a tutorial on how to use the Tile Multiplier Add-on.
Style: Colour and line width settings for the solution path
Mask: Using masks to create mazes in custom shapes. You can use your own silhouette images to create masks, and then edit or finetune the masks.
info: Here you can see license information for this Puzzle Maker Pro module, including add-ons.

Setting up your maze

Puzzle Size

You can select the number of rows (horizontal) and columns (vertical) for your maze. Both have a mazimum of 100. We chose this maximum because of multiple reasons:

We want to keep the appearance of your tiles intact. If you print too many tiles on a small surface, details could be lost.
Each tile image has to be 'printed' on the maze image. Using larger puzzles will take more time to generate.

However, if you really want larger puzzles, feel free to contact us, and we can see if a larger upper limit is possible.

Empty Cells

You can add empty cells to the maze. Depending on your tile set, these tiles will be actually empty, or you can add specific tiles for these empty cells. For example, if you create a maze with road style tiles, you could add houses or small lakes in the empty cells.

Quantity

Finally, there's an option to set the quantity. This is the number of mazes you want to generate when you click the "create" button. The puzzles will be saved in the location you set up using the Output settings in Puzzle Maker Pro

Selecting the Tiles Folder

To select the Tiles Folder, click the "browse" button, and navigate to the folder where you have stored your images. Select one of the images, and click "open". This will automatically select the entire folder of images.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/6bNZxAf1hA/Mazes%202D%20Tiles%20select%20tiles%20folder.jpg (Mazes 2D Tiles select tiles folder)

The pack shown here is a free Cartography Tiles Pack from Kenney. As you can see, we've renamed the files, with each file now starting with one or more numbers. The numbers indicate the sides of the square that are connected, with 0 having no connections, 12 meaning side 1 and 2 are connected, et cetera. For more information, you can always look at our tile format and naming conventions guide.

Note: The tiles used in this preview are only 64 by 64 pixels, meaning they have to be upscaled if you want to use them in a maze.

After selecting this set, and clicking the "preview" button, you'll see something like this:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/TedRrqgpv6/Mazes%202D%20Tiles%20using%20your%20own%20tile%20set.jpg (Mazes 2D Tiles using your own tile set)

The straight black solution line looks out of place in this maze style, so let's change that up a bit.

Style

The screenshot below shows the style settings for Mazes 2D Tiles

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/8N1WT532Nv/Mazes%202D%20Style%20Settings.jpg (Mazes 2D Style Settings)

Mazes 2D Tiles Style Settings

There are several options to customise the way the solution path is drawn:

You can change the width and colour of the solution path. Here we changed the width to 15. The width is a percentage of the square, so when a maze gets drawn the width of the solution path will now be 15%.
Curved line: This will uze Bezier curves (if you've used Adobe Illustrator, Photoshop, or Affinity before, you may be familiar with these already), to make a curved line. The line will go through the center points of each tile.
Dotted Line: Instead of a single continuous line, you can also create a dotted line. We have chosen this style because it fits the general style of the puzzle more.

In addition to these options, you can also change the canvas colour. We haven't changed that setting here, because the tiles themselves have transparency as well.

Create Isometric Mazes with Mazes 2D Tiles

In this tutorial we’ll show you how to create isometric mazes with Puzzle Maker Pro – Mazes 2D Tiles. We recommend you start by reading Getting Started with Mazes 2D tiles, so you understand the basics of this program.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/HvD7TPK5AE/Mazes-2D-Tiles-Isometric-Mazes-Steps.jpg (Mazes-2D-Tiles-Isometric-Mazes-Steps)

First Steps

To create an isometric maze, select “Isometric – Classic” from the Grid Type dropdown menu. You’ll see a preview of the maze, using the current settings (1)

To use your own tiles, click “Browse” (2). To select a folder, just select one of the images in that folder, and click “Open”. That will select the entire folder, not just the single image.

If the preview panel is not centered, you can do so by moving the mouse wheel when you hover over the image.

Isometric - Full Square

The diamond shaped maze is what we call the ‘Classic’ variation of isometric. This is the isometric style you often see in video games. However, we also offer the option to fill the entire canvas with isometric squares. This option is called "Isometric - Full Square". This will add more cells to create a square maze, as seen in the picture below. We also recommend this option if you want to work with masks. Below is an example of a maze generated with the Isometric Full Square option selected.

Creating and Using your own tiles

It is possible to use your own tiles for Mazes 2D Tiles. You can find this information at Mazes 2D Tile Format and Naming Conventions.

Making isometric tiles yourself sounds more difficult than it really is. There are multiple ways you can go about it:

You can use regular square tiles, and our Tile Multiplier Add-On. With this method, you will only really need 5 or 6 square tiles for the maze, and two additional images for a start and end point. This can even be done in powerpoint if you don't have Photoshop or equivalent. Here is a video on How to Create Square Tiles with MS Powerpoint. Do note that while the tile multiplier will rotate images for you, it does not add the suggested depth shown in the example images on this page.
You can draw the isometric tiles yourself. We have tutorials on how to do this in Adobe Illustrator, but this can be done in other graphic programs as well. A Video on making Isometric Tiles with Adobe Illustrator, The Text for making Isometric Tiles with Adobe Illustrator
Last but not least, you can find isometric tiles on the web. There are both free and paid options available, although most free sets seem to only be available in 32 or 64 pixels. Depending on your maze and your image settings, this could lead to a blurry final maze. An example of other tiles can be seen below:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/FaHK2YMRM4/Mazes-2D-Tiles-Kenney-Roads-example-1024x545.jpg (Mazes-2D-Tiles-Kenney-Roads-example-1024x545)

Isometric maze using public domain tiles (Tiles downloaded from https://opengameart.org/users/kenney)

As you can see in the image, there are some 'holes' in the maze. We have selected 10 Empty Cells, and because there is no '0' image, which would be an image with 0 connections to the tiles surrounding it, these are left empty. This can result in a 3D effect when you use isometric tiles.

Creating Square Tiles for Mazes 2D Tiles

Tiles for Mazes 2D Tiles have to be saved in a .png format.

Naming conventions

We've set up a simple standard, where each side of a tile gets a number. The code consists of the numbers for the sides that are connected. The name of the file (the image file for the tile) has to start with this code, followed by a dash ("-"). The dash is required to let the software know where the code ends.

For example, a tile with a corner that connects sides 1 and 2, has code 12. The filename for this image can be something like "12-top right corner.png" or "12-corner with tree.png". You can also have both names, the software will randomly pick one of them each time this type of tile is needed.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/pgaxGX167f/Square%20Tile%20Numbering%20convention.jpg (Square Tile Numbering convention)

There are 16 possible codes for square mazes:

0 – optional, empty square. You can use this for embellishments, like trees, your logo, etc

1, 2, 3, 4 – Dead end

12, 23, 34, 14 – Corners

13, 24 – Straight connection

1234 – Crossing (all sides connected)

123, 124, 134, 234 – Split / three-way connection

In addition to those 16 codes, you’ll need two additional images:

s – start image (this will be printed over the start tile)

e – end image (this will be printed over the finish tile)

Image Size

The image size (or canvas size) for your tiles depends on the size of the mazes you are going to generate:

If you’d be creating a maze of 40 by 40 on that canvas, each square would be just 50 by 50 pixels.

When the squares are printed on the canvas by Mazes 2D Tiles, they will be resized to fit.

The default tiles in Puzzle Maker Pro were created at 500×500 pixels.

Drawing the Tiles

Drawing the tiles is actually very easy. The important thing to do is make sure that the connections, at the edges of each square, are at the same place for each tile. Below is the template we used for Adobe Illustrator:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/xqzaVE3Tmn/Adobe%20Illustrator%20template.jpg (Adobe Illustrator template)

This template has several options for each tile. If you don't have the option to create multiple artobards, it's best to create a template that has all sides connected, and use that for all other tiles as well.

While we use Illustrator for the example, any editing software will do, such as Adobe Photoshop, Corel Paint, Affinity, Canva, or even the software that comes with your computer, such as MS Paint.

To summarise, you'll need 16+2 Tiles for your maze:

1-top.png
2-right.png
3-bottom.png
4-left.png
12-topright.png
23-rightbottom.png
34-bottomleft.png
14-topleft.png
123-toprightbottom.png
124-toprightleft.png
134-topbottomleft.png
234-rightbottomleft.png
13-topbottom.png
24-rightleft.png
1234-allsides.png
0-blank.png (optional)
S-Startsymbol.png
E-Endsymbol.png

For each of the files, the code at the start (the numbers plus the dash) have to be there. The rest of the filename can be omitted, or changed to something else if you want to. You can also create multiple tiles for the same code, for extra variation.

Creating Isometric Tiles for Mazes 2D Tiles

The standard naming convention for isometric tiles looks a lot like the square tiles: the code for each tile consists of the numbers for the sides that are connected. The tiles are just rotated 45 degrees.

1 – Top Right (instead of top)

2 – Bottom Right (instead of right)

3 – Bottom Left (instead of bottom)

4 – Top Left (instead of left)

Again, the name of the file has to start with that code, followed by a dash (“-“).

For example, a tile with a corner that connects sides 1 (top right) and 2 (bottom right) has code 12. The filename could be something like “12-simple corner.PNG”

For isometric mazes there are 16 possible codes as well:

0 – optional, empty square. You can use this for embellishments, like trees, your logo, etc

1, 2, 3, 4 – Dead end

12, 23, 34, 14 – Corners

13, 24 – Straight connection

1234 – Crossing (all sides connected)

123, 124, 134, 234 – Split / three-way connection

In addition to those 16 codes, you’ll need two additional images:

s – start image (this will be printed over the start tile)

e – end image (this will be printed over the finish tile)

(The list of files that are required for isometric mazes is identical to the list for square mazes, although the tiles look different.)

Drawing the Tiles

For Mazes 2D Tiles we follow the isometric ‘standard’ that is used by most game developers: For the basic tile, the width is twice the height. In addition to that, you can add depth to the tiles, by drawing ‘suggested’ depth below the tile.

It’s usually easiest – but not required – to start with square tiles, and then rotate and resize them. There are other options, depending on the tools you have. For example, in Photoshop you can use ‘smart objects’ to do the transformation for you (after you set it up just once).

The steps to transform a square tile into an isometric tile:

Rotate the tile 45 degrees clockwise
Scale the tile to fit onto the canvas – if you have a 200×200 pixel tile and rotate it, it will be approx 280 pixels wide, so scale it back to have a total width of 200 again
Re-scale the tile – Horizontally to 100%, vertically to 50%. Immediately you’ll see the isometric look of the tile.
You can save the tile as PNG image. If you started with a 200×200 pixel tile, the canvas should now be 200 (wide) x 100 (high).
Optionally add additional lines and colors to suggest depth.

For an in-depth tutorial on how to do this, you can look at our tutorial on how to create isometric tiles with Adobe Illustrator, where we go into detail on the creation of isometric tiles.

Image Size

The image size of the files for isometric tiles depends on the embellishments you use:

The size of the basic tile should have a 1:2 ratio for the height:width sizes. If the tile is 200 pixels wide, it should be 100 pixels high. (The proper working of Puzzle Maker Pro – Mazes 2D Tiles depends on this, otherwise the results will not look right)
If you have added depth to the tile, either by adding additional lines or shading at the bottom, or by placing objects on the tile that stick out on top (e.g. towers, persons, arrows), the tile size can be larger. If you add depth suggestion at the bottom, each tile should have the same additional depth!
Mazes 2D Tiles will use the height of the smallest tile to determine the depth of the tiles. and align the tiles according to that height
If you have objects sticking out on top, these should be drawn over the tiles behind it. Mazes 2D Tiles will take this into account when setting up the canvas dimensions and margins

How to create Mazes with random shapes using Puzzle Maker Pro - Mazes 2D Random Shapes?

This tutorial applies to Puzzle Maker Pro - Mazes 2D Random Shapes.

The tutorial "How to use Mazes 2D Squares" describes how to use the generic options for Mazes 2D.

The module Mazes 2D Random Shapes is available in Puzzle Maker Pro v2022.11 (or newer)

Mazes 2D Random Shape lets you create mazes with random shapes (polygons and triangles), resulting in a completely different maze each time you create or preview a maze.

The module includes

Voronoi Cells (an organic looking pattern)
Triangulation (irregular triangles)

In addition to the Random Shapes options, this module includes the 'standard' maze generation and style options in the Puzzle Maker Pro - Mazes 2D collection.

Note: The Masks Add-On is not available for this module.

Creating Random Shapes Mazes

Select Mazes 2D in the main Puzzle Type dropdown menu, then select either "Voronoi Cells" or "Triangulation" in the (maze) Type dropdown menu. Click "Next Preview" to quickly get a first impression. (Changing settings does not automatically create a new preview, because you may want to change multiple settings, and the mazes, especially at larger sizes, may take some time to generate).

Creating Voronoi Mazes

You may not know it by this name, but this type of pattern is quite common in nature, and also in logistics. Mr Voronoi created an algorithm to divide an area (in our case the canvas) in smaller areas (cells), where each point in the cell is closer to its center than to other centers. This is used for example to determine which area is served by a subway or bus station, or by a distribution center. In nature you can see patterns like this for example on a giraffe.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/nnlJcWzUpc/Voronoi%20Cells%20Example.png (Voronoi Cells Example)

In this example image, the dots are placed randomly. The black lines (cell borders) are equally distant from the two points they separate. Voronoi on Wikipedia.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/QGe4Be3GsF/Voronoi%20Maze%20-%20Even%20Spread%20Screenshot.png (Voronoi Maze - Even Spread Screenshot)

The number of rows and columns for the maze are used to determine the format of the puzzle (square, rectangle), and to calculate the total number of points or cells. Due the to the random way these mazes are generated, there are not actually 20 cells horizontally and 20 cells vertically in this example.

Changing the layout of the maze

All the common customization and randomization options for Mazes 2D will work for the Voronoi Cells as well, except that masking is not available. (This could cause parts of cells to be masked, which is too complex to calculate at reasonable speed).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/hz0oqLdFtc/Voronoi%20Maze%20-%20Centered%20Spread%20Screenshot.png (Voronoi Maze - Centered Spread Screenshot)

The "Spread" slider will force the points to be more close to the center (while still random). This results in a maze with a very different look and feel, more like an old city.

Creating Triangulation Mazes

Triangulation is a way to connect all the dots (or centers) with non-overlapping triangles. Resulting in a pattern that is related to, but very different from the Voronoi pattern.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/OQ37BNZiND/Triangulation%20Example.png (Triangulation Example)

In this example image, the dots are placed randomly. The black lines connect the dots that are closest to each other, resulting in triangles.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/LRAtNzr3PJ/Triangulation%20Maze%20-%20Even%20Spread%20Screenshot.png (Triangulation Maze - Even Spread Screenshot)

When we use triangulation to create a maze, the lines are connected more sharply, maybe less esthetically pleasing than Voronoi. This type of maze is also quite unique.

Changing the layout of the maze

All the common customization and randomization options for Mazes 2D will work for the Triangulation as well, except that masking is not available. (This could cause parts of cells to be masked, which is too complex to calculate at reasonable speed).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/dz1nOOI91v/Triangulation%20Maze%20-%20Centered%20Spread%20Screenshot.png (Triangulation Maze - Centered Spread Screenshot)

The "Spread" slider will force the points to be more close to the center (while still random). This results in a maze with a very different look and feel.

How to create Basket Weave Mazes with Puzzle Maker Pro - Mazes 2D Bricks

This tutorial applies to Puzzle Maker Pro - Mazes 2D Patchwork Bricks.

The tutorial "How to use Mazes 2D Squares" describes how to use the generic options for Mazes 2D.

The module Mazes 2D Bricks for Puzzle Maker Pro contains two maze puzzle types:

Patchwork Bricks, and
Patchwork Basket Weave

This tutorial focuses on Patchwork Basket Weave

Mazes 2D Patchwork Basket Weave lets you design your own maze using the Basket Weave pattern. You can customize the size of the basket, and there are quite a few colorization options, resulting in a more playful (or artistically fulfilling) maze.

The module includes

1 Basket Weave pattern in 8 sizes (2 to 9 bricks/cells per tile)
5 colorization options, and color randomization control

In addition to the Basket Weave options, this module includes the 'standard' maze generation and style options in the Puzzle Maker Pro - Mazes 2D collection.

Note: The Masks Add-On is not available for this module.

Creating Patchwork Basket Weave mazes

Select Mazes 2D in the main Puzzle Type dropdown menu, then select Patchwork Basket Weave in the (maze) Type dropdown menu. Click "Next Preview" to quickly get a first impression. (Changing settings does not automatically create a new preview, because you may want to change multiple settings, and the mazes, especially at larger sizes, may take some time to generate).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/InjoZEAcpz/Patchwork%20Basket%20Weave%20Overview.png (Patchwork Basket Weave Overview)

On the special Basket Weave tab, you can see four groups of settings

Select the size (number of bricks) for each tile,
Select the Color Style and Accent Color
Select the Accent Color for Color Style 1
Select the Randomization Style for Color Styles 2 and 4

Basket Weave Steps

The number of Steps determines the number of bricks in each 'tile'. You can select a number between 2 and 9, resulting in 2 to 9 bricks horizontally in the first tile, and 2 to 9 bricks vertically in the second tile, etc.

Please be aware that larger tiles (e.g. Steps 7,8,9) will result in mazes that take less steps to solve (because the cells are larger).

In the screenshot above you can see a 20 x 20 grid, using tiles with 3 bricks each. At the right side and at the bottom, you can see that some of the tiles are cut off. That's because 20 is not a multiple of 18. You'll see 6 full tiles and 2 thirds of the tiles at the right and at the bottom.

To prevent this, you can use the option "Full Tiles Only", that will use the largest number of tiles possible without cropping any of them.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/bUaHpvv7WJ/Patchwork%20Basket%20Weave%20Full%20Tiles%20Only.png (Patchwork Basket Weave Full Tiles Only)

Basket Weave Colorization

There are 5 colorization options for Basket Weave mazes:

None - no additional colors will be applied
Bricks - Color Range: A custom color range will be calculated (see below). Brick 1 in each tile gets Accent Color 1, the last brick gets Accent Color 2, and each brick in between gets a color 'between' the other two
Bricks - Random Colors: Each brick gets a random color, but bricks in the same position will get the same color
Tiles - Checkerboard: Every other tile will be colored with the Accent Color, creating a checkerboard pattern
Tiles - Random Colors: Each tile will get a randomized color. Some tiles may get the same color

Color Range

The Color Range option used the two colors Accent Color and Accent Color 2, and will calculate steps between the RGB values of these colors. Let's say Accent Color = RGB (255,20,0) and Accent Color 2 = RGB (255,162,154). When there are three bricks in each tile (Steps = 3), the middle tile will get the 'averaged' color RgB (255, 91, 77). 91 is exactly in the middle between 20 and 91, 77 if exactly in the middle between 0 and 154.

This brief explanation is just to get a feel for it. It's best to play with the colors and find results that appeal to you. This mechanisme will work with grayscale colors as well.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/sof2BqySIP/Patchwork%20Basket%20Weave%20Color%20Range.png (Patchwork Basket Weave Color Range)

Random Colors

For random colors, a new color is selected 'near' Accent Color. The "Randomization Range" slider determines the maximum percentage that the new color can be changed from the Accent Color. When you use bricks with random colors, Brick 1 in each tile will always get the same color, etc.

When you select Tiles with Random Colors, each tile (the bricks in each tile) will get a different random color.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/MBYGaDjcFI/Patchwork%20Basket%20Weave%20Random%20Colors.png (Patchwork Basket Weave Random Colors)

That's all... it's a Basket Weave is a simple pattern, that gets a unique look and feel with the colorization options.

How to create Brick Mazes with Puzzle Maker Pro - Mazes 2D Bricks

This tutorial applies to Puzzle Maker Pro - Mazes 2D Patchwork Bricks.

The tutorial "How to use Mazes 2D Squares" describes how to use the generic options for Mazes 2D.

The module Mazes 2D Bricks for Puzzle Maker Pro contains two maze puzzle types:

Patchwork Bricks, and
Patchwork Basket Weave

This tutorial focuses on Patchwork Bricks

Mazes 2D Patchwork Bricks lets you design your own maze in a several brick bond patterns. In addition to the different patterns and customizations, you can use an accent color for some of the bricks, resulting in a more playful (or artistically fulfilling) maze.

The module includes

7 different brick bond types
3 options to customize the size and position within each bond type
6 colorization options (including randomization of the colorization pattern and randomization of the color)

In addition to the Bricks options, this module includes the 'standard' maze generation and style options in the Puzzle Maker Pro - Mazes 2D collection.

Note: The Masks Add-On is not available for this module.

Using Mazes 2D Patchwork Bricks

Select Mazes 2D in the main Puzzle Type dropdown menu, then select Patchwork Bricks in the (maze) Type dropdown menu. Click "Next Preview" to quickly get a first impression. (Changing settings does not automatically create a new preview, because you may want to change multiple settings, and the mazes, especially at larger sizes, may take some time to generate).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/u2HAbt0HhQ/Patchwork%20Bricks%20Overview.png (Patchwork Bricks Overview)

On the special Bricks tab, you can see three groups of settings

Select the brick bond type (variation)
Brick and position customization
Bricks Colorization

Bond Types

Currently there are 7 bond types included in Patchwork Bonds:

Flemish Bond
Stretcher Bond
Raking Stretcher Bond
Dutch Bond
English Cross Bond
Dearne's Bond
Rat Trap Bond

Customization Options

In general, as with most features in Puzzle Maker Pro, it's best to experiment and find out your own preferred settings.

Using slider "Height/Width Ratio" you can change the dimensions of the short brick

Using slider "Large/Small Brick Ratio" you can change the size of the large brick (relative to the short brick)

Using slider "2nd Row Shift" you can change the position of each 2nd row of bricks. In reality you shouldn't do ths for load-bearing walls... But for a simple maze, you can be creative.

The screenshot below is just one example of customized brick settings.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/yZPGzJsDSg/Patchwork%20Bricks%20Customization.png (Patchwork Bricks Customization)

Note: with these settings it's possible to create bricks that have barely any width, making it hard to draw the maze. The software should not crash when you try this, but the walls and passages may overlap. Always check a couple of previews to verify that the results are perfect.

Colorization Options

There are several ways to colorize the bricks in the bricks mazes, creating a more playful and/or elegant experience:

None, no colors will be used, besides the colors on the Style tab
Small Bricks, the small bricks will be colored using the Accent Color
Uneven Bricks, this will color every other brick using the Accent Color
Uneven Rows, this will color the bricks in row 1, 3, 5, etc, using the Accent Color
All Bricks, this will use the Accent Color for all bricks. This works best with the "Randomize Colors" option (see below)
Randomize Pattern, this will use a random Colorization pattern for each puzzle that's generated

The option "Randomize Colors" will create random colors close to the chosen Accent Color, creating a lively, more or less organic, colored wall. (Randomization is done by using a random number to the R, G and B codes of the color).

How to use Puzzle Maker Pro - Mazes 2D DIY Mazes

This tutorial applies to Puzzle Maker Pro - Mazes 2D DIY Mazes.

The tutorial "How to use Mazes 2D Squares" describes how to use the generic options for Mazes 2D.

The tutorial for "Patchwork Log Cabin" describes the common features - this tutorial focuses on how to draw and create your own maze.

Mazes 2D DIY Mazes lets you design your own maze. Entirely, or as a building block that will be repeated and rotated to fill a larger grid.

This module includes:

The option to use your own maze, by creating a text file that can be selected (imported) in Puzzle Maker Pro
3 colorization options (no colors plus two ways to add color accents, dependent on the your maze specifications)
Several options to fill a larger grid (maze) with a smaller design. If you are using POD Graphics Maker as well, you'll recognize this. (this feature is described in detail in the tutorial for "Patchwork Log Cabin"

In addition to the log cabin options, this module includes the 'standard' maze generation and style options in the Puzzle Maker Pro - Mazes 2D collection.

Note: There is no Masks Add-On available for this module. However, you can build the mask into your DIY Maze by adjusting the pattern.

Using Mazes 2D DIY Mazes

Select Mazes 2D in the main Puzzle Type dropdown menu, then select DIY Mazes in the (maze) Type dropdown menu. Click "Next Preview" to quickly get a first impression. (Changing settings does not automatically create a new preview, because you may want to change multiple settings, and the mazes, especially at larger sizes, may take some time to generate).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/IBkFx743jG/DIY%20Mazes%20Overview.png (DIY Mazes Overview)

On the special DIY Maze tab, you can see several groups of settings:

File selection
Repeat settings
Colorization settings

How to use the Repeat settings and colorization settings is described in the Patchwork Log Cabin tutorial. The way it looks will completely depend on your maze.

Creating the maze

There are 6 steps to create your maze

Draw the maze
Number the different cells / shapes in your maze
Create a text file from these numbers
Select the text file in Puzzle Maker Pro
Click Preview
Adjust maze settings

Step 1 - Draw the maze

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/Lo3eOJFSFz/DIY%20Maze%20-%20design.jpg (DIY Maze - design)

This example image was created in Powerpoint (using a 5x5 table), but you can draw with pencil and paper, or any way you like. The image with the different cells or shapes is just for you, it's not just by Puzzle Maker Pro.

The one thing you need to take care of, is that the grid is made out of squares, each row has the same number of squares, and each column has the same number of squares.

You obviously do not need to design the passages between the cells. These will be generated by Puzzle Maker Pro. if two shapes have multiple shared borders (such as shape 3 and 4 in the next image), Puzzle Maker Pro will randomly select one of the borders.

Each shape needs to be fully connected (in math terms: 4-connected). That means the squares in the shape should be next to each other vertically or horizontally. Otherwise no maze can be generated.

You can choose your own size, up to 100x100. However, in most cases you get create effects by using a smaller design, e.g. 5x5 to 10x10 squares, and then use the power of Puzzle Maker Pro to create randomized repeats.

Step 2 - Number the cells

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/I5kRldmEwk/DIY%20Maze%20numbered%20cells.jpg (DIY Maze numbered cells)

You can use numbers or letters or words, to identify each shape in your maze design. The example uses consecutive numbers (this is the best way for quality control, to be sure there are no duplicate numbers in different shapes).

Step 3 - Create a text file

Now create a simple text file, that can be edited in Notepad. The software can NOT handle Word, Excel or Powerpoint files!

Here's a screenshot of the file DIYMaze.txt that I created for this tutorial:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/XU6nyc8ohF/DIYMaze.jpg (DIYMaze)

The commas will be used to separate the different cell/shape codes. You cannot use another symbol instead.

That's really all there's to it.

Step 4 - Select the text file

That's number (1) in the screenshot at the top of this page

Step 5 - Click Preview

You'll need to click "Next Preview" to see the results. This is done on purpose, because you may want to adjust several settings at once, and generating a custom maze can take a bit of time (a second or two, for very large mazes, depending on your computer)

Step 6 - Adjust maze settings

Depending on your design, you can now change the grid size and the repeat options, to get differently looking randomized mazes from your design.

Advanced design options

Excluding squares from the maze

There is no Masks option for DIY Mazes, but you can easily exclude cells from the maze: Just use a 0, or nothing at all to add a square that's excluded.

For example 1,1,0,2,2 - this is identical to 1,1,,2,2 (the first option is easier to read and to adjust visually).

Colorization

In addition to the numbers for your maze, you can add a separate (!) line starting with the word 'Accent1' or 'Accent2' that has the numbers that need to be colorized. The lettercase of the word Accent1 doesn't matter.

Accent1 will be used if you select Color Style 1, acccent2 will be used if you select Color Style 2.

This will use the specified accent color for shapes 1, 6 and 9. This can give you a result like the following screenshot:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/Ow7ueuRR6Y/DIY%20Maze%20Accent%20Colors.png (DIY Maze Accent Colors)

Final remarks

Just like other Puzzle Maker Pro modules, it's best to play around with the settings, generate previews of the mazes, and find settings that fit your style. Don't forget to save these settings as presets, for later reuse!

How to use Puzzle Maker Pro - Mazes 2D Patchwork Log Cabin

This tutorial applies to Puzzle Maker Pro - Mazes 2D Patchwork Log Cabin.

The tutorial "How to use Mazes 2D Squares" describes how to use the generic options for Mazes 2D.

In this tutorial we'll explain the specific 'log cabin' features.

Log Cabin is a type Patchwork design, resembling the way logs are stacked to build a log cabin.

This module includes:

4 different log cabin designs
3 colorization options (no colors plus two ways to add color accents, dependent on the log cabin design)
Several options to fill a larger grid (maze) with a smaller log cabin design, just the way it's done in patchwork designs.

In addition to the log cabin options, this module includes the 'standard' maze generation and style options in the Puzzle Maker Pro - Mazes 2D collection.

Note: Due to the specific algorithm for Mazes 2D Patchwork Log Cabin, the Masks Add-On is not available for this module. It would go against the log cabin concept, and additionally, you wouldn't be able to mask smaller parts of the 'logs'. However, the Mazes 2D DIY Maze module can do all this and more.

Mazes 2D Patchwork Log Cabin

Select Mazes 2D in the main Puzzle Type dropdown menu, then select Patchwork Log Cabin in the (maze) Type dropdown menu. Click "Next Preview" to quickly get a first impression. (Changing settings does not automatically create a new preview, because you may want to change multiple settings, and the mazes, especially at larger sizes, may take some time to generate).

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/77E92SJ0ue/Patchwork%20Log%20Cabin%20Overview.png (Patchwork Log Cabin Overview)

On the special Log Cabin tab, you can see several groups of settings:

The Log Cabin settings Variation and Steps
Repeat settings
Colorization settings

Variation and Steps

Currently there are four different Log Cabin variations in this maze module:

Standard
Courthouse Steps
Chimneys and Cornerstones
Chevrons

For each variation you can customize the size ("Steps"), this will add more log levels.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/J4gJVE2Imb/Patchwork%20Log%20Cabin%204%20Variations.JPG (Patchwork Log Cabin 4 Variations.JPG)

Repeat Settings

As you can see, these separate grids have quite long cells, which would result in fairly easy mazes. That's why there's the option to fill a larger grid with these log cabin patterns, and generate a maze for the entire grid. The grid size is determined by the Rows/Columns settings in the Puzzle Control area.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/fETY0Ty7Fp/Patchwork%20Log%20Cabin%20Repeat%20Patterns.JPG (Patchwork Log Cabin Repeat Patterns.JPG)

There are several 'Repeat' options:

Copy - this will just copy the log cabin pattern until the grid is filled.
Rotate Clockwise (1x, 2x, 3x)
Mirror Vertically or Horizontally or both
Random - will randomly select one of the repeat options for each maze you generate.

Finally there's the "Full Repeats Only" option: When you want a 50x50 puzzle, but the log cabin size you selected is 8x8 squares, the log cabins at the right and bottom will be cut off. This may not be a problem, but especially when you use the colorization options, you may want to show only full log cabins. The Full Repeats Only option lets you do that. In the 8x8 log cabin example and a 50x50 maze, it would generate a 48x48 maze instead, using 6 log cabin patterns in each direction.

Colorization Settings

Colorization of your mazes is not required, but it can be a nice touch. In patchwork / quilting there's usually a kind of contrast in the different fabrics that are used, resulting in patterns like this:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/hsLv9rHrj8/Patchwork%20Log%20Cabin%20Colorization.JPG (Patchwork Log Cabin Colorization.JPG)

You can use this for a maze as well. There are three colorization options and a random option

No Color
Color Variation 1
Color variation 2
Random (Randomly choose one of the three options for each maze you generate)

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/UQQLVJHdnl/Patchwork%20Log%20Cabin%20Maze%20Colorization.JPG (Patchwork Log Cabin Maze Colorization.JPG)

The colorization can give a true patchwork log cabin look and feel to the maze, as you can see in these examples.

Just like other Puzzle Maker Pro modules, it's best to play around with the settings, generate previews of the mazes, and find settings that fit your style. Don't forget to save these settings as presets, for later reuse!

How to use Puzzle Maker Pro - Mazes 2D Cubism

This tutorial applies to Puzzle Maker Pro - Mazes 2D Cubism and Puzzle Maker Pro - Mazes 2D Cubism Variations Add-On.

The tutorial "How to use Mazes 2D Squares" describes how to use the generic options for Mazes 2D.

In this tutorial we'll explain the specific 'cubism' features.

This module works by splitting the entire canvas into smaller areas (squares, rectangles or triangles).

Note: Due to the algorithm used by Mazes 2D Cubism, the Masks Add-On is not available for this module.

Mazes 2D Cubism

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/7pdkcni44w/Mazes%20Cubism%20Overview%20Fifty%20Fifty.png (Mazes Cubism Overview Fifty Fifty)

To use Mazes 2D Cubism, select "Mazes 2D" in the puzzle type dropdown menu, and then select "Cubism" in the Puzzle Control area. Next, click preview to generate a first maze.

The number of rows and columns defines the smallest possible square in the maze. However, due to randomization, it's not always guaranteed that this size will occur
The "Split Ratio" slider controls how often squares (or rectangles) will be split into smaller squares or rectangles. To keep many relatively large squares and rectangles, move the slider to the left. To get many small squares and just a few larger ones, move the slider to the right.

Mazes 2D Cubism Variations

The Mazes 2D Cubism Variations Add-On adds two new variations to the Cubism mazes:

Golden Ratio
Triangles

Golden Ratio

The Golden ratio (also sectio aurea / sectio divina) is a way to split a line in two sections, where the ratio between section 1 and section 2 is identical to the ratio between section 2 and section 1 plus section 2. This can be applied repeatedly.

Triangles

The addition of triangles will result in a completely different type of maze. In this case the maze will consist of squares, rectangles and triangles.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/MF8KmHwRjV/Mazes%20Cubism%20Overview%20Triangles.png (Mazes Cubism Overview Triangles)

To use Triangles, select the "Squares / Rectangles / Triangles option (1)

How to Create Isometric Tiles with Adobe Illustrator

Getting Started with Mazes 2D Tiles

Create Isometric Mazes with Mazes 2D Tiles

Mazes 2D Tiles - Tile format and naming conventions

How to create Mazes with random shapes using Puzzle Maker Pro - Mazes 2D Random Shapes?

How to create Basket Weave Mazes with Puzzle Maker Pro - Mazes 2D Bricks

How to create Brick Mazes with Puzzle Maker Pro - Mazes 2D Bricks

How to use Puzzle Maker Pro - Mazes 2D DIY Mazes

How to use Puzzle Maker Pro - Mazes 2D Patchwork Log cabin

How to use Puzzle Maker Pro - Mazes 2D Cubism