Imagem interativa é um formato genial para transmitir informações de forma visual. Você pode utilizar suas imagens interativas para criar conteúdos corporativos, recursos formativos ou para compartilhar ideias. Seu público poderá interagir livremente com os diferentes elementos e se aprofundar na informação que desperte maior interesse. 


Te contamos o passo a passo de como criar sua imagem interativa.


Carregue uma imagem


Acesse seu Painel e clique em CRIAR GENIALLY para visitar a seção de modelos. Selecione a categoria Imagem interativa. Você pode se inspirar em diferentes exemplos de imagens interativas. 


Para começar a criar: 


1. Clique em Criar imagem interativa; 


2. Você pode escolher carregar a sua imagem:

  • Do seu computador
  • De um URL
  • Do Google Drive
  • Do Dropbox


3. Selecione a imagem e clique em ACEITAR; 


4. Se desejar, pode cortar, girar e inverter sua imagem . Também é possível alterar a imagem por outra clicando em Substituir. Clique novamente em Aceitar para salvar as últimas alterações.



Edite e adicione interatividade


A imagem aparecerá como um fundo de tela e será a base da sua criação. O próximo passo é adicionar interatividade. No editor, você encontrará uma seção de elementos interativos muito eficazes para representar visualmente o conteúdo a ser exibido.


De forma padrão, dois elementos interativos são adicionados à imagem que estamos usando. É possível:


  • Substituir: Se você quiser usar outro tipo de elemento interativo. Clique nele e depois no botão Substituir , no canto superior direito;
  • Adicionar novos elementos interativos: explore a seção elementos interativos para ver os tipos de elementos disponíveis: Botões, botões de texto, mídias sociais, números e letras, e área invisível. Clique no item que deseja usar e posicione-o na parte desejada da imagem. Você também pode utilizar qualquer outro recurso.
  • Adicionar texto: é possível adicionar caixas de texto à sua criação. Te convidamos a assistir ao tutorial para aprender a Como editar um texto em Genially;
  • Eliminar: se houver um item na tela que você não precisa, selecione-o e pressione a tecla Supr no teclado ou o botão Excluir na barra superior do editor.  


Dica: dê vida à área escolhida de sua criação usando a área invisível. Ela permitirá que você insira interatividade em determinadas áreas ou segmentos de sua tela, o que antes não era possível. Descubra tudo o que você pode fazer com a área invisível no tutorial a segui.



Uma vez definidos os elementos interativos desejados, só resta aplicar a interatividade. Você pode adicionar qualquer conteúdo para ser exibido quando seu público interagir com os elementos: imagens, textos, vídeos, áudios, GIFs… 


Adicione áudio a um elemento ou recurso para que ele seja reproduzido quando você clica nele. Você também pode fazer com que as imagens e alguns recursos possam ser ampliados durante a exibição do seu genially.


Além disso, você também pode direcionar seu público a outra página de sua criação ou a um site externo. Descubra os tipos de interatividade existentes e como usá-los neste tutorial.



Saiba mais sobre cada tipo de interatividade e como configurá-la neste tutorial.


E lembre-se: para indicar que um elemento é interativo e despertar o interesse do seu público, te recomendamos adicionar efeitos de animação.


Compartilhe sua criação


Primeiro publique sua criação e, em seguida, compartilhe o link com o seu público para que todos possam aproveitar seu genially. 


Você também pode inserir sua criação em qualquer site ou blog. 


Finalmente, ao ter um plano premium, você pode baixar sua criação em vários formatos: