Fundos, molduras e margem
Uma gravação de tela crua preenche o quadro de ponta a ponta e se lê como uma captura que alguém filmou. Recuá-la sobre um fundo, arredondar os cantos e acrescentar uma sombra suave leva uns quatro segundos e muda completamente a impressão. Eis o que cada controle faz e onde cada um deixa de ajudar.
O fundo é uma superfície, não uma imagem
Os oito fundos são degradês e cores chapadas desenhados em código — papel claro, tinta escura, ardósia fria, areia quente, musgo abafado, brasa suave, um chapado liso e nenhum, para saída transparente. São deliberadamente silenciosos: o trabalho de um fundo é fazer a gravação parecer encaixada e iluminada, não ser olhado. E, com a mesma intenção, não existe aurora roxo-azulada, porque é o clichê visual que envelhece na hora um vídeo de produto e o faz parecer igual a todos os outros. Escolha claro para interface clara e escuro para escura, ou o contrário para contraste, e depois pare de pensar nisso.
Margem, cantos e sombra
A margem é o quanto a gravação é recuada da borda do quadro, e é a que mais trabalha das três — cerca de 5 % é um bom padrão, mais em formatos verticais onde o ar extra se lê como intenção, e zero quando você quer a gravação de ponta a ponta. Cantos arredondados sugerem uma janela em vez de uma captura crua. A sombra dá à gravação uma posição no espaço; o padrão fica em 85 % de força, com desfoque e deslocamento em escala com o quadro, para continuar proporcional em qualquer resolução. Os três falham na mesma direção: margem demais encolhe sua interface até a ilegibilidade, arredondamento demais come os cantos da interface, e sombra demais se lê como efeito de apresentação de vinte anos atrás.
Molduras de janela e de navegador
Três opções: nenhuma, uma barra de janela simples com três pontos, e uma moldura de navegador com barra de endereço. A barra de janela serve para tudo que não é um site: um aplicativo de desktop, uma ferramenta, um painel. A moldura de navegador serve quando importa que seja um site, e a barra de endereço carrega **a URL que você digitar e nada mais**. Ela fica vazia por padrão de propósito: imprimir uma URL plausível que não é a que está sendo mostrada engana o espectador, e esse não é um padrão que aceitamos entregar. A barra vem clara ou escura para combinar com sua interface.
O que a câmera de fato move
Vale saber porque explica por que demos compostas parecem certas: o fundo fica fixo e o que escala e desloca é a gravação emoldurada. Um zoom entra na tela dentro da moldura enquanto a superfície em que ela se apoia fica onde está — exatamente como uma câmera se aproximando de uma tela sobre uma mesa, não como se o mundo inteiro ampliasse. Se o fundo escalasse junto, cada zoom pareceria uma transição barata de slides. O mesmo renderizador desenha a pré-visualização e o arquivo exportado, então o que você vê editando é o que o codificador recebe.
Perguntas frequentes
Que fundo um vídeo demo deve ter?
Um degradê ou cor chapada discreta que combine com sua interface. O trabalho do fundo é fazer a gravação parecer encaixada, não ser interessante.
Quanta margem devo usar?
Cerca de 5 % é um bom padrão. Mais em formatos verticais, menos ou nenhuma para um visual de ponta a ponta.
Devo usar a moldura de navegador?
Use quando importar que o produto é um site. Caso contrário, a barra de janela simples faz menos barulho.
Por que a barra de endereço está vazia?
Porque ela só mostra a URL que você digitar. Imprimir uma inventada enganaria o espectador, então nada é preenchido por padrão.
Posso usar minha própria imagem de fundo?
Sim, essa é uma opção paga; os oito fundos embutidos e as três molduras são gratuitos.
Posso exportar com fundo transparente?
Você pode desligar o fundo na composição, lembrando que o MP4 em si não carrega transparência — use quando quiser a gravação rente à borda do quadro.
Transforme uma gravação de tela numa demo que as pessoas assistem. Grave uma aba, receba zooms automáticos onde algo realmente aconteceu, apoie tudo num fundo limpo dentro de uma moldura de janela e exporte MP4. Tudo acontece na aba — do nosso lado não existe endpoint que aceite vídeo.
Abrir o Demo Studio