Question 1

How to create Social Media Images with Puzzles using Puzzle Maker Pro

Accepted Answer

This tutorial describes how to create Social Media Images with Puzzles using Puzzle Maker Pro.

For some modules, e.g. Crossword Variations, it's now possible to create image output with a title and a watermark, in addition to the regular output for puzzle books. Please be aware, this is not yet available for all puzzle modules.

Introduction

The additional 'Image' output was introduced to make it possible to create puzzles with an improved layout for social media or printables. To make this possible, we created an 'Image Settings' layout option that has all the settings for these images. Here's an example of what's possible (the puzzle in this image is a Criss Cross puzzle):

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/WxQGD5xMbx/Image%20Settings%20Puzzle%20Only.png (Image Settings Puzzle Only)

Setting the Title and Description

The title and description for this puzzle are part of the word list that's used for this puzzle, using the "#title" and "#description" options:

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

Editing the Image Settings

When a puzzle in Puzzle Maker Pro supports these new Image Settings, there is an option on the Output Settings tab to edit the settings:

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/O1fwKTFuAV/Image%20Settings%20Button.png (Image Settings Button)

In the next sections we'll explain all the different options for the Image Settings.

Layout Settings

The first tab has the Layout Settings. This is where you can enable or disable the different settings and add padding.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/ysezj02Sq2/Image%20Settings%20Puzzle%20Only%20-%20Marked.png (Image Settings Puzzle Only - Marked)

Padding and sizing is specified as a percentage of the total size of the puzzle. The exact size in pixels is calculated, based on the Puzzle Size.

Top Padding - optional empty space at the top of the image
Title Height - The font for the title will be adjusted automatically to make the text fit in the allocated space
Title Bottom Padding
Description Height
Description Bottom Padding - The description can be placed at the top or at the bottom of the puzzle
Puzzle Padding - empty space on all four sides of the puzzle, when it is added to the image. The actual empty space will also depend on the size and format of the puzzle. For example, when fitting a square puzzle in a rectangular space, there will be more white space on some of the sides
Watermark Top Padding
Watermark Height - The actual watermark is set on another tab, by default it's set to "www.bookpublishertools.com"
Bottom padding

You can enable or disable the different areas, depending on your styling preferences.

Colors and Fonts

You can set background color for the entire image (the canvas color) and the background color for the puzzle. (If the puzzle module has it's own canvas color settings, these will be used as well). Additionally you can add an outer border to the image.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/hrOttMcLIv/Image%20Settings%20-%20Colors.png (Image Settings - Colors)

You can set the fonts for the Title, Description and Watermark. (The Watermark font can be found on the Watermark tab). The font name, color and case will be used when printing the Title, Description or Watermark in the image.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/7zgRuiHY0O/Image%20Settings%20-%20Fonts.png (Image Settings - Fonts)

Size Options

By default the image settings from the "Output Settings" tab in Puzzle Maker Pro are used. You can override this by selecting one of the size settings on the "Size Options" tab. This allows you to configure specific size settings for your social media platform.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/d5KWGezzvB/Image%20Settings%20-%20Size%20Options.png (Image Settings - Size Options)

Watermark

The Watermark option allows you to add an url or brand name at the bottom of each image automatically. It's best to switch off the Watermark (on the Layout tab) when you are creating puzzle books, but it's a handy feature when you are creating images for social media.

Question 2

Creating Images for Word Puzzles

Accepted Answer

This tutorial shows how to create Word Scramble puzzles with Puzzle Maker Pro - Word Scramble.

This tutorial applies to:

Creating Images/Memes

In addition to the text output that's used for Instant Puzzle Books, there's also an option to directly create Images for your puzzle words. To do this, select the "Images/Memes" tab.

https://malcolm-en-gb.s3.eu-west-1.amazonaws.com/instances/wuGqS3zSeN/resources/S1GQqhqTLa/Images-Memes.png (Images-Memes)

This is an easy way to create simple puzzle images that can be used on social media or elsewhere. (For more advanced images, use the CSV output and your favorite editing software).

The options you have here:

Click "Create Images" to automatically generated these images when you create puzzles.
The Description or Title can be printed at the top. You can switch this off. If there's a description for the word, that will be used. Otherwise, the title for the set of words will be used. If neither is available, the Description will be left blank.
You can select the background color or keep it transparent. If the background color is transparent, you can layer it with other images in your favorite editing software, or use the background images feature in Puzzle Maker Pro: Output Settings -> Background Images tab).
You can set the border width and color.
For social media posts, you can add your own watermark text. if you don't need this, switch it off. (Unless you want to print "www.BookPublisherTools.com" on all your images.

The settings from this tab will also be used for the puzzle preview image when you click "Next Preview".

How to create Social Media Images with Puzzles using Puzzle Maker Pro

Creating Images for Word Puzzles

Not many results?