TextMotion AI
TextMotion AI es una aplicación web que permite crear textos animados utilizando imágenes, videos, GIFs y fondos generados mediante las API de Pollinations. Las letras actúan como máscaras dinámicas que revelan contenido visual en movimiento, permitiendo generar composiciones impactantes para redes sociales, presentaciones, carteles publicitarios, material educativo y proyectos creativos.
Características principales
Texto como máscara visual
Convierte cualquier palabra o frase en una máscara que revela imágenes, videos o animaciones dentro de las letras.
Fondos generados con IA
Genera imágenes originales mediante inteligencia artificial directamente desde la aplicación.
Compatibilidad multimedia
Utiliza diferentes tipos de contenido visual:
- Imágenes locales
- Videos locales
- GIF animados
- Recursos remotos mediante URL
- Imágenes creadas con IA
Animaciones integradas
Aplica movimiento al contenido visual mediante distintos modos:
- Horizontal
- Vertical
- Diagonal
- Rotación dinámica
Personalización tipográfica
Configura completamente el texto:
- Fuente
- Tamaño
- Grosor
- Interlineado
- Espaciado entre letras
- Posición dentro del lienzo
Diferentes formatos de salida
Estándar
- 1:1 (Instagram, publicaciones cuadradas)
- 4:3 (TV clásico, presentaciones)
- 16:9 (YouTube, pantallas HD)
- 9:16 (TikTok, Reels, Shorts)
- 3:4 (carteles y publicaciones verticales)
- 21:9 (Cinemascope, pantallas ultra anchas)
Banners horizontales
- 3:1 — Leaderboard
- 4:1 — Banner panorámico
- 6:1 — Banner superpanorámico
- 8:1 — Marquesina
- 10:1 — Ultra ancho
Banners verticales
- 1:3 — Rascacielos
- 1:4 — Columna
- 2:5 — Torre
Redes sociales
- 2:1 — Twitter/X Card
- 1200:628 — Facebook / LinkedIn Banner
- 851:315 — Portada de Facebook
- 1500:500 — Banner Twitter/X
Exportación independiente
Descarga la composición como un archivo HTML autónomo que conserva:
- Animaciones
- Imágenes
- Videos
- Máscaras tipográficas
- Efectos visuales
Sin necesidad de software adicional.
Casos de uso
Diseño gráfico
- Carteles publicitarios
- Portadas digitales
- Banners promocionales y cabeceras
- Campañas visuales
Educación
- Portadas de proyectos
- Recursos interactivos
- Material didáctico
- Presentaciones educativas
Redes sociales
- Reels
- Stories
- Shorts
- Publicaciones promocionales
Marketing digital
- Anuncios animados
- Branding visual
- Lanzamiento de productos
- Campañas comerciales
Creatividad y arte digital
- Lettering animado
- Arte tipográfico
- Motion graphics simples
- Composiciones visuales experimentales
Tecnologías utilizadas
- HTML5
- CSS3
- JavaScript Vanilla
- SVG Masks
- CSS Animations
- Google Fonts
- APIs de generación de imágenes mediante IA
Flujo de trabajo
- Escribe el texto que deseas mostrar.
- Selecciona la tipografía.
- Ajusta tamaño, grosor y espaciado.
- Elige una relación de aspecto (estándar, banner o red social).
- Carga una imagen, video o GIF.
- O genera una imagen mediante IA.
- Configura la animación.
- Visualiza el resultado en tiempo real.
- Descarga el proyecto como HTML independiente.
Ventajas
- No requiere instalación.
- Funciona directamente en el navegador.
- No necesita conocimientos de diseño gráfico.
- Exporta proyectos portables.
- Compatible con múltiples formatos visuales.
- Integra inteligencia artificial para generar fondos originales.
Requisitos
Navegadores modernos compatibles con:
- Google Chrome
- Microsoft Edge
- Mozilla Firefox
- Safari
Se recomienda utilizar las versiones más recientes para obtener el mejor rendimiento.
Proyecto Descartes
TextMotion AI forma parte del ecosistema de herramientas creativas impulsadas por inteligencia artificial desarrolladas para facilitar la creación de recursos visuales, educativos e interactivos.
Licencia
Este proyecto se distribuye bajo licencia MIT.
Autor
Juan Guillermo Rivera Berrío
Creando herramientas educativas y creativas impulsadas por inteligencia artificial.