Animation Editor

Just like the Page Editor, the Animation Editor of PUB HTML5 allows you to add multimedia and links to the digital publication. In addition, this powerful editor can make your publication more dynamic and interactive with Time Line and Advanced Event Editor.

Contents of PUB HTML5 Animation Editor

 

 

Add Text

Click the "Add Text" icon to add it onto the page, and then you can input text. And you can define settings for the inserted text: properties, animate and even actions.

 

 

Add Image

You are allowed to embed images to the book using native images from your computer or those in the built-in image library.

 

 

Add Sound

Click the "Add Sound" icon to select a sound file. And then you can set animation properties such as start time and duration for the audio player.

 

 

Add Video

Click the "Add Video" icon and you can choose to add local video file, YouTube or Vimeo video to your publication.

 

 

Add Shape

PUB HTML5 allows you to add various shapes to the book pages: line, arrow line, arrow, ellipse, triangle, prismatic, trapezoid, parallelogram, pentagon, etc. Besides, you can customize the shape with various settings and you can even insert text to the shape.

 

 

Add Caption

You can add different types of captions to the publication: rectangular caption, rounded rectangular caption, oval caption and cloud caption.

 

 

Add Hot Spot

Add Hot Spot to draw readers' attention to specific item or area. You can customize Hot Spot proportions, color and transparency.

 

 

Add Button

Add buttons to book page to trigger actions when readers click them; you can select different button styles and customize the button.

 

 

Add e-Commerce

 

 

 

 

A. Add PayPal:

Select a button for the PayPal option and then you can edit the product with:

(1) Email: type in your PayPal Email which is used to receive payment from buyers.

(2) Product (Edit Details): You can customize product name, price, currency, description, stock, shipping cost and delivery time.

(3) ToolTips: Add tooltips for the PayPal button.

When readers click the PayPal button, they will see the pop-up product window.

 

 

B. Add Price:

There are a lot of price buttons for you to choose. After you add a price button to the page, you can then set price, caption, font and other settings for the button.

 

 

C. Add Discount

Add discount item to the digital publication and you can choose various icons and set discount (e.g., 10% off).

 

 

D. Add Star

Add star to mark up the rating and popularity of the selling item.

 

 

E. Add Product Box

The product box can display your goods in details with specific images. Readers can click the thumbnails at the bottom of the product box to view the goods. You can also add label to the box to make it striking: NEW, HOT, POPULAR, FEATURED or BEST VALUE.

 

 

Add Component

A. Add Embed Website

PUB HTML5 allows you embed your website to the digital publication. It is so easy that you just need to input the website URL and click the "apply" button following. And then you can customize the frame proportions, alpha and shadow.

B. Add SlideShow

It is very easy to create a photo slideshow with a bundle of images. And you are able to configure slideshow settings: proportions, play interval and so on.

 

 

Time Line

In addition to allowing you to enrich your digital publication with rich media and other useful object, the Animation Editor of PUB HTML5 offers a powerful Time Line feature to help you manage the embedded media elements. You can define how and when the elements come in and fade away.

After you add an object to the page, select it and on the right side you will see the properties panel; click on "Animate" tab to customize InComing and OutGoing animation: start time, duration, animation and easing effect for both animations.

You can add multiple objects to one page and set play timing for each object. And you can see at the bottom the Time Line Manager that shows the animation settings of each object.

 

 

Advanced Event Editor

The non-coding Advanced Event Editor of PUB HTML5 can help you create gorgeous interactions for the digital publication with ease. After you add media elements to the publication, you can use this event editor to interact with embedded media with interactive animations.

Step 1: Add items onto flipbook page

Click the item icon on the toolbar and add objects to the book page. You can add text, image, sound, video, shape, button and so on.

Step 2: Add Action

After you add an object to the page, you can customize properties, animate and action for it. Then click "Action" and select "Advanced Event".

Note: The Action option is available when you add Text, Image, Shape, Caption, Hot Spot, Button, e-Commerce, Slideshow and Embed Website, which means there is no Action option if you add Sound and Video. However, you still can add interactions (to Sound & Video) by triggering other objects. For example, you can add a button to trigger action on the Video.

Step 3: Add Advanced Event

Click "Modify" and you will see the popup "Advanced Event" window, click "Add New Event".

Step 4: Customize Advanced Event

1) You can select how to trigger the event: On Mouse Click, On Mouse Down, On Mouse Up, On Mouse Double Click, On Mouse Move, On Mouse Enter and On Mouse Leave.

2) You can select what object to add event if you have added some objects.

3) You can select what action (interaction) to trigger: Play Animation, Change Visible, Change Position, Change Angle, Change Size, Change Alpha, Change Layer, Change Shadow, Change Caption, Change Text Format (for text object only), Change HTML5-Video (for video object only) and Change Website. And then you can customize the selected action (different action has different settings).

Then click "Save" to save the settings, then save and exit to go back to the main interface. At last, publish the flipbook with noticeable interactive animations that have excellent transition effects.