Imagem

O elemento Imagem permite sobrepor uma imagem adicional a qualquer etapa de um Guia Passo a Passo ou em qualquer momento em demonstrações e vídeos interativos. Isso é útil para inserir visuais suplementares, como anotações ou ativos de marca, diretamente em um step, sem necessidade de regravação.

Como Adicionar um Elemento de Imagem

Adicionando imagem a um guia passo a passo

1. Navegue para adicionar elementos no painel direito.
2. Clique na imagem. Se um ou mais elementos de imagem já foram adicionados, clique em Adicionar novo para inserir outro.
3. Ative a opção Ocultar outros elementos para ocultar temporariamente todos os outros elementos na etapa atual enquanto configura a imagem. Outros elementos ficam escondidos temporariamente e não são deletados.
4. Para enviar uma imagem, clique em Imagem. Selecione entre os recursos de imagem predefinidos disponíveis.

5. Clique em Inserir para adicionar a imagem selecionada.
6. Em Tamanho e posição, escolha um modo de posicionamento:
   • Livre - Ajuste tamanho e posição livremente. Insira um valor exato no campo Ângulo ou use Girar à esquerda ou Girar à direita para ajustar manualmente.
   • Ajuste à tela - A imagem preenche a área da imagem do passo por padrão.
7. Alternativamente, arraste as bordas da imagem para redimensioná-la.
8. Clique no ícone Redefinir para o tamanho e posição originais acima da imagem para retornar ao tamanho e posição originais em um clique.
9. Clique no ícone de rotação e arraste para girar a imagem.
10. Use a proporção Lock para manter as proporções e evitar que a imagem pareça esticada ou distorcida. Trave as proporções antes de redimensionar para garantir que a imagem escale de forma uniforme.
11. Clique em Aplicar para salvar o elemento da imagem.

Adicionando imagem a um vídeo / demonstração interativa

1. Navegue para adicionar elementos no painel direito.
2. Clique na imagem. Se uma imagem já existir, clique em Adicionar nova.
3. Ative Ocultar outros elementos para ocultar todos os outros elementos enquanto configura a imagem.
4. Defina o carimbo de tempo usando o campo Time ou arraste o controle de vídeo.
5. Para enviar uma imagem, clique em Selecionar imagem. Selecione entre os recursos de imagem predefinidos disponíveis.

6. Clique em Inserir para adicionar a imagem selecionada.
7. Em Tamanho e posição, escolha um modo de posicionamento:
   • Livre - Ajuste tamanho e posição livremente. Insira um valor exato no campo Ângulo ou use Girar à esquerda ou Girar à direita para ajustar manualmente.
   • Ajuste à tela - A imagem preenche a área da imagem do passo.
8. Alternativamente, arraste as bordas da imagem para redimensioná-la.
9. Clique no ícone Redefinir para o tamanho e posição originais acima da imagem para retornar ao tamanho e posição originais em um clique.
10. Para girar, clique no ícone de rotação e arraste.
11. Use a proporção Lock para manter as proporções e evitar que a imagem pareça esticada ou distorcida.
12. Em Comportamento, configure como a imagem é exibida:
    • Fique por - Visível por um período determinado.
    • Botão Próximo - Visível até o usuário clicar em Próximo.
    • CTA - Vinculado a um chamado para ação.
    • Mostrar até - A imagem é exibida até que um horário especificado seja alcançado.
13. Para adicionar narração por voz, ative a opção de alternância de voz da IA.
    • Selecione a voz desejada e insira o conteúdo no campo de texto.
    • Clique no botão Play ao lado do conteúdo para visualizá-lo na voz selecionada.
14. Clique em Aplicar para salvar o elemento da imagem.

Gerenciando elementos de imagem

Todas as imagens adicionadas aparecem no painel Imagem, com uma pré-visualização em miniatura e nome.

• Adicionar outra imagem - Clique em Adicionar novo no topo do painel.
• Editar uma imagem - Clique em qualquer imagem da lista para editá-la. Modifique conforme necessário, depois clique em Aplicar para salvar ou Cancelar para voltar. Use o ícone Delete para removê-lo.
• Exclua uma imagem - Passe o mouse sobre uma imagem, clique no menu de três pontos e selecione Excluir.

Melhores práticas

• Proporções de bloqueio antes de redimensionar - No modo Freeform, ativar o bloqueio de proporção previne distorção.
• Use o campo Ângulo para alinhamento exato - Quando uma sobreposição precisar ficar em um ângulo específico, como uma faixa diagonal ou um distintivo girado, insira o valor diretamente em vez de girar manualmente.
• Reserve Fit para selecionar substituições em segundo plano - Para a maioria dos casos de uso de sobreposição, o Freeform oferece mais controle. O ajuste na tela funciona melhor apenas ao substituir o fundo completo do passo.
• Mantenha as sobreposições relevantes para a etapa – Visuais não relacionados ou excessivos podem distrair os espectadores e reduzir a clareza.
• Pré-visualização antes da publicação - Após aplicar, verifique o posicionamento e o tamanho para confirmar que a imagem aparece como destinada aos usuários finais.