How to Use FlowPaper Elements to Make Your Brochure Stand Out

This tutorial will explain how Elements templates works and it will go through features such as:
  • How to animate headers
  • How to animate text
  • How to add a video, an image and a link

Step by step guide


As always, start by importing your publication, select the Catalog/Brochure template


Then select one of the Elements templates. This tutorial uses the sliding pages template.


To keep the original PDF fonts, select the first option in the pop-up window, then click continue to finish the import.


The main difference between Zine templates and Elements templates is that Elements import each element within your PDF as individual objects.


You can view this by switching to the edit mode, where you can select each individual element. Here you can also see that FlowPaper has identified the different types of elements, such as headers and body text. Select the header and hover your cursor above the object to see this. For a header, you will see H1 appear in the top right corner of the selected element.


To add an animation to the header, go back to the design mode and click the style-setting icon that is visible next to the H1 marker. On the right-hand menu, you can see the H1 text style. The animation drop-down menu is set on none as default. Click on it to see all the different options. For this tutorial, we have selected the 3D rotation option. When you have selected your style settings, click the apply settings button to save the selection.


The same method is used to change the body text, just make sure you do the changes under the “body text style” section in the menu.


To add a video, image or link to your publication just go to the page/section in the publication that you want the element to appear. Double click the area to switch to edit section. For this tutorial, we have decided to add a video. 


Select the add video option on the menu. 


A pop-up window will appear with the option to choose either to embed the video or to use a self-hosted video. We will select the embed video for the tutorial.

Make sure you have the correct URL and paste into the text field. A preview of your video will appear to make sure you have pasted the correct video.

If you wish the video to display at maximum size when playing, just tick the box under the preview button. Click the ok button and you will get back to the edit screen. 


With your cursor, draw the area where you want to video to appear. You don’t need to worry about not getting the area perfect, FlowPaper will adjust this as you will see in the preview mode.

If you selected the maximise option, you will see this take effect if you click the video play button.

To add an image or link, just switch back to the edit mode and redo the steps you did to add a video.