“How do I create an interactive flipbook?” is a question we get asked a lot. Well, in today’s article, I will demonstrate some practical examples and how they are made with the multimedia editor in Flip PDF Plus Pro ou Flip PDF Plus Corporate.
In my humble view, a book that interests the reader appeals to the reader’s senses—sight, hearing, and touch (in this article, touch will be derived as interaction).
Before we dive into the main topic, let’s take a quick look at the main areas of the multimedia editor.
Podemos simplesmente dividir o editor em 6 áreas. A imagem abaixo é para sua referência.
- Área 1: barra de navegação superior
- Área 2: barra de menu esquerda
- Área 3: painel do menu secundário esquerdo
- Área 4: área da tela
- Área 5: área da linha do tempo
- Área 6: painel de propriedades do elemento direito
Como usar os sentidos em flipbooks
Sentido 1: Visão (Visão)
Visão, literalmente, é o que você pode ver com seus olhos. É também o primeiro sentido utilizado pelo leitor ao ler um livro. Como resultado, podemos criar alguns pontos focais visuais para chamar a atenção do leitor. Há uma linha de movimento visual quando lemos um livro. Por um lado, precisamos adicionar atração ao livro para criar um destaque visual, mas também devemos ter cuidado para não tornar o foco visual muito confuso.
Sight-Exemplo 1: Desenhe a rota do passeio
Passo 1: Choose [Ferramentas] >[Pincel de linha] in Area 2-left menu bar.
Passo 2: Draw the route according to your plan.
Clique uma vez na tela para começar a desenhar. Continue clicando para desenhar os próximos pontos e clique duas vezes para finalizar o desenho. Você também pode escolher [curva] no painel de propriedades do elemento direito se você não quiser usar a linha reta.
A primeira página do flipbook contém um tutorial em vídeo.
Sight-Example 2: Add hotspots
Passo 1: In Areas 2 and 3, click [Interagir]>[Interações]>[Hotspot] e adicione um ou mais pontos de acesso à tela.
Atualmente, os hotspots são classificados nas cinco categorias listadas abaixo: Piscar, Zoom, Girar, Gesto e Seta. Dependendo do efeito que você deseja alcançar, você pode selecionar o ponto de acesso apropriado.
Passo 2: In Area 6, customize the hotspot in [Estilo] and add a trigger action. You are able to link the hotspot to a pop-up message window, video, image, link, or other item supported there.
Sense 2: Hearing (Sound)
O diretor e ator americano Melvin Van Peebles disse uma vez que a música e o som em um filme são um personagem tão importante quanto outro personagem. O som também desempenha um papel importante na definição do clima nas publicações digitais. Se você estiver criando um livro de histórias, recomendamos incluir música de fundo ou áudio de narração para criar um audiolivro, que pode dar vida ao livro.
Hearing-Example 1: Add audio
Step: Select [Áudio] e o reprodutor de áudio, então adicione arquivos .mp3 ao programa.
Se achar difícil criar seu próprio áudio, você pode baixar áudio de sites de áudio disponíveis comercialmente, como FreePD e YouTube Audio Library.
Hearing-Example2: Add audio trigger action
Add audio with a trigger action and the audio will play when you click a specific item
Passo 1: In Area 2: left menu bar, click [interagir]>[botão] e coloque o botão na tela.
Passo 2: In Area 6: right element properties panel, click [Estilo] para personalizar o botão (texto, ícone e cor) e clique em [Ação do gatilho]>[Reproduzir áudio].
Observação: além dos botões, você também pode adicionar ações de acionamento de áudio a qualquer item, incluindo imagens, texto, links e assim por diante. Estou apenas usando o botão como um exemplo aqui.
Sense 3: Interaction
Interaction-Example 1: Conduct a survey
Muitos usuários do FlipBuilder perguntaram se nosso programa suporta formulários e questionários. Mas, infelizmente, esses dois recursos ainda não são suportados. Espere, ainda existem maneiras de incluir questionários ou formulários em flipbooks. Podemos usar outras ferramentas de pesquisa para criar questionários e incorporá-los em flipbooks.
As seis ferramentas de pesquisa populares a seguir são recomendadas para você:
- Tipo de letra
- Formulários Google
- SurveyMonkey
- SoGoSurvey
- SurveyPlanet
- Jotform
Passo 1: Create your own questionnaire in the survey tool platform and get the link.
Passo 2: Na Área 2, selecione [Ferramenta] >[Iframe] e adicione o código de incorporação em [Estilo]>[Link da Web].
Interaction-Example 2: Add trigger action
Click on different buttons to make different items appear through a trigger action. Poderíamos adicionar qualquer item à tela e, em seguida, adicionar uma ação a ele. O tempo da ação é personalizável, o que significa que uma ação pode ser acionada se a condição predefinida for atendida. Com base neste princípio, podemos adicionar imagens de produtos ao flipbook e depois alterar a cor do produto quando o botão é clicado. Parece abstrato, então agora você pode experimentá-lo consultando a primeira página do livro abaixo e clicando nele.
Há um tutorial em vídeo na segunda página do flipbook acima.
Passo 1: Prepare images of your product in different colors.
Passo 2: In Area 2, click [imagem] e importe as imagens preparadas uma a uma e renomeie as imagens na Área 5: linha do tempo.
Etapa 3: In Area 2, click [Interagir]>[Forma], escolha uma das formas que você gostaria de usar e coloque-a na tela.
Passo 4: Selecione os itens de forma na tela e use o seletor de cores na Área 6: painel de propriedades do elemento direito e pinte os itens de forma de acordo com seu produto.
Etapa 5: Add trigger events for the items in [Ação do gatilho]>[Mostrar/Ocultar].
Conclusão
Graças à promoção da eliminação do papel e à crescente conscientização sobre a proteção ambiental, as publicações digitais tornaram-se uma boa alternativa aos livros impressos tradicionais. No entanto, quando comparadas aos livros impressos tradicionais, as publicações digitais têm a desvantagem de serem mais difíceis de manter o foco dos leitores. Portanto, uma das lições mais importantes para os editores é como manter os leitores focados durante a leitura de um e-book e como criar um e-book que mantenha os leitores engajados. Capacitar seus flipbooks com os sentidos seria uma boa maneira de imergir seus leitores.
Se você tiver alguma dúvida sobre como fazer um flipbook, você também pode contato nós e teremos o maior prazer em ajudá-lo.
