¿Editor en línea para presentaciones de tipografía cinética? [cerrado]

8

¿Hay alguna aplicación web que ofrezca la capacidad de crear presentaciones de tipografía cinética (paneo, rotación, zoom de animaciones de texto)?

cosa de texto zoomy

Aquí hay un ejemplo de lo que quiero lograr usando la web (contiene algunas malas palabras) :

NSFW : youtube.com/watch?v=Asvtgj6wANw

Eché un vistazo a Prezi, sin embargo, no admite la visualización de texto con el tiempo, todo tiene que ser procesado antes.

Soy consciente de que puede usar editores de video post-efectos como After Effects, pero me preguntaba si hay una aplicación web simple que pueda lograr esto.

video

— Jay Wick
fuente

En serio, no parece que haya nada basado en la web. Terminé usando Flash para hacer uno (ya que no tenía AE) vimeo.com/22832508 . La pregunta aún está abierta si alguien encuentra algo :)

— Jay Wick

Buen video, jay! Puede ser la persona equivocada para preguntar, pero ¿cree que codificar esto en flash fue más fácil, más difícil y más lento que usar After Effects? Supongo que cultivar el árbol "increíble tal como eres" tomó un tiempo ...

— Charles Lindsay

@charles: habiendo visto los tutoriales de AE, diría que vaya con AE. Flash es horrible para este tipo de cosas. No todos mis efectos se transfirieron, la conversión al formato de video fue una pesadilla, y toda la prueba llevó mucho tiempo. En resumen, NO use Flash. Mi próximo video será AE (cuando tenga tiempo)

— Jay Wick

2

En pocas palabras, no.

La transformación de texto basada en el tiempo es una tarea hambrienta del procesador. (Solo pregúntele a alguien cuánto tiempo le toma a AE 'renderizar' sus videos y sabrá a qué me refiero).

Aunque estoy haciendo una tipografía cinética basada en Javascript basada en HTML5. Si me resulta bastante fácil, se puede convertir en una aplicación para permitir transformaciones básicas.

Actualización de junio de 2018: los
navegadores han mejorado. CSS3 y HTML5 ahora prevalecen en Firefox y Chrome, y están disponibles incluso en Safari y Edge (rezagados).

Este experimento muestra un uso ordenado con animaciones CSS (con un mínimo de JS). ¡Y hasta puedes bifurcar el código en Github y crear el tuyo ! (Si encuentra una experiencia de tipo cinético basada en la web más elaborada que esta, ¡comente y hágamelo saber!)

Para algo más simple, eche un vistazo a este código abierto .

Y recomiendo leer y aprender las animaciones. Este tutorial pertinente muestra cómo comenzar: hacer un video de tipografía cinética con CSS .

— MyPreciousss
fuente

Siete años después ... ¿Lo encontraste bastante fácil? ¿Alguna posibilidad de una publicación?

— trejder

actualizado :) Gracias @trejder

— MyPreciousss

Gracias por la respuesta y la actualización, sin embargo, parece que se ha centrado en proporcionar soluciones basadas en CSS / HTML, mientras que la pregunta de OP era una herramienta que le permita producir presentaciones reales (descargables) o videos (también descargables). Pero, dado que la pregunta ahora está fuera de tema, ¡no creo que queramos trabajar más sobre ella! :>

— trejder

1

Sí hay. Consulte este enlace: http://ddeubel.edublogs.org/2013/06/17/kinetic-typography-generator/

— sotavento
fuente

Vale la pena mencionar que la herramienta, de la que estás hablando, necesita Flash. No fue un problema en 2013, es un problema ahora, cinco años después, cuando Flash ya no es deseado por la mayoría.

— trejder