Animockup - criando mockups animados para apps/web

 (animockup.com)
8 pontos por xguru 2020-03-24 | 1 comentários | Compartilhar no WhatsApp

  • Um site para criar com facilidade animações que apresentam apps/web

  • Permite colocar vídeos/imagens de captura em molduras de Mac, iPhone, Galaxy etc. e adicionar texto

  • Baixe o resultado em WebM/MP4/GIF animado

  • Funciona de forma independente, sem servidor

  • Open source que usa FabricJS, CanvasRecorder.js, FFMPEG.js etc.

Leituras relacionadas

1 comentários

 
xguru 2020-03-24

É possível conferir o vídeo de demonstração em funcionamento no código publicado no GitHub.

https://github.com/alyssaxuu/animockup

  1. Grave o funcionamento do app com o recurso de gravação de tela do iPhone ou algo parecido

  2. Envie esse vídeo aqui e selecione a moldura do iPhone

  3. Adicione o texto das legendas e da mensagem de apresentação

  4. Baixe como vídeo

Fazendo assim, dá para criar facilmente um vídeo de apresentação sem precisar de um editor de vídeo separado.

As funcionalidades são excelentes. Também é ótimo que tenha sido publicado como open source para servir de referência.