Guia do Usuário Cancelar

Trabalhar com vídeos

  1. Guia do usuário do Adobe XD
  2. Introdução
    1. Novidades no Adobe XD
    2. Perguntas frequentes
    3. Criar designs e protótipos e compartilhar com o Adobe XD
    4. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    5. Noções básicas sobre a área de trabalho
    6. Alterar o idioma do aplicativo no Adobe XD
    7. Acessar kits de design de interface
    8. Acessibilidade no Adobe XD
    9. Atalhos de teclado
    10. Dicas e truques
    11. Opções de assinatura do Adobe XD
    12. Alterações no plano inicial do XD
  3. Design
    1. Pranchetas, guias e camadas
      1. Introdução às pranchetas
      2. Usar guias e grades
      3. Criar pranchetas com rolagem
      4. Trabalhar com camadas
      5. Criar grupos de rolagem
    2. Formas, objetos e caminho
      1. Selecionar, redimensionar e girar objetos
      2. Mover, alinhar, distribuir e organizar objetos
      3. Agrupar, bloquear, duplicar, copiar e virar objetos
      4. Definir traçado, preenchimento e sombra projetada para objetos
      5. Criar elementos de repetição
      6. Criar designs de perspectiva com transformações em 3D
      7. Editar objetos usando operações boolianas
    3. Texto e fontes
      1. Trabalhar com ferramentas de desenho e texto
      2. Fontes no Adobe XD
    4. Componentes e estados
      1. Trabalhar com componentes
      2. Trabalhar com componentes aninhados
      3. Adicionar vários estados aos componentes
    5. Mascaramento e efeitos
      1. Criar uma máscara com formas
      2. Trabalhar com efeitos de desfoque
      3. Criar e modificar degradês
      4. Aplicar efeitos de mesclagem
    6. Layout
      1. Redimensionamento responsivo e restrições
      2. Definir preenchimento fixo para componentes e grupos
      3. Criar designs dinâmicos com pilhas
    7. Vídeos e animações Lottie
      1. Trabalhar com vídeos
      2. Criar protótipos usando vídeos
      3. Trabalhar com animações Lottie
  4. Protótipo
    1. Criar protótipos interativos
    2. Animar protótipos
    3. Propriedades de objeto compatíveis com a Animação automática
    4. Criar protótipos com teclados e controles
    5. Criar protótipos usando reprodução e comandos de voz
    6. Criar transições temporizadas
    7. Adicionar sobreposições
    8. Criar protótipos de voz
    9. Criar links de âncora
    10. Criar hiperlinks
    11. Visualizar designs e protótipos
  5. Compartilhar, exportar e analisar
    1. Compartilhar pranchetas selecionadas
    2. Compartilhar designs e protótipos
    3. Definir permissões de acesso para links
    4. Trabalhar com protótipos
    5. Revisar protótipos
    6. Trabalhar com especificações de design
    7. Compartilhar especificações de design
    8. Inspecionar especificações de design
    9. Navegar em especificações de design
    10. Revisar e comentar especificações de design
    11. Exportar ativos de design
    12. Exportar e baixar ativos de especificações de design
    13. Compartilhamento em grupo para corporações
  6. Sistemas de design
    1. Sistemas de design com as Bibliotecas da Creative Cloud
    2. Trabalhar com ativos de documento no Adobe XD
    3. Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
    4. Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
    5. Trabalhar com tokens de design 
    6. Usar ativos das Bibliotecas da Creative Cloud
  7. Documentos na nuvem
    1. Documentos na nuvem no Adobe XD
    2. Colaborar e coeditar designs
    3. Coeditar documentos compartilhados com você
  8. Integrações e plug-ins
    1. Trabalhar com ativos externos
    2. Trabalhar com ativos de design do Photoshop
    3. Copiar e colar ativos do Photoshop
    4. Importar ou abrir designs do Photoshop
    5. Trabalhar com ativos do Illustrator no Adobe XD
    6. Abrir ou importar designs do Illustrator
    7. Copiar vetores do Illustrator para o XD
    8. Plug-ins para o Adobe XD
    9. Criar e gerenciar plug-ins
    10. Integração do JIRA com o XD
    11. Plug-in do Slack para XD
    12. Plug-in do Zoom para XD
    13. Publicar o design do XD no Behance
  9. XD para iOS e Android
    1. Visualizar em dispositivos móveis
    2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
  10. Solução de problemas
    1. Problemas conhecidos e corrigidos
      1. Problemas conhecidos
      2. Problemas corrigidos
    2. Instalação e atualizações
      1. O XD aparece como não compatível no Windows
      2. Código de erro 191
      3. Código de erro 183
      4. Problemas ao instalar plug-ins XD
      5.  Solicitação para instalar e reinstalar o XD no Windows 10
      6. Problemas com a migração de preferências
    3. Inicialização e falha
      1.  O XD trava ao ser iniciado no Windows 10
      2.  O XD fecha ao fazer logoff da Creative Cloud
      3. Problema com o status da assinatura no Windows
      4. Aviso de aplicativo bloqueado ao iniciar o XD no Windows
      5. Geração de dump de falha no Windows
      6. Coleta e compartilhamento de registros de falhas
    4. Documentos na nuvem e bibliotecas da Creative Cloud
      1. Problemas com os documentos na nuvem do XD
      2. Problemas com componentes vinculados
      3. Problemas com bibliotecas e links
    5. Prototipagem, publicação e revisão
      1. Não é possível gravar interações de protótipo no macOS Catalina
      2. Problemas com fluxos de trabalho de publicação
      3. Links publicados não são exibidos nos navegadores
      4. Protótipos não são renderizados corretamente nos navegadores
      5. Painel de comentários aparecendo repentinamente em links compartilhados
      6. Não é possível publicar bibliotecas
    6. Importação, exportação e trabalho em outros aplicativos
      1. Exportação e importação no XD
      2. Arquivos do Photoshop no XD
      3. Arquivos do Illustrator no XD
      4. Exportar do XD para o After Effects
      5. Arquivos do Sketch no XD
      6. Aplicativos de terceiros não visíveis na exportação

Saiba como usar vídeos no Adobe XD para criar experiências de design envolventes.

O XD permite que você importe vídeos, ajuste as configurações básicas de vídeo e controle a reprodução. Depois de definir a reprodução do vídeo e conectar seu protótipo, você pode visualizá-lo antes do compartilhamento.

Importar vídeo, ajustar as configurações e definir uma opção de reprodução
Importar vídeo, ajustar as configurações e definir uma opção de reprodução

Leitura sugerida

4 etapas para criar e compartilhar interações de vídeo

Comece importando seu vídeo e ajustando as configurações de vídeo. Depois, defina uma opção de reprodução, visualize o protótipo e compartilhe-o com as partes interessadas para revisão.

Importar vídeo

Ajustar configurações de vídeo

Definir uma opção de reprodução

Visualizar e compartilhar

Importar vídeo

Para importar seu vídeo para o XD, arraste-o para uma prancheta. Ou selecione Arquivo > Importar.

Formato de arquivo de vídeo

MP4

Compactação de vídeo (codec)

 H.264

Codec de áudio

AAC

Tamanho máximo

25 MB

Resolução máxima

4 K

Se o seu vídeo não atender aos requisitos fornecidos na tabela, você receberá um erro ao importá-lo para o XD.

Converta ou corte seu vídeo para atender a esses requisitos. O Adobe Media Encoder é altamente recomendável.

Converter ou cortar o vídeo usando o Media Encoder

É possível usar o Adobe Media Encoder para preparar rápida e facilmente seu vídeo para importação no XD.

Baixar Adobe Media Encoder

Siga as etapas indicadas abaixo:

  1. Abra o Media Encoder. Navegue até Arquivo > Adicionar fonte, localize o seu vídeo e clique em Abrir.

  2. Localize o seu vídeo na Fila e clique no link Predefinição.

    Clicar no link Predefinir do vídeo
    Clicar no link Predefinir do vídeo

  3. Na janela Configurações de exportação, faça o seguinte:

    1. Certifique-se de que o Formato seja H.264.
    2. Para reduzir o tamanho do seu vídeo para menos de 15 MB, corte o vídeo ou escolha uma Predefinição com uma resolução menor. Conforme você corta o vídeo ou tenta predefinições diferentes, pode encontrar o tamanho estimado do arquivo no canto inferior direito da janela. Uma predefinição recomendada é HD 720p de alta qualidade.
    3. Clique em OK.

    Uma predefinição recomendada é HD 720p de alta qualidade.

    Selecione o Formato como H.264 e corte o vídeo ou escolha uma predefinição de resolução mais baixa
    Selecione o Formato como H.264 e corte o vídeo ou escolha uma predefinição de resolução mais baixa

  4. Na Fila, clique no botão de reprodução verde no canto superior direito para exportar.

  5. Abra o XD e importe o vídeo.

Ajustar configurações de vídeo

Depois de importado, o primeiro quadro do vídeo é exibido na tela. Quando você seleciona o vídeo no modo de design, você vê um ícone de reprodução   no canto superior esquerdo.

Para visualizar um vídeo ou ajustar as configurações, clique no botão   na seção Vídeo do Inspetor de propriedades. O Heads Up Display (HUD) é aberto. No HUD:

  • Você pode visualizar o vídeo clicando em Reproduzir  .
  • Você pode cortar o vídeo, alterar a miniatura, definir a reprodução em loop ou desativar o áudio.

Cortar o vídeo

Cortar o vídeo
Cortar o vídeo

  1. Clique em Cortar  .
  2. Selecione um clipe arrastando os pontos inicial e final no controle deslizante.
  3. Clique na marca de seleção   para salvar o clipe.

Os quadros não são excluídos quando você os corta. Clique em Cortar   novamente para recuperar os quadros.

Alterar a miniatura do vídeo

Alterar a miniatura do vídeo
Alterar a miniatura do vídeo

  1. Clique no ícone de miniatura   para abrir o explorador. 
  2. Navegue e escolha uma imagem.
  3. Clique em Importar.

Para excluir uma miniatura, clique em Excluir  .

Definir a reprodução como loop

Definir a reprodução como loop
Definir a reprodução como loop

Use o botão de alternância Repetir reprodução para ativar ou desativar reprodução do vídeo em loop.

Ativar ou desativar áudio

Ativar ou desativar áudio
Ativar ou desativar áudio

Clique no ícone do alto-falante (  |  ) para ativar ou desativar o som da trilha sonora do vídeo.

Definir uma opção de reprodução

Definir uma opção de reprodução para o seu vídeo
Definir uma opção de reprodução para o seu vídeo

Depois de ajustar as configurações de vídeo, controle quando seu vídeo será reproduzido escolhendo uma opção de reprodução.

No modo de design, na seção Vídeo do Inspetor de propriedades, escolha uma predefinição:

  • Reproduzir ao tocar (padrão)  
  • Reproduzir automaticamente
  • Sem reprodução

A escolha de uma opção de reprodução no modo de Design cria automaticamente interações para o seu vídeo no modo de Protótipo.

Para saber mais sobre as opções de reprodução de vídeo e personalizações, consulte Criar protótipos usando vídeos.

Visualizar e compartilhar protótipo

Visualizar o protótipo no aplicativo, em um dispositivo móvel ou em um navegador
Visualizar o protótipo no aplicativo, em um dispositivo móvel ou em um navegador

Quando seu projeto estiver pronto para ser compartilhado com as partes interessadas, defina as permissões de acesso apropriadas e publique o protótipo ou o link de especificações de design e compartilhe-o.

Limitações atuais

  • Você pode importar apenas vídeos MP4 para o XD, com cada vídeo menor que 25 MB.
  • Você pode importar no máximo 20 vídeos exclusivos para um documento do XD.
  • Os ativos de vídeo não podem ser exportados de Arquivo > Exportar. Contudo, o vídeo estará disponível nas especificações de design.
  • Apenas um vídeo é reproduzido por vez.
  • Quando o tipo de ação não é animação automática, iniciar outro acionador interrompe a reprodução do vídeo.
  • A reprodução automática de vídeos pode entrar em conflito com os acionadores de tempo da prancheta ou da animação Lottie.

Recursos relacionados

Tem alguma dúvida ou sugestão?

pergunte à comunidade

Você tem alguma dúvida ou sugestão? Participe da comunidade do Adobe XD. Gostaríamos muito de ver suas criações e ouvir o que você tem a dizer!

Logotipo da Adobe

Fazer logon em sua conta