Adding and editing the shapes

You can add different shapes to your presentation by clicking from the left toolbar the shape selector icon (square and circle). Currently, there are seven default shapes (circle, square, star, diamond, equilateral triangle, right triangle, and hexagon).

EDITING THE SHAPES

• After adding a shape or multiple shapes you can edit them separately or all at once. You can multi-select by keeping SHIFT button pressed from the keyboard once clicking the shapes or dragging your mouse over all the shapes.
• You can resize the shape by dragging from the corner or the side (white dots; see picture below).

Once you have the shape or shapes selected a toolbar will appear at the top of the slide editor. 

• You can lock elements to make them inaccessible to editors. The element can be unlocked from the properties toolbar, which can be accessed from the top right corner button.
• You can copy elements.
• You can paste the copied element.
• You can delete the element (also by pressing backspace)
• You can bring element forward
• You can bring element backward
• You can edit the color of the element
• You can link internally (to another page) or externally to an outside webpage
• You can undo changes
• You can redo changes.

• By lowering the opacity of the element you can see all other content "under" the top element.

DIFFERENT WAYS TO USE SHAPES

Text box

• Shapes can be used in many ways to make the slides better. Here is an example of the use of white shape behind the text to separate it from the background. The white box's opacity has been dropped to 50% and it has been resized to fill the screen from top to bottom.
• Two smaller shapes have been added between the page title and the body text. The grey shape's opacity has been dropped down to 40%.

Here is the same page in play mode:

Adding a color filter (layer) to the background image

You can make the text stand out more from the background by making the background image darker or light (list of examples below)

• Picture 7 and 8. The text on the image does not stand out enough. Here we can add a dark layer to picture 7 or a light layer to picture 8.
• Picture 9. and 10. The layer takes some of the focus away from the background image that will draw more attention to the text on the slide. All text is clearly readable.
• If you want to add a layer on top of the image that is other colors than white or black, select the color you wish to add. Note that the result might not be as good as the result you would achieve with a dedicated image editor (I.E. Photoshop, Lightroom, etc.)
• To learn how to create layers like this, see tutorial after example images.

Picture 7.

Picture 8.

Picture 9.

Picture 10.

Start by creating a new shape. As a default that shape is black. 

• If you want to make the image darker, edit the opaque level to fit the darkness required (Picture 11).
• If you want to make the image lighter, change the shape to white and edit the opaque level to fit the level required (picture 11).

Make the shape large enough to cover the image in all scenarios (when viewing with mobile, etc.) The shape can be more than 10 000 x 10 000 pixels to make sure (picture 12).

Move the layer to be on the bottom of the element stack (sending it backward behind all other elements; background image is always "behind" all other elements). You can change the location when the shape is active from arrows on the top bar next to where you change the color (picture 11.), or from the element stack that is located in the "Properties" -tab that can be accessed from the right top right corner of the edit screen.

Lock the shape to make later editing easier. Locking prevents from accidentally selecting the shape (see picture 13).

Picture 11.

Picture 12.

Picture 13.