UI com suavidade de vetor em vídeos

Question

Estou tentando criar vídeos tutoriais para vários aplicativos. No entanto, percebo em Camtasia quando escolho dar zoom, vejo um zoom no que é basicamente uma imagem rasterizada. Os elementos da interface do usuário da janela do aplicativo parecem todos pixy e outros enfeites.

Estou torcendo para que meu vídeo se pareça com os anúncios do Google Chrome (os primeiros 15 segundos deste vídeo são um bom exemplo ... link ). Observe como há um zoom tão grande na janela do Chrome. Minha pergunta é: como faço para que meus vídeos pareçam todos os vetores, como os vídeos que vejo no Google?

    

Answer 1

Camtasia é um programa de captura de tela, então o que você obtém é uma imagem rasterizada. A resolução da imagem depende da resolução da tela que você está usando. Meu palpite é que o google usou desenhos vetoriais das telas para os vídeos.

Mas o que você pode fazer para melhorar a qualidade do zoom é aumentar o que está na tela antes de capturá-lo pressionando Ctrl +. Se você capturar o conteúdo ampliado, ele terá uma resolução muito melhor. Em outras palavras, amplie o conteúdo da tela antes de capturá-lo.

    

Answer 2

Existem maneiras de exportar gráficos vetoriais de UIs, mas criar animações a partir dele pode ser complicado.

• Criando Imagens Vetoriais

Eles parecem estar usando modelos de interface do usuário que podem ser criados em softwares de criação de animação.

Se não for um anúncio, talvez você possa capturar em uma área de trabalho de alta resolução com alta DPI (grandes elementos da interface do usuário) e depois reduzir a resolução do vídeo com cuidado. Outra solução é usar JavaScript ou Flash para fazer animação na interface do usuário.