How To Use Flipbook To Make Animated Video

Note! This article contains a lot of information nearly an avant-garde FlippingBook Online characteristic and you might end up feeling a bit overwhelmed after reading it. If y'all feel similar you could use a bout and understand it amend during a live demonstration feel free to book a meeting with one of our specialists.

You can add interactive elements such as links, videos (hosted on Youtube, Vimeo, or Wistia), and images to your flipbooks. To practise this, you can use the Editor. This feature is available in FlippingBook Online Optimal or higher.

This article explains the bones functions of the Editor. Nosotros explicate how you can add videos, links, and images, how to move and resize them, and what the most mutual settings are used for.

• How exercise I open my flipbook in the Editor mode?
• How to add Youtube, Vimeo, and Wistia videos into my flipbook?
• How to create and edit links using the Editor?
• How do I add together images using the Editor?
• How to piece of work with animated GIFs using the editor?

How do I open my flipbook in the Editor mode?

To open your flipbook in the Editor mode, practice the post-obit:

1. Go to the Flipbooks tab in your account.
2. Hover over the flipbook where y'all want to add a video, a link, or an paradigm.
3. Click the push button with more options and cull Editor (video, links, etc.):

This opens the Editor mode for your flipbook:

At present, allow's have a closer await at how yous can add videos, links, and images to your flipbook.

How to add Youtube, Vimeo, and Wistia videos into my flipbook?

To add a video to the book, you should first upload information technology to i of these services – YouTube, Vimeo, or Wistia. If y'all'll attempt to add a video from any other hosting service the Editor won't recognize it and will give you an mistake bulletin.

Side by side, you need to go a link to your video.

Now you are all ready to add your video to the flipbook. Follow the steps below:

1. Open your flipbook in the Editor mode.
2. Select the page you lot want to add the video.
3. Printing the Video button in the carte du jour pane on the left-paw side.
4. This will open a popup dialog. Copy/paste your video link from YouTube, Vimeo, or Wistia hither.
5. You can now adjust your video size and position:
   • Click on the video'south preview and elevate it around the screen with your mouse.
   • Employ the arrow keys on your keyboard to nudge the video by a unmarried pixel into its concluding position.
   • Resize the video by clicking on one of the edges and drag till the desired size.

Now, let's take a expect at the Video settings department located to the right of the flipbook:

Your video link is shown in the Video URL field. You lot can edit information technology if you want to supervene upon the current video with another video.

The Playback Mode determines how your video is opened in a flipbook. Two options are available: Inline and Popup.

• Inline mode - this embeds the video directly into the flipbook page so that information technology looks like a part of your page. There are two additional settings that y'all tin can utilize:
  • Autoplay - your video starts playing automatically when the reader opens the folio with the video;
  • Start at - your video starts at a specific fourth dimension when played (Youtube and Wistia videos only).
• Popup mode - when the user clicks on the video, this opens a about total-sized pop-upwards window where your video is played. Your flipbook will fade to the background. When the reader closes the popup, they will return to the flipbook. In this mode, you can enable the post-obit settings:
  • Prove preview - displays a YouTube/Vimeo/Wistia video thumbnail on the page in your flipbook.
  • Beginning at - your video starts at a specific time when played (Youtube and Wistia videos only).

You can adjust your video size and position settings in the Position and Size section by typing the values manually. This is useful if y'all have several videos on the same page and want them to have exactly the same size:

To employ all the settings for your video, press the Finish button in the top left corner.

If you desire to delete your video, press the Remove video button at the bottom of the Editor.

How practice I create and edit links using the Editor?

Once you lot created a flipbook, you tin edit the links that were extracted automatically, or add together new ones. All web addresses, emails, and phone numbers found in your PDF are automatically converted into links.

You lot can add together two types of links to your flipbook:

• Web address - you specify a webpage URL and when a reader clicks on the link, that webpage will open in a new tab. It's too possible to enter an email address. In this case, FlippingBook Online volition effort to open an email app and create a new message addressed to the specified email. If you enter a telephone number, and so clicking on a link volition bring up a call dialogue when your flipbook is viewed on mobile.
• Page - become to another folio in your electric current flipbook.

To add a link, follow these steps:

1. Open your flipbook in the Editor mode.
2. Select the folio you want to add the video.
3. Press the Link push button in the menu pane on the left-mitt side.
   
4. Choose the Spider web address choice or the Page selection:

   

5. Depending on the option selected in the previous step, insert the link to the website or indicate a page number. If you utilise Web address and so but paste the URL. Only if you want to use an email accost, then use mailto:youremail@yourcompany.com. To add a phone number, use tel:+1-541-754-3010.
6. Arrange the link area, indicated past a dark-green rectangle.
   • Click on the link and keep the mouse pressed to drag it to the desired position.
   • Use the arrow keys on your keyboard to nudge the link by a unmarried pixel into its final position.
   • Resize the link by clicking on one of the edges and drag to the desired size.

     

     Alternatively, yous tin can change your link area using the settings in the Position and Size section:

     

If you want to delete your link, merely click the Remove link button at the bottom of the Editor.

How do I add images using the Editor?

You tin can add any image to your Flipbook in .png or .jpeg format upwards to 50 MB.

There are 2 ways to insert an image:

• Inline image - adds the image every bit a not-clickable function of the page, on top of your content. You lot can use inline images to supercede outdated pictures in your volume without replacing the whole PDF. Or you can also add a transparent .png image over some of the items in your itemize to point that they are currently "On auction" or "Temporarily sold out".

  While inline images are non-clickable past default, you tin can add a link on meridian of information technology (learn more nigh working with overlapping elements).

• Popular-upwards image - adds a clickable version of the image that opens in the pop-up window every time you click on it. Pop-upwards images are swell to bear witness a high-quality moving picture of your item or display it from a different angle.

To add an epitome to your flipbook follow these steps:

1. Open up your flipbook in the Editor fashion;
2. Select the page y'all want to add the Paradigm;
3. Click on Inline Image or Pop-up Paradigm in the card pane on the left-hand side;

   

4. You lot tin can now add an image from your device, but information technology is also possible to add an prototype from the internet.
   • If you want to employ an paradigm from your local device, then you can either drag-and-drop it onto the drop area or click on Choose image and select it from a folder on your device.
   • If you lot want to use an epitome from the internet, and then yous tin can use Insert link to image, paste the URL to the image, and printing Confirm. Nosotros will insert a copy of that image into your flipbook. This means that the epitome in your flipbook will stay unchanged even if the online version is changed or deleted.
     
5. Conform the size and position of your image as required.
   • Click on the epitome and keep the mouse pressed to elevate it to the desired position.
   • Use the arrow keys on your keyboard to nudge the Image past a single pixel into its terminal position.
   • Resize the paradigm by clicking on one of the edges and drag to the desired size.
6. When done, printing Terminate to save your work.

Y'all tin prepare the following options for your images in the Settings pane on the correct-hand side:

• For Pop-up images you can betoken whether or not you desire to Evidence a preview. You can plough the preview off, and the clickable area of the pop-upward epitome becomes transparent.
• Position and size - Yous tin besides change the position and size of your images manually. This manner you lot can align them pixel-perfect with other objects that you add to the page. When you modify either Width or Tiptop, the other will be changed proportionally. If you want to alter the width without affecting the top, then click on the small lock icon to unlock information technology.

If you want to delete your image, simply click the Remove Paradigm button at the bottom of the Editor.

It'south besides possible to replace an image with another and go on the same size and settings. But click the Supercede Epitome push and select the new image from the folder on your computer or paste a URL to a new image.

Annotation! We resize all images you add together to the flipbook, making them smaller by default. This allows us to speed up the page loading process and improve the general user experience. If y'all would like to make it even better we recommend using free online tools for resizing your image earlier calculation it to the flipbook.

How to piece of work with animated GIFs using the editor?

If y'all use FlippingBook Online Advanced, Team, or Enterprise plan, then yous can spice up your flipbooks with blithe GIFs. You tin add GIF-images to your flipbooks with a size of upwardly to l Mb.

While widely known for their meme-potential, GIFs have a great business organization potential too: Larger gifs tin be used as alternatives for short videos, without the need for a video player.

Merely you can as well use them for:

• blithe infographics
• 360-caste images of your products
• visual explanations in training documents
• blithe icons or borders to attract attention to e.g. new products or important content.

If you don't accept any suitable GIFs yet, head over to our commodity How to make your own GIFs for some tips and inspiration!

To add a GIF to your flipbook follow these steps:

1. Open your flipbook in the Editor mode;
2. Select the page y'all want to add together the video;
3. Press the Animated GIF push button in the menu on the left-hand side of the Editor;
   
   You can now add a GIF -file from your device, but it is also possible to add a GIF from the internet.
   
   • If y'all want to employ a GIF from your local device, then you tin either drag-and-drop it onto the light-blue drop area or click on Choose GIF and select it from a folder on your device.
   • If y'all want to apply a GIF from the cyberspace, and then yous can apply Insert Link to GIF, paste the URL to the GIF, and printing Confirm. We will insert a copy of that GIF into your flipbook. This means that the image in your flipbook will stay unchanged even if the online version is changed or deleted.
4. Suit the size and position of your GIF (indicated by a regal rectangle) equally required.
   • Click on the GIF and keep the mouse pressed to drag it to the desired position.
   • Use the arrow keys on your keyboard to nudge the GIF past a single pixel into its final position.
   • Resize the GIF by clicking on one of the edges and elevate to the desired size.
5. When done, printing Finish to save your work.

Yous can set the following options for your GIFs in the Settings pane on the correct-paw side:

• Autoplay - when enabled your GIF will play immediately when the folio is opened and the GIF is loaded. Note that on mobile devices, Autoplay will only work for GIFs up to 1MB in size. For larger GIFs, your readers will have to tap on the GIF to play it on mobile devices. This is by pattern: mobile users often take a slower connection (making pages with GIFs very ho-hum to load) and sometimes limited data bundles (even if they take a fast connectedness, their data bundle may be depleted speedily by a couple of 40MB GIFs).
• Loop animation - when enabled, your GIF-animation will replay from the first when finished and keep continuously looping.
• Position and size - You lot can also change your GIFs position and size manually. This mode you tin can align them pixel-perfect with other objects that you lot add together to the folio. When you change either Width or Height, the other volition be inverse proportionally. If you desire to change the width without affecting the tiptop, then click on the small lock icon to unlock it.

If you want to delete your GIF, just click the Remove GIF button at the bottom of the Editor.

Information technology's as well possible to supersede a GIF with another without deleting information technology. This will keep the aforementioned size and settings. Just click the Supervene upon GIF button and select the new GIF from the folder on your computer or paste a URL to a new image.

For more than detailed information and some common bug, please accept a await at our commodity Editor in-depth look and troubleshooting.

Related articles

• Editor in-depth wait and troubleshooting
• How to brand your own GIFs

Was this article helpful? Yes No

The information is confusing I couldn't find the options in my software The solution doesn't work It wasn't what I was looking for I don't like this feature or policy Other Contact the author

Source: https://flippingbook.com/help/online/changing-your-publication/content-editor

Posted by: ybanezdiestlyped1957.blogspot.com

Share this post