Mostre um recurso passo a passo: adicione capturas de tela ou um link da página do produto, e o Potto transforma esse material em um walkthrough narrado com legendas, que você pode editar cena a cena antes de exportar um MP4.
Prévia e edição são grátis. Você só paga ao exportar.
0/5000
Um exemplo foi criado com o tipo de vídeo Passo a passo de um recurso a partir do link da nossa página Remover fundo de imagem. Os demais mostram a mesma abordagem passo a passo com outros materiais: três capturas de tela do nosso gerador de imagens IA, um manual rápido em PDF e uma apostila, além de um exemplo vertical e um quadrado para os outros dois formatos. Selecione uma capa para assistir.
16:9 · 30 s
Criado a partir do link da nossa página Remover fundo de imagem, com o tipo de vídeo Passo a passo de um recurso: a página capturada na etapa de envio, depois a remoção do fundo e a escolha entre um recorte transparente ou uma composição com fundo incorporado, com música e sem narração.
16:9 · 28 s
Três capturas de tela enviadas do nosso gerador de imagens IA transformadas em uma demonstração narrada passo a passo: escrever um briefing, digitar três linhas e escolher um modelo. Criado com o tipo de vídeo Vídeo de demonstração de produto.
16:9 · 34 s
Um guia rápido de exemplo enviado em PDF e transformado em um tutorial: primeiro uso, ajuste de temperatura e limpeza, com uma etapa por cena.
16:9 · 40 s
Uma apostila de biologia de exemplo enviada em PDF e transformada em uma aula com seis etapas em ordem, uma ideia por tela.
9:16 · 25 s
Um PDF de resumo de pesquisa de exemplo em um clipe 9:16: a pergunta, três resultados em números grandes e as limitações. Ele mostra o formato de um walkthrough no celular.
1:1 · 22 s
Um PDF de relatório anual de exemplo em um resumo 1:1 de três números, com uma frase para cada um. Ele mostra o formato quadrado para um feed ou e-mail.
Estes exemplos vêm de páginas e capturas de tela do próprio Potto e de documentos de exemplo escritos por nós; as empresas e os números desses documentos são fictícios. Não são gravações de projetos de clientes.
A última etapa do walkthrough de remoção de fundo como linha do storyboard e como quadro do vídeo. O texto na tela vem do storyboard; a composição da cena, os ícones e o movimento são adicionados durante a renderização.
Cena 4 de 5 · 7 s
Texto na tela
Cada etapa do vídeo de passo a passo de um recurso ocupa uma linha do storyboard: o texto exibido na tela e, quando a narração está ativada, as palavras a serem ditas. O Potto planeja as linhas a partir do link ou das capturas de tela, na ordem da tarefa, para que a última etapa venha depois da ação da qual depende.
O mesmo texto em rótulos curtos na cena da etapa, com as cores e o logo extraídos do link da página. Neste exemplo, a etapa de envio mostra a página Remover fundo de imagem capturada desse link, e as seguintes usam rótulos e uma cena de antes e depois; com suas próprias capturas, qualquer etapa pode mostrar sua interface real.
Compare cada linha do vídeo de walkthrough de software com o produto em uso: nomes de botões, ordem das ações e resultado na tela. Edite as palavras na tela pelo storyboard, troque por uma captura da tela real quando for útil e veja a prévia novamente antes de exportar.
Um vídeo walkthrough de produto responde a uma pergunta: como uso este recurso? Escolha o local em que o público faz essa pergunta e deixe esse contexto definir o formato, a duração e a quantidade de etapas.
16:9 · 30s
Coloque um walkthrough no início de um tutorial para que os leitores vejam cada etapa antes de ler os detalhes. Mantenha uma tarefa por vídeo, use os nomes exatos dos botões do aplicativo e escolha 16:9 para a central de ajuda ou a documentação. Quando a interface mudar, substitua as capturas de tela em vez de deixar um walkthrough desatualizado online.
16:9 · 28s
Quando um recurso é lançado ou alterado, um vídeo curto de walkthrough de software mostra onde encontrá-lo e como usá-lo agora. Comece com a tela que as pessoas já conhecem, mostre as novas etapas em ordem e termine com o resultado. Para anunciar benefícios e disponibilidade, um vídeo de lançamento é mais adequado que um walkthrough.
16:9 · 34s
Ensine as primeiras tarefas de um novo usuário com um vídeo de walkthrough de aplicativo para cada recurso. O formato 9:16 é adequado para celulares e mensagens no aplicativo; 1:1, para um feed ou e-mail. Termine cada walkthrough com a próxima ação que o usuário deve realizar no produto.
Crie um vídeo de passo a passo de um recurso em três etapas na área de criação acima. Gerar e visualizar é grátis, e o preço em créditos aparece antes de exportar.
Cole um link público do produto ou envie uma captura de cada etapa em ordem, até 8 anexos por projeto. Escolha Passo a passo de um recurso como tipo de vídeo e escreva uma frase sobre o recurso, o público do walkthrough e o resultado esperado.
Compare a estrutura e o storyboard com seu produto. Em qualquer cena, edite o texto na tela e a narração, troque uma captura de tela ou escolha um ponto de foco para indicar o controle certo. Mantenha os nomes dos recursos exatamente como aparecem no aplicativo.
Assista ao walkthrough grátis no navegador. Exporte um MP4 em 1080p a 30 fps, em 16:9, 9:16 ou 1:1. Os créditos são cobrados apenas na exportação, conforme a duração, a narração e as ilustrações.
Uma gravação de tela captura cada clique, pausa e erro. O Potto monta o walkthrough a partir das suas telas: o Claude Opus 5.5 planeja um recurso como uma sequência de etapas, suas capturas viram os elementos visuais e são adicionadas narração, legendas e música. Assim, o vídeo walkthrough de produto se parece com um tutorial editado, em vez de uma gravação bruta.
01
Forneça uma página pública http ou https ao Potto. Ele lê essa página e até mais 2 do mesmo site, extrai o nome da marca, as cores, as fontes e o logo e captura a primeira tela em 1440×900. Páginas que exigem login não podem ser lidas; para um vídeo de walkthrough de aplicativo que mostre uma tela após o login, envie capturas de tela.
02
Com o tipo de vídeo Passo a passo de um recurso, o Claude Opus 5.5 escreve a estrutura, o storyboard e o roteiro da narração em etapas numeradas que seguem a ordem das suas telas, mostrando cada ação e o que ela muda. As cenas são renderizadas com os componentes de cena Remotion do Potto, com ilustrações e narração geradas por IA.
03
Um vídeo de walkthrough de software só é útil se mostrar a tela que as pessoas vão ver. O Potto insere suas capturas nas cenas; em cada uma, você pode escolher um ponto de foco, trocar por uma captura mais recente ou substituir uma ilustração. Assim, é possível corrigir uma etapa sem refazer todo o walkthrough.
04
Escolha um dos 32 idiomas de narração ou deixe o Potto detectar o idioma automaticamente; as legendas destacam cada palavra à medida que é falada. A música de fundo vem da biblioteca de faixas originais do Potto, escolhida conforme o estilo e a duração, e você pode trocá-la. Antes de exportar, ouça uma vez para conferir nomes de produtos e rótulos de botões.
05
Exporte um MP4 em 1080p a 30 fps, em 16:9 (1920×1080) para centrais de ajuda e documentação, 9:16 (1080×1920) para celulares e mensagens no aplicativo ou 1:1 (1080×1080) para um feed. A proporção não altera o preço, então escolha o formato adequado ao local de exibição do walkthrough.
Cada vídeo walkthrough de produto ensina um recurso. Estas páginas abordam outros tipos de vídeo.
O que é um vídeo walkthrough de produto, como ele difere de uma demonstração e quais entradas, edições e preços conhecer antes de exportar.
Um vídeo walkthrough de produto é um vídeo curto que ensina a usar um produto ou um recurso dele, percorrendo as etapas em ordem na interface real, geralmente com narração e legendas. O público acompanha e chega ao mesmo resultado no próprio aplicativo. O Potto cria vídeos walkthrough de produto a partir de capturas de tela ou de um link do produto: planeja as etapas, insere suas telas em cenas animadas e adiciona narração, legendas e música. Ele não grava sua tela nem gera um apresentador digital.
Um walkthrough de produto ensina um recurso passo a passo, enquanto uma demonstração mostra o que o produto inteiro faz e por que isso importa. Uma demonstração responde “devo usar isto?”; um walkthrough responde “como faço isto?” para quem já está com o produto aberto. No Potto, são tipos de vídeo diferentes: escolha Passo a passo de um recurso quando o objetivo for ensinar a fazer algo e Vídeo de demonstração de produto quando quiser uma visão geral.
Passo a passo de um recurso é uma das opções do menu Tipo de vídeo na área de criação do Potto, ao lado de Automático, Vídeo de demonstração de produto, Vídeo explicativo, Lançamento de produto, Artigo para vídeo e História com dados. A opção orienta a IA a planejar o vídeo como etapas numeradas de um recurso, seguindo a ordem das telas fornecidas. Escolha essa opção em vez de Automático quando quiser ensinar um recurso passo a passo, e não apresentar uma visão geral.
Adicione capturas de cada etapa ou um link público do produto na área de criação no topo, escolha Passo a passo de um recurso como tipo de vídeo e escreva uma frase sobre o recurso, o público e o resultado esperado. O Potto prepara a estrutura, o storyboard, a narração e as legendas; você confere cada etapa no produto, visualiza o walkthrough grátis no navegador e exporta um MP4.
Use um link para uma página pública e capturas de tela para tudo que exige login. O Potto lê a página pública http ou https fornecida e até mais 2 páginas do mesmo site, além de capturar a primeira tela em 1440×900. Páginas que exigem login não podem ser lidas; para um vídeo de walkthrough de aplicativo que mostre uma tela após o login, envie uma captura por etapa, em ordem. Um projeto aceita até 8 anexos, somando capturas de tela e documentos.
Ainda não. Atualmente, o Potto não aceita um vídeo existente, como uma gravação de tela, para análise ou edição; ele cria um novo vídeo walkthrough de produto a partir de capturas de tela, um link público ou um documento. Se você já tem uma gravação, exporte uma imagem estática de cada etapa e envie as capturas em ordem.
Sim. Antes de exportar, você pode editar o texto na tela e o roteiro da narração de cada cena do vídeo de walkthrough de software. Nos elementos visuais, pode trocar uma captura de tela, escolher seu ponto de foco, gerar novamente uma ilustração com IA ou substituí-la por uma imagem enviada por você. Veja a prévia após cada alteração e compare cada etapa com o produto em uso.
Sim, quando você seleciona um kit de marca ou ativa a marca padrão. As quatro cores da marca são aplicadas aos elementos visuais, você escolhe entre as fontes Inter, Space Grotesk e Bricolage, e seu logo aparece nas cenas de abertura e encerramento. Ao começar com um link, o Potto também extrai o nome da marca, as cores, as fontes e o logo dessa página.
A narração pode usar qualquer um dos 32 idiomas, ou o Potto pode detectar o idioma automaticamente. As legendas destacam cada palavra à medida que é falada. Em um vídeo de walkthrough de software, ouça uma vez antes de exportar para conferir nomes de produtos, rótulos de menus e abreviações, pois são essas palavras que o público vai procurar na tela.
O Potto exporta cada vídeo walkthrough de produto como MP4 em 1080p a 30 fps. Escolha 16:9 (1920×1080) para artigos de ajuda, 9:16 (1080×1920) para celulares ou 1:1 (1080×1080) para um feed ou e-mail. O formato 4:5 e a exportação em GIF não estão disponíveis.
Gerar e visualizar um walkthrough no navegador é grátis; os créditos são cobrados apenas ao exportar. O preço depende da duração do vídeo, da duração da narração e da quantidade de ilustrações com IA usadas; a proporção não altera o valor. Por exemplo, um vídeo de 30 segundos com narração em inglês e sem ilustrações custa 153 créditos; com 2 ilustrações, o total passa a 199 créditos. Cada conta pode iniciar até 30 projetos de vídeo e gerar até 60 ilustrações por dia.
Adicione capturas de tela ou o link do produto, confira cada etapa e veja o preço em créditos antes de exportar seu walkthrough como MP4.