School knowledge base and forum

Submit a ticket My Tickets
Welcome
Login  Sign up

Using shapes on your page

Shapes can transform your page from a plain photo arrangement to a top quality design. To add a shape to your page, click on the shape icon in the top right corner of the Editor. The default shape will appear on your page.


   


Resizing a shape

Just like image frames, shapes can be resized by dragging on the handles surrounding its edges. Pull on the center side handles to change the width and height of the shape. Pull on the corner handles to resize the shape proportionately.


   



Moving shapes on the canvas

Click on a shape, then drag it to move it to a new position. Learn more about alignment tools.


Rotating a shape

To rotate a shape, select it first. Then click and drag the rotation icon.  Your shape will pivot around the center of the frame.


Border options

Add a border surrounding your shape. Click on the Border tab to open the border editor., then turn the border on. The default color is white, which will show up against photo or textured backgrounds.


Choose border color by clicking on the color chip. Use the slider to choose a shade, then click on the gradient to select your color. You may also define a precise color using the HEX/RGB/HSL value (use the toggle to switch between modes).

Click here for a list of third-party websites exploring color palettes and codes.


Reduce the border opacity to make it translucent,using the slider or the A (alpha) value under the RBG or HSL options.



Fill color

Click on the Fill tab to open the FIll editor - choose a shade on the slider, then click on the gradient to select your color. You may also define a precise color using the HEX/RGB/HSL value (use the toggle to switch between modes).


Reduce the fill opacity to make the shape more transparent - use the slider or the A (alpha) value under the RBG or HSL options.


Shadow options

Turn the shadow on - by default, a small black shadow will be added.


You can adjust the shadow's color and opacity by clicking on the color chip.    


Adjust the level of shadow blur, making the shadow crisp or very diffuse. Playing with blur can give the effect of luminescence or a "seeing double" appearance to your shape.


Adjust the shadow's depth, making it appear as though the shape is floating higher over the page.


Adjust the angle of the shadow, to make the light source appear to come from a different location.



Moving a shape up or down

Every object on your page is placed relative to each other. The last added object is on the top of the stack

If you need to move your shape up or down that stack, so it appears on top or underneath other objects on your page, use the Order feature to do so. Bring Forward or Send Backwards moves the selected object one step per click. Bring to Front and Send to Back pushes the selected object to the very front or very back of the stack.    


Shape type

There are three options for shapes: rectangle, circle, and oval.  Use the Corner slider to change the curve on the corner.  Circles can be transformed into rounded edge squares. Circles and ovals may appear to be the same object type if applied to squares, for instance. All shapes can be resized using all the handles. However, circles will always resize proportionately, maintaining their circular shape.



Using Shapes for effect

In addition to simply providing visual interest to your page, shapes can be used to give structure to your composition.

Create bounding boxes by applying a shape with a border and 0% fill opacity.  Your background will be visible inside the shape.


   



Use a shape with a simple color fill to create lines. Simply reduce the width and height of a rectangular shape until it becomes a thin line.


   



Shapes maybe used to create many different page styles. Experiment with them to give your book a personalized style.

Create ribbons, line bubbles, tinted or highlighted areas. Define composition areas with shapes.


   

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.