Shapes and Layers

Containers

Group

Group shape

A Group shape is a shape that contains other shapes.

It can define transformations and opacity for the contained group.

Editing

When a group is selected and editable, there some handles around its bounding box that allow editing of various properties:

The X-shaped handle in the middle allows you to change the anchor point around which other transformations are performed.

The Circle on the top allows you to rotate the group.
Holding Ctrl while dragging it will snap the rotation to increments of 15 degrees.

The Squares on the corners change X and Y scale at the same time.

The Diamonds on the edges change scale for one component at the time.
Holding Ctrl while dragging them will preserve the aspect ratio.

Layer

A Layer is a special kind of group with a couple extra properties.

Top level layers can have other top-level layers set as their parents, inheriting their parent's transformations, this allows some more advanced layouts for example you could have two layers with the same parent layer and a third unrelated layer between them. This is not possible with plain group shapes.

Shapes

These define the actual shapes to draw, but no styling information.

Rectangle

Rectangle shape

Editing

When a rectangle shape is being edited, it shows the following handles:

The Square handle in the middle shows the center of the rectangle, dragging it moves the rectangle around.

The Square handles at the corners allow changing the size of the rectangle.
Simply dragging one of them will keep the other in place and change where the center is along with the size.
Holding Shift while dragging will keep the center in place and move the other corner the opposite direction to the one being dragged.
Holding Ctrl will lock the handle in one of 3 possible directions:

The final handle is a circle in the top right corner, that allows setting the "rounded" factor of the rectangle:

Rounded Rectangle

Ellipse

Ellipse

The handles here work the same as for Rectangle, minus the roundness one which is not present for ellipses.

Path

Path

This represents an arbitrary bezier shape.

Editing

When editing a bezier path, you'll see two types of handles:

The way bezier curves work is that it creates a curve between two point, with the two other control points "pulling" on the shape to give its curvyness.

Bezier example

In the image above you can see a couple examples of bezier curves: they both have the starting and end points, and two other handles in between than pull the shape in different direction giving it its final shape.

The Point handles come in different types:

Bezier points

PolyStar

PolyStar

This shape can be used to draw stars and regular polygons.

Editing

When a star shape is being edited, it shows the following handles:

The Square handle in the middle shows the center of the star, dragging it moves the star around.

The Square handle near the corner defines angle and radius for the star. Holding Ctrl while dragging it will change the radius without affecting the angle.

If the polystar is a star (as opposed to a regular polygon) there's an additional Diamond handle which is used to change the secondary radius of the star.

Interactions

Dragging on the point handles moves them, and their related tangents with them.

Ctrl-clicking on a point handle will cycle its type between Corner and Smooth.

Dragging on the tangents moves them (Smooth and Symmetrical nodes will cause the opposite tangent to be moved as well).

If you hold Ctrl while dragging a tangent handle, you can change its length while keeping its angle unchanged.

If you hold Shift while dragging a tangent handle, the other tangent will be moved to keep the angle between them constant.

Style Shapes

These add visual elements to other shapes.

Fill

Adds a fill color to the other shapes in the same group. This can be changed using the fill style view.

Stroke

Adds an outline to the other shapes in the same group. This can be changed using the stroke style view.

Miscellaneous

Image

An image shows a raster image file, this could be from an external file of with data embedded within the Glaxnimate file.

Editing

Image objects are edited the same way as Group shapes.

Context Menu

Besides the usual options, you have:

Image
Shows a submenu with a list of images loaded in this document.

Embed
Copies the linked external image inside the Glaxnimate file.

Open with External Application
Opens that image with the default application for the given file type.

From File...
Shows a file dialog to change the file being displayed by the image object.