Como fazer flipbooks interativos

Autor:

“Como faço para criar um flipbook interativo?” é uma pergunta que nos fazem muito. Pois bem, no artigo de hoje irei demonstrar alguns exemplos práticos e como eles são feitos com o editor multimídia no Flip PDF Plus Pro ou Flip PDF Plus Corporate.

Na minha humilde opinião, um livro que interessa ao leitor apela aos sentidos do leitor – visão, audição e tato (neste artigo, o tato será derivado como interação).

Antes de mergulharmos no tópico principal, vamos dar uma olhada rápida nas principais áreas do editor multimídia.

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 de menu secundário esquerdo
  • Área 4: área de tela
  • Área 5: área da linha do tempo
  • Área 6: painel de propriedades do elemento direito

Marcador de flipbook interativo - editor multimídia

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: Escolher [Ferramentas] >[Pincel de linha] na barra de menu esquerda da área 2.

Passo 2: Desenhe a rota de acordo com seu plano.

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.

Exemplo visual 2: Adicionar pontos de acesso

Passo 1: Nas áreas 2 e 3, clique em [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: Na Área 6, personalize o hotspot em [Estilo] e adicione uma ação de gatilho. Você pode vincular o ponto de acesso a uma janela de mensagem pop-up, vídeo, imagem, link ou outro item compatível com ele.

Sentido 2: Audição (Som)

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.

Exemplo de Audição 1: Adicionar áudio

Etapa: Selecione [Á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 Biblioteca de áudio do YouTube.

Audição-Exemplo2: Adicionar ação de gatilho de áudio

Adicione áudio com uma ação de gatilho e o áudio será reproduzido quando você clicar em um item específico

Passo 1: Na Área 2: barra de menu esquerda, clique em [interagir]>[botão] e coloque o botão na tela.

Passo 2: Na Área 6: painel de propriedades do elemento direito, clique em [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.

Sentido 3: Interação

Exemplo de interação 1: realizar uma pesquisa

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: Crie seu próprio questionário na plataforma da ferramenta de pesquisa e obtenha o link.

Passo 2: Na Área 2, selecione [Ferramenta] >[Iframe] e adicione o código de incorporação em [Estilo]>[Link da Web].

Exemplo de interação 2: Adicionar ação de gatilho

Clique em botões diferentes para fazer com que itens diferentes apareçam por meio de uma ação de gatilho. Poderíamos adicionar qualquer item à tela e então 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 nesse princípio, podemos adicionar imagens de produtos ao flipbook e então alterar a cor do produto quando o botão for clicado. Parece abstrato, então agora você pode tentar por si mesmo consultando a primeira página do livro abaixo e clicando nela.

Há um tutorial em vídeo na segunda página do flipbook acima.

Passo 1: Prepare imagens do seu produto em cores diferentes.

Passo 2: Na Área 2, clique em [imagem] e importe as imagens preparadas uma a uma e renomeie as imagens na Área 5: linha do tempo.

Etapa 3: Na Área 2, clique em [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: Adicione eventos acionadores para os itens em [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.

*Alguns recursos estão disponíveis apenas no Flip PDF Plus Corporate. Saber mais
Português