7 minutos leídos
Las animaciones tipográficas han sido extremadamente populares durante muchos años, y podemos verlas en todas partes, desde aperturas de películas hasta comerciales de televisión. También han sido ampliamente adoptados por los diseñadores web y utilizados masivamente en el diseño de sitios web y el diseño de pancartas de exhibición.
La razón por la que el tipo cinético es tan querido por los diseñadores es que ofrece infinitas posibilidades creativas, es llamativo y puede transmitir mensajes poderosos.
¿Qué es la tipografía animada?
Tipografía cinética o tipografía animada, se refiere a cualquier tipo de texto en movimiento, ya sea ese texto que se mueve lentamente, se expande, se encoge o se transforma en otra cosa. Las letras animadas son mucho más atractivas que el texto estático.
Las animaciones de texto se utilizan para:
- Enfatice el significado de un texto y
- Para transmitir un mensaje lleno de emociones.
- También tiene el potencial de captar la atención de un espectador e impactarlo a lo grande.
Y ahora, los invito a revisar una selección de animaciones de tipografía geniales. Cada uno de ellos es una gran oportunidad para aprender técnicas nuevas y descubrir increíbles ideas creativas. Algunos de ellos podrían deslumbrar!
10 ejemplos de tipografía animada increíble
1. El morphing es una de las técnicas más utilizadas en tipografía cinética para crear tipografía de movimiento. Es simple y llamativo. Además, puede ayudar a los diseñadores a promover un mensaje importante o hacer una declaración.
Artista: Holke79
2. El texto parpadeante, por el contrario, no es algo que encuentres muy a menudo. Uno realmente necesita tener un don para elegir palabras para usar el parpadeo como texto animado. No hay muchas palabras que funcionen tan bien con esta técnica, como «dónde» y «aquí».
Artista: Christos Baltaszis
3.El texto hipnotizante nunca pasará desapercibido. Está destinado a destacar e impresionar. E hipnotizar.
Artista: Cecilia Erlich
4.Mover texto, ya sea de derecha a izquierda o de arriba a abajo, también es espectacular, especialmente cuando la técnica se combina con palabras apropiadas. Como puede ver en este ejemplo, este efecto de animación se utilizó para enfatizar el significado de las palabras y sorprender al espectador.
Artista: Siddhart Mate
5. Dibujar el texto letra por letra no es algo nuevo, pero todo depende de cómo lo hagas, qué fuentes uses y otros elementos gráficos complementarios. Este ejemplo muestra lo creativo que uno puede llegar a ser con un mensaje simple como «el silencio de un bosque». Por un lado, el artista usó este verde boscoso, por el otro, hizo que la palabra «bosque» en realidad se viera como un bosque de pinos. ¡Y sin mencionar la pequeña y sutil hoja que cae encima de la»i»!
Artista: Chesca Acpal
6.Las construcciones geométricas son la nueva sensación de la tipografía animada. Esta técnica de animación de tipo es moderna y fresca y puede ayudar a los creativos a promover una marca tecnológica o urbana como ninguna otra.
Fuente: Animography
7.La geometría fluida es un nuevo tipo de técnica de animación tipográfica y ¡es espléndida! Tiene un aire urbano y un dinamismo fluido.
Fuente: Animography
8. Puede que nunca hayas oído hablar de construcciones de texturas, pero existen. Aquí está la prueba:
Esta técnica de animación construye las capas y la textura de las letras simultáneamente para un efecto verdaderamente artístico.
Fuente: Animography
9. La transformación compleja es otra forma de llamar la atención sobre tu mensaje. Me encanta cómo estos símbolos de Londres crean el nombre de la ciudad. ¡Incluso puede reconocer cada edificio individual!
Fuente: Giphy
- Las animaciones gráficas incluyen la presencia de gráficos e ilustraciones. Este es un tipo de texto animado más complejo, pero vale la pena.
Fuente: Giphy
11. El montaje dinámico del texto puede contar una historia, incluso cuando no hay imágenes en absoluto. Haga una pausa por un momento y eche un vistazo al ejemplo a continuación para comprender cómo el tiempo, la pausa y la aparición abrupta del texto pueden crear emoción y una historia.
Fuente: Contentcreatures
12. El parpadeo de neón se utiliza con bastante frecuencia en anuncios de pubs y bares. El efecto es extremadamente fácil de crear y garantiza que su mensaje se notará.
Artista: Margaret Fu
13. La tipografía de Dash es moderna y simple y puede introducir un mensaje de una manera elegante.
Fuente: Gifer
14. Las letras creativas pueden tomar a todos por sorpresa. Solo mira este murciélago volador W. El murciélago es totalmente una marca registrada de Halloween, por lo que la asociación entre los dos es natural.
Fuente: Sinopsis digital
15. Las letras ilustradas que forman una palabra han existido durante muchos años, pero siguen siendo pegadizas y sorprendentes.
Fuente: Hackernoon
16. La animación de tipografía con efecto scrabble puede ayudarte a crear tu mensaje de una manera dinámica y sorprendente.
Artista: Maxym Zacharyack
17. La transformación de formas geométricas puede enfatizar su historia y crear una atmósfera única.
Fuente: Proyecto MVDC
18. Letras animadas creativas en palabras estáticas, eso es algo que nadie espera. Esta combinación de letras estáticas y animadas es realmente interesante porque puedes enfocar tu mensaje en una sola letra.
Artista: Mindaugas Dudenas
19. La animación de tipografía acelerada se utiliza para crear un efecto visual deslumbrante y transmitir una historia rápida. Como podemos ver en este ejemplo, esta animación habla de la cantidad de chupitos de tequila que alguien bebió. Te marea un poco.
Fuente: Giphy
20. Letras animadas llenas de emociones. Esto no es un efecto de animación, sino una técnica creativa. ¡Este » yo » tembloroso transmite tanta emoción, que casi podemos empatizar con él!
Artista: Vlado Paunovic
Cómo crear tus propias animaciones de tipografía cool
¿Deseoso de intentar crear una animación de tipografía cool? En Creatopy puede crear uno en solo unos minutos. Aquí hay uno que creé en unos 5 minutos:
¿Curioso? Si quieres crear una tipografía cinética visual ahora mismo en Creatopy, inicia sesión en tu cuenta (o regístrate gratis) y sigue estos pasos:
- Vaya a Crear y haga clic en el botón, o simplemente seleccione el tamaño deseado en la pestaña de búsqueda.
- Seleccione un fondo para su imagen. Puede ser un color, textura, patrón o foto de archivo, ya disponible en Creatopy. O puedes subir una foto propia. Ilustraré el proceso usando el fondo azul que elijo para mi visual.
- Luego, agrega tu texto. Vaya al menú de la izquierda y haga clic en la pestaña Texto. Seleccione uno de los tamaños de texto disponibles, o elija una plantilla de tipografía predefinida y simplemente reemplace el texto existente por el suyo propio.
Aquí está el preset de tipografía que elijo. Es estático estándar, pero puede animarlo fácilmente. Te mostraré cómo.
- Puede crear un efecto de animación rápida utilizando nuestra herramienta de Animación mágica que se encuentra en la barra de menús, la última en la lista. Sin embargo, si quieres crear un efecto sorprendente y más llamativo, tendrás que personalizar cada una de tus palabras usando la vista de línea de tiempo.
Haga clic en el botón Línea de tiempo para habilitar la vista de línea de tiempo para que pueda ver todos sus elementos en capas y organizados.
Luego, haga clic en cada pequeña caja al principio de cada capa de texto y verá un menú emergente con las animaciones integradas disponibles. Pruebe cada uno de ellos para ver cuál funciona mejor con su texto y luego establezca la duración del efecto de animación simplemente arrastrando los márgenes derechos del cuadro a la derecha.
Repita esta acción para cada una de las palabras en su visual.
Para un efecto animado continuo, cambie la configuración de bucle de una vez a para siempre o a tantas veces como desee que se reproduzca la animación.
Luego, presiona el botón Reproducir que está en la parte superior del tablero para verificar tu trabajo.
- Ahora que ha terminado de animar su texto, puede descargar su trabajo en formato HTML, AMP, MP4 y GIF.
¡Eso es todo! Con cuidado.
¡Haz que tus palabras cobren vida con la tipografía de movimiento!
Ahora sabe más sobre animaciones tipográficas y, con suerte, se sentirá más seguro para comenzar su proyecto de tipografía animada. Ya sea que esté tratando de crear un material publicitario visual o promocional de bricolaje para su blog, Creatopy puede ayudarlo a diseñar textos impresionantemente animados en minutos.