Are you having fun with our editor? Well, in this article, you'll find a few tricks to make your experience even better!
In this article:
- Using the zoom
- Undo and redo
- Select an element or a group of elements
- Group or ungroup elements
- Arrange/Align elements
- Duplicate elements (texts, photos, elements)
- Resize elements (texts, photos, elements)
- Use transparency (texts, photos, elements)
- Rotate elements (texts, photos, elements)
- Layer images
- Add rulers, guides or alignment grids
- Place a photo on a spread
Using the zoom
When you open your page in the page editor, we choose a zoom level for you so you can see the whole page at once. But you can always change how big your page appears on screen by adjusting the zoom level.
Fit means that your whole page is viewable at one glance. Clicking on it will open up a menu bar where you can choose and click on different zoom settings.
If you want to see a more detailed view, make your page appear larger by clicking the zoom in button shaped like a plus sign. To make your page appear smaller, click the zoom out button shaped like a minus sign.
You can also zoom in and out of your design using the keyboard, by pressing CTRL + or CTRL -.
Undo and redo
Done something wrong on your page? Don't worry! Simply click on the Undo button at the top left beside the Fusion logo.
For shortcuts, simply press Ctrl and Z for Windows users or Command and Z for Mac users.
As for the redo option, you can click the Redo button that will appear beside the Undo button once pressed. Alternatively, you can press Ctrl/Command and Y.
Select an element or a group of elements
01. Select an element
To select one element, simply click on it. Handles will appear around your element as well as a customization bar at the top. Below, we selected a clipart element made of several stars.
02. Select a group of elements
Using a mouse, you can click and drag to draw a box around all the elements you’d like to select. You can also select a group of elements by holding down the SHIFT key and by clicking each element one-by-one to add or remove them from your selection group.
Now that you’ve selected a group of elements, you can move or resize every element in the group together!
If you want to move the group, simply click and drag any element that’s part of the group. Resizing every element in the group is simple too: just click and drag the resize anchor, just like you would resize a single element. You can also copy or delete the group by clicking on Trash icon on the edit menu.
Group or ungroup elements
Grouping elements together enables you to align or to edit them faster. Once you have selected a set of elements, simply click on the Group button (top bar menu).
Once done, 2 new options will be available in the customization bar: Ungroup and Arrange. To ungroup your elements, simply click on the Ungroup button.
Once your elements are grouped, you can arrange or align them together in several ways:
- Align left, align horizontal center, align right
- Align top, align vertical center, align bottom
- Horizontal distribute, vertical distribute
To copy or duplicate an element, simply select your element (or group of elements) and click on the Copy button on the Menu Bar. It works for any types on elements (text, photo, etc.).
01. Proportional resize
This is our default resize option. This keeps the photo's proportions and will not distort it upon resizing. Click on the photo and drag the handles that will appear on the four corners.
02. Free resize
Press Shift while dragging the resize handles. This enables you to freely resize your photo regardless of its original proportions.
Click on the element (text, photo or elements). Click on the transparency button to open the transparency slider. Drag the slider to the left to make the element increasingly transparent. Slide it back to the left to increase opacity.
To rotate an element (texts, photos, images, illustrations, graphic elements, etc.), simply click on the element and then drag the rotate icon.
Layers images or elements
To layer images (move forward or back) select image to load its menu bar. Then click on Arrange and select either Forward or Back to set layering.
Use guides, rulers and alignment grids
01. Use guides
When clicking and dragging an element across the page it will smoothly follow your mouse cursor, until it aligns with another element. A purple dotted guide line will appear where the element is aligned. Let go of the mouse button when the dotted guide line appears for your element to be perfectly aligned.
02. Use rulers
Fusion also comes with static alignment tools to help you place your elements. To add a ruler to your page, simply press Control and ; (for Mac) or Ctrl and ; (for Windows) and hover your mouse over the top or side edge of your design. When your cursor changes into a two-sided arrow with a line through it, click and pull a line onto the blank page. You can add as many lines as you’d like to the page.
03. Use alignment grids
To add an alignment grid, press Control and ; (for Mac) or Ctrl and ; (for Windows) twice and a series of vertical grey lines will appear so that you can space your elements.
If you’d like to remove the lines completely you can simply press Control and ; (for Mac) or Ctrl and ; (for Windows) again.
NOTE: The guidelines and the alignment grid will only show on pages with no background. If you want to activate the guidelines and alignment grid on pages with backgrounds, you can temporarily remove it and then return it before saving the page.
Place a photo to make it work on a spread
Viewing and editing pages as spreads is currently not supported by our page editor but it doesn't mean that achieving the same effect is not possible. Here are the steps on how to place photos in a spread:
01. Place a grid
Open and edit the first page where you wish to put the photo as a spread. Place a single photo grid on the page by clicking on it under the Elements > Grids section.
02. Place photo
After setting up the grid, drag the photo into it. Make sure to crop the photo so only the left-half portion of it is visible. Save your page once you're done.
03. Duplicate page
To save time and to make sure that your other page in the spread will look similar, click on the Duplicate icon when you hover your cursor over the first page. Click on the Pencil icon of the duplicated page to edit it.
04. Crop photo
Click on the photo and crop it so the other half of it shows. Don't forget to save your page once done!
05. Check pages
To check if your spread looks fine, you can check the Preview mode of our app. Click on the Preview slider button beside your Profile name and flip through the book until you reach the spread. If the photo doesn't align very well, you can go back and adjust the cropping of the photo until you're happy with it.
WARNING: Not all photos are ideal to use for full page spreads. Make sure that the photo is in high resolution quality so it prints out well. Also, be mindful of the Danger Zone and be careful of the faces that fall into the spine portion of the pages.