Tutorial: Criar um slide de apresentação

Desenhe um slide animado para apresentações ou apresentações de vídeo com decorações de canto, pontos de bala escalonados, e texto suave revela.

** Tempo: ** 10 minutos ** Dificuldade:** Intermediário

O que você vai criar

Um slide título profissional com decorações de suporte de canto, título animado revelar, e animações de conteúdo escalonado.

Deslize de apresentação animado com decorações de canto e pontos de bala escalonados

Passo 1: Configurar a Tela

  1. Clique em dropdown do tamanho da tela
  2. Selecione YouTube Thumbnail (1280x720) para uma proporção de 16:9

Passo 2: Criar Fundo

  1. Guia da cena → Modo de fundo: Cor sólida
  2. Cor definida: #0f172a (marinho profundo)

Um fundo escuro limpo mantém o foco no conteúdo e permite que os elementos decorativos se destaquem.

Passo 3: Adicionar Decorações Bracket Canto

Criar parênteses em forma de L em cada canto da tela usando linhas:

  1. Para cada canto, crie duas linhas de encontro em um ângulo reto
  2. Propriedades:
    • Cor do traço: #334155 (ardósia sutil)
    • Largura do curso: 1.5
    • Tampa de curso: **round **
  3. Braquetes de posição 40px de cada borda, com 80px comprimento do braço
  4. Ajustar a aparência de cada canto em 0,08 segundos para uma revelação sequencial

Estes suportes de canto frame o slide e adicionar um olhar polido, profissional.

Passo 4: Adicionar o sotaque da borda esquerda

  1. Criar uma linha vertical ao longo da borda esquerda
  2. Propriedades:
    • From: (40, 200) to (40, 520)
    • Cor do curso: #3b82f6 (acento azul)
    • Largura do curso: 2
  3. Quadros de teclas:
    • 0s–0.4s: Oculto (opacidade 0)
    • 0.9s: Opacidade 0.6 — Facilidade: Facilidade

Passo 5: Adicionar Título

  1. Pressione T
  2. Digite seu título de apresentação (por exemplo, “Q4 Business Review”)
  3. Propriedades:
    • Tamanho da fonte: 72
    • Cor da fonte: #f8fafc (perto do branco)
  4. Teclados - deslize para dentro da esquerda:
    • 0s: Opacidade 0, deslocamento X - 60px do centro
    • 0.7s: Opacidade 1, X no centro — Facilidade: Facilidade

Passo 6: Adicionar Linha de Divisor

  1. Criar um retângulo fino entre título e legenda
  2. Propriedades:
    • Largura: 300, Altura: 3
    • Cor: #3b82f6 (acento azul)
  3. Quadros de teclas:
    • 0s–0,5s: Escondido (opacidade 0)
    • 1.0s: Opacidade 1 — Facilidade: Facilidade

Passo 7: Adicionar legenda

  1. Pressione T
  2. Digite seu subtítulo (por exemplo, “Performance Anual & Estratégia de Crescimento”)
  3. Propriedades:
    • Tamanho da fonte: 28
    • Cor da fonte: #94a3b8 (cinzento mutado)
  4. Quadros de teclas:
    • 0s–0.8: Escondido (opacidade 0, Y + 20px offset)
    • 1.4 s: Opacidade 1, Y na posição final — Facilidade: Facilidade

Passo 8: Adicionar pontos de bala

Crie 3 itens de texto para suas métricas chave ou pontos de conversação:

  1. Pressione T para cada bala
  2. Usar prefixo de seta: “→ Receita cresceu 34% ano sobre ano”
  3. Propriedades:
    • Tamanho da fonte: 22
    • Cor da fonte: #cbd5e1
    • Alinhamento: ** Esquerda**
  4. Acerte a aparência de cada bala em 0,2 segundos:
    • Bala 1: aparece em 1.2s–1.6s
    • Bala 2: aparece em 1,4s–1,8s
    • Bala 3: aparece em 1.6s–2.0s

Cada bala desliza ligeiramente da esquerda (x offset - 20px) enquanto desaparece.

Passo 9: Antevisão e Exportação

  1. Pressione Space para visualização
  2. Verifique a sequência: os cantos aparecem → slides título em → divisor desvanece → subtítulo sobe → balas cambaleiam
  3. Exportar como MP4 ou WebM (5 segundos, 30 fps)

Variações de Desenho

Empresas Mínimas

  • Fundo branco
  • Texto preto com fade-in simples
  • Sem decorações de canto

Tecnologia/Moderna

  • Fundo escuro com suportes de canto
  • Cores de sotaque azul e slide-in revela
  • Acentos geométricos sutis

Criativo/Arroz

  • Gerador de fundo Sunburst
  • Texto grande e negrito com animação de salto
  • Múltiplas formas de sotaque

Dicas

** Dicas de apresentação:**

  • Manter o texto legível — fontes grandes, alto contraste
  • Braquetes de canto emolduram o slide sem distração
  • Bala Stagger pontos 0.2s separados para um fluxo natural
  • Use uma linha de acento da borda esquerda para guiar o olho
  • Animação deve aumentar, não distrair

Passos Próximos

  • [Learn Keyframes] (/features/keyframes) — Mais controle de animação
  • Opções de Exportação — Escolha o formato certo