Watch a video on using Elements in Blaze Designer below:
What are Elements?
Elements are a collection of:
Shapes
Frames (Shapes with images inside)
Icons
Vectors
Illustrations
Shapes can be resized to any dimension without loosing quality.
Browsing Elements
Locate and select the Elements tool at the top of the screen (see below)
The Add Elements sidebar will pop out with all of the categories of elements listed in the side bar.
Clicking See all will expand that category to show the full array of options available.
Creating Elements
Simply locate a shape side bar and click on it to add a copy to your canvas.
You can add multiple shapes to the canvas.
Adjusting Elements
When Elements are added to the canvas, they can be moved, resized, and rotated.
Moving Elements - Click and drag your element to move it around on the canvas.
Resizing Elements - Use the handles located at the corners and center of the bounding box to resize your elements.
Rotating Elements - Click and hold the rotation icon located at the bottom of your element to adjust its rotation.
Adjustments
When you select an element on your canvas a handful of options will appear above the shape itself as well as in the sidebar.
Additional options are located inside of the ellipsis.
Exploring and Experimenting with Options
You can experiment with options located in the sidebar to adjust the appearance of elements on your canvas. Adjustments in the sidebar will only apply to the current element that you have selected.
Options will vary based on the type of element selected. For example, Shapes will have more options than Frames or Icons.
Undo and Redo
If you make a mistake while working on your design, you can use the undo and redo buttons inside of Blaze Designer to undo or redo changes.
You can also use keyboard shortcuts
Windows Users - Ctrl + Z to undo and Ctrl + Shift + Z to redo
MacOS Users - Cmd + Z to undo and Cmd + Shift + Z to redo
Accessing the Layer Stack
Regardless of what side panel you are in, clicking the back arrow will reveal the layer stack.
Adjusting Layers
Layers at the top of the stack will appear in front of other elements in your design.
Layers at the bottom of the stack will appear behind elements (or in back).
Clicking and dragging layers in the layer stack will change how layers appear in your design.
In the animation below, the circle appears behind the square. When the circle layer is dragged to the top of the layer stack it appears in front of the square.
