Mercado
Preços
EntrarComeçar
Guia práticoMovimento
Movimento

Gravação de tela para tutoriais e demos: um fluxo limpo

A maioria dos tutoriais é difícil de assistir por motivos que nada têm a ver com o software: bagunça, texto minúsculo, enrolação e som ruim. Veja um fluxo que resolve os quatro.

GradientlyConta verificada do Gradiently·1 de outubro de 2026·6 min de leitura
Capa: Winter Glare · GR·H1MM·75

Resumindo

  • Uma boa gravação de tela depende mais da preparação do que da ferramenta de gravação: limpe a tela, aumente o texto e planeje o que vai dizer.
  • Compartilhar uma única aba ou janela do navegador dá uma gravação de tela mais limpa e mais privada do que compartilhar a tela inteira.
  • Se uma gravação de tela inclui o som do próprio computador depende do navegador e do que você escolhe compartilhar.
  • Gravar em takes curtos, de um passo cada, deixa os erros baratos de corrigir e o vídeo final fácil de cortar.
  • Legendas e um breve cartão de título com a sua marca deixam um tutorial mais fácil de acompanhar e reconhecidamente seu.
Nesta página
Prepare a tela antes de gravarEscolha o que compartilhar: uma aba, uma janela ou a tela inteiraComo gravar a tela com áudioRoteirize os passos, não as frasesEdite, legende e enquadre a gravaçãoGravar a tela no Gradiently

Uma gravação de tela limpa para um tutorial ou demonstração vem de quatro hábitos: organizar a tela e aumentar o texto antes de começar, compartilhar só a aba ou janela de que você precisa, seguir um roteiro curto escrito e gravar a voz com um microfone perto da boca. Depois, grave em takes curtos, corte as pausas, adicione legendas e abra com um cartão de título simples. A ferramenta com que você grava importa muito menos do que esses passos.

Prepare a tela antes de gravar

Quem assiste olha para a sua tela com muito mais atenção do que você. Uma área de trabalho bagunçada, uma notificação perdida ou uma barra de favoritos cheia de links pessoais tira os olhos do que você está ensinando e pode mostrar coisas que você nunca quis compartilhar.

  1. 1

    Ative o Não Perturbe

    Silencie as notificações do computador e do celular ao lado. A prévia de uma mensagem surgindo distrai e pode ser privada.

  2. 2

    Feche tudo o que você não vai mostrar

    Saia dos outros aplicativos e feche as abas sobrando. Esconda a barra de favoritos e as extensões que ficam na barra de ferramentas.

  3. 3

    Aumente o texto

    Dê zoom de 125% ou 150% no navegador ou aplicativo. Tutoriais costumam ser assistidos no celular, onde o texto normal da interface fica ilegível.

  4. 4

    Use dados de demonstração

    Entre em uma conta de demonstração ou encha o aplicativo de nomes e números de exemplo, para que nenhum dado de cliente ou arquivo privado apareça.

  5. 5

    Ajuste a janela para 16:9

    Se for compartilhar uma janela, deixe-a mais ou menos no formato do vídeo final, para não haver faixas pretas em volta.

Escolha o que compartilhar: uma aba, uma janela ou a tela inteira

Quando você grava a tela em um navegador, ele mostra a própria caixa de compartilhamento e pede que você escolha uma aba, uma janela ou uma tela inteira. Cada uma tem seus prós e contras.

Uma aba do navegador

Bom para

Aplicativos web e sites; a escolha mais privada

Cuidado com

Trocar de aba no meio da gravação não será acompanhado
Uma janela

Bom para

Um aplicativo de computador, como uma planilha ou um editor

Cuidado com

Menus e caixas de diálogo de outros aplicativos não aparecem
A tela inteira

Bom para

Alternar entre vários aplicativos

Cuidado com

Mostra tudo: notificações, dock, outras janelas
CompartilharBom paraCuidado com
Uma aba do navegadorAplicativos web e sites; a escolha mais privadaTrocar de aba no meio da gravação não será acompanhado
Uma janelaUm aplicativo de computador, como uma planilha ou um editorMenus e caixas de diálogo de outros aplicativos não aparecem
A tela inteiraAlternar entre vários aplicativosMostra tudo: notificações, dock, outras janelas
Compartilhe o menor item que cobre toda a demonstração. Uma aba costuma bastar para software que roda no navegador.

Permissões, com franqueza

No Mac, o próprio navegador precisa de permissão para gravar a tela: na primeira vez, o macOS leva você a Ajustes do Sistema, Privacidade e Segurança, Gravação de Tela e Áudio do Sistema, e o navegador pode precisar ser reiniciado. A gravação também só funciona em uma página segura (https).

Como gravar a tela com áudio

Há dois tipos de som em uma gravação de tela: a sua voz pelo microfone e o som do próprio computador, como um vídeo tocando na demonstração. A voz é fácil. O som do computador não é garantido: se um navegador consegue compartilhá-lo depende do navegador, do sistema operacional e de você ter compartilhado uma aba, uma janela ou a tela. Compartilhar uma aba em um navegador Chromium, como Chrome ou Edge, com a opção de compartilhar áudio marcada, é o caminho mais confiável. Se o som importa, faça um teste de dez segundos e ouça antes do take de verdade.

  • Use qualquer microfone externo, até um headset com fio, em vez do embutido no notebook, que capta o barulho do teclado e o zumbido do ventilador.
  • Mantenha o microfone a uma palma da sua boca e um pouco de lado.
  • Grave em um cômodo pequeno com coisas macias: cortinas, um sofá, um tapete. Paredes nuas fazem eco.
  • Use fones de ouvido se a demonstração emitir som, para os alto-falantes não voltarem ao microfone.

Roteirize os passos, não as frases

Ler um roteiro completo palavra por palavra soa duro, e improvisar vira enrolação. O meio-termo é um esquema: uma linha por passo, com o clique exato e a única coisa que quem assiste deve entender. Deixe no papel ou em uma segunda tela, fora da área compartilhada.

text
TÍTULO  Como exportar um PDF para impressão (menos de 2 min)

0. Chamada Mostrar o PDF pronto com marcas de corte.
1. Abrir   Menu Arquivo > Exportar. Dizer por quê: gráficas precisam de sangria.
2. Escolher Formato: PDF. Qualidade: Impressão.
3. Conferir Apontar a sangria e as marcas de corte na prévia.
4. Exportar Clicar em Exportar e abrir o arquivo para comprovar que funcionou.
5. Encerrar Uma frase de resumo. Onde encontrar o próximo vídeo.
Um esquema de uma página. Cada linha numerada vira um take curto.

Grave um passo por take. Se errar, pare, faça uma pausa de um segundo e recomece aquele passo. Takes curtos deixam os erros baratos e dão pontos naturais de corte. Mova o mouse devagar e com intenção e faça uma pausa curta depois de cada clique para quem assiste ver o que mudou.

Edite, legende e enquadre a gravação

Editar um tutorial é sobretudo remover coisas: o silêncio antes de você falar, o ícone de carregamento, o começo errado. Corte cada take rente, coloque-os em ordem e ouça tudo uma vez. Edição de vídeo para iniciantes explica clipes, cortes e áudio em termos simples.

Depois, adicione legendas. Muita gente assiste sem som, e as legendas ajudam quem acompanha em um segundo idioma. Mantenha-as curtas, no máximo duas linhas, em um lugar onde não cubram a parte da interface que você está apontando. Legendas de vídeo trata de tamanho e posição.

Tutorial 07
Exporte um PDF de impressão em 4 cliques
Com sangria e marcas de corte
Gradiently · @gradiently

Um cartão de título mantido por dois ou três segundos diz a quem assiste exatamente o que vai aprender e faz uma série parecer uma série.

Para posts de redes sociais, coloque a gravação sobre um fundo com a sua marca em vez de esticá-la para preencher um quadro vertical. Uma gravação 16:9 fica bem no meio de um post de 1080×1350 ou de um story de 1080×1920, com um título em cima e espaço para legendas embaixo. Todos os quadros estão listados em tamanhos de vídeo para redes sociais.

Gravação 1920×1080

1920 × 1080

Post de feed 1080×1350

1080 × 1350

Story 1080×1920

1080 × 1920

Uma gravação widescreen e os dois quadros verticais em que ela mais precisa caber. Coloque-a sobre um fundo em vez de cortá-la.

Difícil de assistir

  • Tela inteira compartilhada, texto minúsculo
  • Microfone do notebook, ambiente com eco
  • Um take longo com todas as hesitações
  • Mouse correndo pela tela
  • Sem legendas

Fácil de acompanhar

  • Uma aba, com zoom de 125% ou mais
  • Microfone externo, ambiente macio
  • Um take por passo, pausas cortadas
  • Ponteiro lento e intencional, uma pausa depois de cada clique
  • Legendas curtas longe da ação

Gravar a tela no Gradiently

Com o Pro, o Gradiently pode gravar uma tela, aba ou janela direto em um design, com ou sem o seu microfone, além da câmera ou só da sua voz. A caixa de diálogo do próprio navegador pergunta o que compartilhar, e o áudio da tela depende do navegador e da superfície escolhida. Você revisa o clipe antes de adicioná-lo, e ele fica no navegador até você fazer isso. Na linha do tempo, dá para cortá-lo, adicionar legendas e música e colocá-lo sobre um fundo que é só do seu canal, e então exportar cada tamanho de que precisar. Vídeos de demonstração de produto e vídeos falando para a câmera usam o mesmo fluxo.

Crie com um gradiente vivo

Posts, stories, slides e banners em todos os tamanhos, com texto sempre legível.

Começar a criar, grátis

Perguntas frequentes

Como gravar a tela com som?

Ative o microfone para a sua voz. Para o som do próprio computador, compartilhe uma única aba em um navegador Chromium e marque a opção de compartilhar áudio; o suporte em outros navegadores e no compartilhamento de tela inteira varia.

Por que meu navegador não consegue gravar a tela em um Mac?

O macOS exige que você permita o navegador em Ajustes do Sistema, Privacidade e Segurança, Gravação de Tela e Áudio do Sistema. Depois de permitir, feche e reabra o navegador.

Devo compartilhar uma aba, uma janela ou a tela inteira?

Compartilhe o menor item que cobre a demonstração. Uma aba é a mais privada e serve a aplicativos web; uma janela serve a um aplicativo de computador; a tela inteira só é necessária ao alternar entre aplicativos.

Qual deve ser a duração de uma gravação de tela de tutorial?

O mais curta que a tarefa permitir. Divida em vídeos separados tudo que tiver mais de uns cinco passos, para que cada um responda a uma única pergunta.

Em que resolução devo gravar a tela?

Mire em um resultado de 1920×1080 e dê zoom de 125% ou mais na interface, para o texto continuar legível quando o vídeo for assistido no celular.

Compartilhar este guia

Escrito pelo GradientlyConta verificada do Gradiently

A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.

Ver nosso perfil

Nesta página

Prepare a tela antes de gravarEscolha o que compartilhar: uma aba, uma janela ou a tela inteiraComo gravar a tela com áudioRoteirize os passos, não as frasesEdite, legende e enquadre a gravaçãoGravar a tela no Gradiently

Compartilhar este guia

A seguir em Movimento

Vídeo falando para a câmera: câmera, fundo e legendas

Continue lendo

Todos os guias de Movimento
Movimento

Vídeo demo de produto: mostre tudo em menos de 1 minuto

6 min de leitura

As melhores demonstrações não percorrem todos os recursos. Mostram uma pessoa resolvendo uma tarefa, rápido. Veja uma estrutura de sessenta segundos, um roteiro para adaptar e os detalhes que dão acabamento.

Movimento

Edição de vídeo para iniciantes: o básico da linha do tempo

6 min de leitura

Todo editor de vídeo, de apps de celular a suítes profissionais, se baseia na mesma ideia: uma linha do tempo. Aprenda suas poucas partes e a ordem de trabalho, e qualquer editor fará sentido.

Movimento

Legendas em vídeo: estilos legíveis e com a cara da marca

7 min de leitura

Muito vídeo de rede social é assistido sem som, e aí a legenda vira o roteiro. Veja como configurá-la para ser lida num relance e ainda ter a sua cara.

Encontre o visual que é só seu.

Cada Mark é um fundo vivo com um único dono. Experimente um Mark ainda disponível e reserve o seu quando sentir que é ele.

Começar a criar

Verificar um certificado

Digite o número de um certificado ou o código de um Mark para ver quem é o dono.

Funciona com ChatGPT e Claude

Peça um design à sua IA. Ela cria no seu Mark, pronto para editar.

ChatGPTClaude
Como conectar

Produto

  • Mercado
  • Explorar
  • Preços
  • Certificados

Aprender

  • Guia prático
  • Central de ajuda
  • Novidades

Desenvolvedores

  • Visão geral
  • ChatGPT e Claude
  • Referência da API
  • Chaves de API

Empresa

  • Sobre
  • Fale conosco
  • Entrar

Jurídico

  • Termos
  • Privacidade
  • Reembolsos
  • Proteção do Mark
  • Cookies
  • Todas as políticas
Passe pelas letras. Cada uma veste um Mark de verdade.Toque em uma letra para ver o Mark dela.Um nome. Dez Marks dentro dele.
© 2026 Gradiently