Title image

Animación Tag

Home / Posts tagged "Animación"

Un año más ha concluido y nos ha dejado sus valiosas lecciones, aventuras y un montón de aprendizaje. Tanto en nuestra vida diaria, como en el mundo del Diseño.

Aquí en Galahad Studio, llevamos todo el año trabajando duro, desde proyectos de branding, hasta aquellos más vanguardistas de ilustración y animación y parece que algunos conceptos que vimos y utilizamos, se están convirtiendo en tendencias.

Con ellas, el Diseño Gráfico se está reinventando cada vez más, con los estilos de algunos movimientos estéticos y vanguardistas del pasado, para crear una visión audaz y colorida para el futuro.

``No sigas tendencias, ¡comienza a crearlas!`` - Frank Capra

Así que veamos hacia dónde se inclina la balanza este 2019, mientras analizamos en Exiles from Jupiter, los conceptos y estilos que en nuestra opinión, van a ser la clave en las tendencias del Diseño este 2019.

Así que prepárate, tanto si eres diseñador (de cualquier especialidad), como si trabajas con uno, pues aquí te mostraremos nuestras Predicciones 2019, sobre las tendencias en Diseño Gráfico para este nuevo año.

¡Aclaración anti troll!

Antes que nada, en Galahad Studio no somos exactamente periodistas, detectives, ni investigadores privados, sino más bien exploradores, aventureros y científicos locos.

Por lo que, nuestras Predicciones 2019, las hacemos basándonos más bien, en un análisis del color, las tipografías, las formas y los formatos que hemos observado en el trabajo de diseñadores y agencias de diseño en el mundo.

Por lo que es probable que nos equivoquemos, pero ¡Hey!, creemos que sin importa el medio, entender cómo están cambiando y evolucionando los estilos en las diversas disciplinas que implica el Diseño, mantiene nuestro trabajo fresco y nos ayuda a ofrecer más y mejores opciones a nuestros clientes.

El Diseño Gráfico es así, año tras año se reinventa para ofrecer lo mejor en áreas como la moda, la ilustración, la fotografía, el branding, la publicidad, etc., por lo que “en gustos se rompen géneros”. Así que abróchate el cinturón, no te lo tomes tan en serio y ¡Diviértete!

Explosión de color

Si hay una tendencia en el Diseño Gráfico que seguro se cumplirá en estas Predicciones 2019, es la explosión de colores. Vamos a presenciar el renacimiento del uso de colores en todo su esplendor.

Eso sí, aunque sean colores brillantes, mates, metálicos, gradientes y combinaciones inverosímiles, estarán bien trabajadas y se presentarán sin complejos.

Esto coincide incluso, con Pantone y su pronóstico de tendencia de color para la primavera y verano del 2019. En resumen: Utiliza colores llamativos si deseas que tu trabajo o negocio se destaque.

Perspectiva Isométrica

No es una tendencia exáctamente nueva, pero según nuestras Predicciones 2019 y tomando en cuenta el auge de las ilustraciones en todos los campos del diseño, creemos que hará por fin ¡bum!.

Y es que según algunas estadísticas, las ilustraciones personalizadas e imágenes más naturales, pueden ser mucho más eficaces que cualquier fotografía de stock.

Una ilustración única con colores llamativos y con estilos atractivos como las isométricas, sin duda hará que cualquier negocio se destaque.

El orden del caos

Cuando las personas piensan en “armonía”, suelen asociarlo con el equilibrio y la simetría, pero la realidad es que puede ser todo lo contrario. Un diseño puede ser caótico, ecléctico, asimétrico, etc. y aún así, ser capaz de estar equilibrado, al evitar intencionalmente una armonía “tradicional”.

El glitch, la asimetría y el uso de imágenes rotas o montajes desorganizados, serán algunos de los efectos que estarán en tendencia este 2019.

Creemos que un enfoque “ecléctico”, si bien puede ser bastante desafiante y complicado de conseguir, definitivamente puede aportar una identidad única a cada proyecto.

“La realidad 2.0”

La realidad aumentada (AR) y la realidad virtual (VR), se están haciendo presentes en campos como el diseño web o el diseño de apps.

Sitios como Facebook o tiendas en línea, ya han incluido la AR en sus sitios web, tanto para mostrar su stock, como para mostrar la tienda misma, a través de imágenes 360 (tema del cuál ya habíamos hablado en publicaciones anteriores).

Y siendo una tendencia relativamente nueva, creemos en nuestras Predicciones 2019, que será una de las que tendremos que tener vigilada este año.

Fotografía de aspecto real / fotografía de aspecto caricaturizado

El meme del “novio distraído“, si bien brillantísimo, nos ha demostrado también que las fotografías de stock pueden estar en TODOS lados.

Por lo que proyectamos en nuestras Predicciones 2019, que el auge del uso de imágenes de stock irá disminuyendo, por lo que ahora los diseñadores, estarán buscando fotos más naturales y fuera de lo común.

Un poco de la mano de esta idea, estará aumentando el uso de imágenes “intervenidas”, ya sea con elementos gráficos o ilustraciones, en donde no importa la perfección de los modelos, sino el mundo o “vibra” que hace sentir a sus espectadores.

Novus ordo seclorum

Cómo si fueramos adivinos de una secta secreta, estás son algunas de las tendencias en Diseño, que este nuevo año (creemos), darán mucho de qué hablar.

Por supuesto que hay muchísimas otras en áreas como la tipografía, animación, branding, ilustración y packaging, pero de ellas hablaremos en las próximas entradas del blog de este mes. Así que estén pendientes para el resto de nuestras Predicciones 2019.

En Galahad Studio nos interesa estar al tanto de las vanguardias en moda, arte, branding y diseño gráfico, pues buscamos generar publicidad pensada en las personas. Creemos que al conocer las tendencias, podemos estar más en contacto con la gente y así generamos historias más significativas. Conóce Nuestros Servicios y Proyectos, seguro tenemos una solución para tí. ¡Contáctanos!

¿Qué otras tenencias creen que habrá que seguir este nuevo año?, ¿Cuáles desaparecerán?

No olviden dejar sus comentarios.

¡Saludos!

La tecnología nunca deja de avanzar. Cada día surgen nuevas tendencias a las que vale la pena echarles un ojo. Herramientas más cómodas, nuevos formatos, etc.

``El arte no es predecible El arte no es golf, por grandioso que eso sea. Hay 360 grados de elección para hacer.`` - Tina Weymouth

En el mundo del marketing debes estar al día de lo que está por venir y mucho más si te centras en todo aquello relacionado con los contenidos. Y es que el Marketing mismo ha cambiado radicalmente en la última década.

Conceptos como growth hacking, material design o inbound marketing, son herramientas que buscan acercar a las marcas con sus usuarios, para empatizar con ellos. Pensar justo en el usuario, es uno de los ejes rectores de Galahad Studio: El Diseño importa, porque importan las personas a las que va dirigido.

De esta esta forma, estas herramientas buscan volver la experiencia del usuario, una de inmersión total con las marcas. Y eso es justo lo que logran los Contenidos 360, al poner a los espectadores directamente en el centro de la acción.

Pero… ¿sabes cómo generar uno?. En esta entrada del blog, te explicamos qué son los contenidos 360 y te compartimos algunos tips y ejemplos para producir el tuyo.

La realidad de los formatos unidireccionales

Desde 2016, ya se había identificado la tendencia del video como epicentro del mundo del marketing. Y es que el consumo de video es uno de los principales usos de Internet.

De hecho, YouTube es hoy en día, el tercer sitio más visitado a nivel global. Cuenta con más ni menos, con más de 1000 millones de espectadores. Un nivel altísimo de rating ¿no creen?

Su éxito se construye en base al poder de elección que brinda en los usuarios, al elegir “a la carta” de entre millones de producciones, crean así, un sentimiento de libertad y de vínculo con el contenido, en el usuario.

Sin embargo, la realidad es que un video es una suerte de relación “unidireccional”. Únicamente hay que hacer clic para reproducirlo. Únicamente hay que sentarse a ver y recibir impactos. Fin de la historia.

Y pese a esto, los videos son capaces de transmitir millones de emociones. Emociones que a través de otros medios, quizás se perderían en el camino. Pero entonces ¿Cómo volvemos algo muy efectivo, aún mejor?

Pues a través de desarrollar contenidos que generen nuevas experiencias y que hagan partícipes a los usuarios para romper la unidireccionalidad del medio. Demos un giro entonces, de 360 grados.

Impactos que importan

Los contenidos audiovisuales promueven un consumidor “activo” que busca nuevas maneras de interactuar con las marcas.
360 grados de innovación

Los contenidos 360, son un formato que va un paso más allá del vídeo y la imagen que conocemos hoy en día. Ofrecen una visión completamente nueva de lo que está al otro lado de la pantalla.

Esta reinvención de los medios convencionales, brindan una experiencia más inmersiva, ya que el usuario es colocado en la misma posición desde la que fue grabado el vídeo; a la par, puede elegir rotar la escena hacia los costados o hacia arriba y hacia abajo según su voluntad. Aumentando así su poder de elección y de participación, creando un mayor sentimiento de libertad y fortaleciendo su vínculo con el contenido. Lo que supone un paso más de la realidad virtual.

Estos contenidos 360, pueden servir para transportar al usuario hacia lugares donde desearía estar. Por ejemplo, un concierto de su artista preferido, una ciudad futurista, el set de su programa de TV, un evento deportivo. Las posibilidades son realmente infinitas.

Distintas marcas ya están aprovechando las posibilidades que abre esta herramienta con algunos casos de éxito notables. Sin embargo, cualquier marca puede aprovechar los beneficios de los contenidos 360. Para lograrlo, te compartimos algunos consejos que puedes considerar:

Primero lo primero…

Consigue el equipo adecuado, uno que permita la producción de contenidos 360. No entraremos mucho en detalles, pues existen bastantes alternativas, desde cámaras GoPro hasta algunos modelos de smartphones con cámaras 360 integradas.

Sin embargo, lo realmente importante es usar la creatividad. Existen ya algunos plugins que permiten transformar imágenes o video en 360. Incluso plataformas como Facebook ya integran esta tecnología de manera adecuada. Ni hablar de softwares de diseño como Cinema 4D o After Effcts. Estaremos hablando más a fondo de esto en futuras entradas.

Piensa en tu target en cada toma

En cualquier estrategia de Marketing, es fundamental que trabajes sobre una audiencia concreta y con unos objetivos específicos. Los contenidos 360 no son la excepción.

Pero el target no solo influirá a la hora de escoger el contenido del vídeo, sino que sus ángulos también variarán en función de tu público. Piensa en ajustar la perspectiva según sus preferencias, pero también apela a sus emociones, considera su edad, ¿dónde quisieran tus usuarios estar?. Esto es es vital para enganchar a tus espectadores en una experiencia inolvidable.

Por otro lado, planea tu campaña desde el principio. Puedes por ejemplo, crear una serie de videos que serán más efectivos, que un relato largo. O inserta una serie de  easter eggs, proponiendo un juego no explícito de búsqueda del tesoro. Aquí, el elemento sorpresa funcionará como un diferenciador, que proyectara en tú público, una fuerte imagen de innovación y creatividad.

“Vende historias… no productos”

Contar una historia permite conseguir mejores resultados. No hay hacer de los contenidos 360 un documental, sino que hay que construir un relato. En ese sentido, no todas las historias son aptas para trabajarse en este formato.

Independientemente de si eliges video o imágenes estáticas, el contenido siempre debe invitar a la interacción de los espectadores para ver qué más tiene tu producción para ofrecer. Genera complicidad con tus espectadores o apela a sus emociones.

Pero sobre todo, nunca olvides que la premisa principal es entretener. Un contenido aburrido será rápidamente olvidado.

Los toques finales

Una vez que cuentes con tu video o imagen 360, será el momento de editar. Por ello debes considerar invertir en programas de edición de 360 grados que te ayuden con las características de estos contenidos, así como con la sincronización y estabilidad.

PremiereAutoPano Video Pro o FCPX son algunos de los programas que pueden solucionarte muchos problemas. Del mismo modo, infórmate de los requisitos que exigen las plataformas a las que quieras subir tu contenido. Por ejemplo en YouTube, debes descargar la aplicación 360 Video Metadata en tu equipo, para que la propia plataforma pueda leer tu archivo como un contenido 360. Acércate con nosotros para conocer más detalles.

El vídeo es el rey del contenido

Las posibilidades que generan los contenidos 360 para las marcas, son increíbles. Hay que reconocer que los contenidos audiovisuales son los que predominan en Internet. O lo serán.

Y es que se calcula que durante los próximos años, el 80% de los contenidos que encontraremos por la web serán vídeos. Puedes ver que lo que hace unos meses era una apenas una tendencia, ahora en una realidad.

Y ahí es donde tu marca debe estar presente. Los contenidos 360 son uno de los medios más interesantes para la publicidad digital. Más allá de mostrar productos, la experiencia 360 es una oportunidad para jugar con el público e interactuar en otro nivel. ¿Necesitas más motivos? Comienza a trabajar en este formato ¡Nosotros te ayudamos!. Nuestro servicio de Ilustración y Motion Graphics no tiene límites y tus ideas tampoco. ¡Contáctanos!

¿Conoces alguna campaña con contenidos 360?, ¿Tus marcas favoritas ya lo usan?

No olviden dejar sus comentarios.

¡Saludos!

Ante la caída en desuso de Flash y el auge del Material Design, se han buscado alternativas para dotar a los sitios web de cierto dinamismo para contrarrestar su natural apariencia “plana”.

``Un diseñador sabe que ha alcanzado la perfección no cuando no le queda nada por agregar, sino cuando ya no le queda nada por añadir``- Antoine de Saint-Exupéry

Una de estas alternativas es optar por generar efectos y animaciones en JQuery, siendo el Efecto Parallax (en español paralaje), una tendencia cada vez más extendida en el mundo del diseño web y la animación.

Seguro que lo has visto miles de veces al entrar una web, hacer scroll y notar que el fondo parece moverse a una velocidad distinta que el contenido, creando un ligero efecto de profundidad y dejando ver partes que antes no veías.

Y aunque parezca una tendencia muy actual, el Efecto Parallax es en realidad un truco con mucha historia. Por eso, en esta ocasión, haremos un reboot de nuestra anterior entrada y explicaremos más a fondo que es el parallax y cómo se utiliza en el Diseño.

El  moderno (pero común)  Efecto Parallax

El Parallax es un principio de diseño propio de la animación, que juega con la percepción humana,a fin de crear una ilusión de profundidad espacial con medios de representación bidimensionales. Para entenderlo mejor, hablaremos primero de sus orígenes.

La paralaje (del griego parállaxis para cambio, diferencia) define a un fenómeno de la percepción por el cual la posición de un objeto en el campo visual cambia en relación con el punto desde donde se observa.

Esto puede ejemplificarse si levantamos el pulgar a la altura del rostro, mientras abrimos y cerramos alternativamente el ojo derecho y el izquierdo. Notaremos que, mientras que el fondo permanece estático, nuestro pulgar aparentemente cambia de posición gracias a la distancia de nuestros ojos. ¿Sencillo no?

Visión estereoscópica

Si se observa el punto amarillo con el ojo izquierdo (posición A) parece que se encuentre sobre un fondo azul, pero si se observa con el ojo derecho (posición B), aparece sobre el fondo rojo.

Y aunque el Efecto Parallax apenas se aprecia en nuestro día a día, constituye uno de los fundamentos de la percepción espacial. De esta manera, los reflejos lumínicos de objetos cercanos se mueven más rápido en la retina que los de objetos a una cierta distancia, generando una ilusión de profundidad inducida por el movimiento.

Animando ratones y patrullando la luna

Como mencionamos en la introducción, el Efecto Parallax es en realidad un truco muy antiguo, inventado por Walt Disney para dotar a sus películas de una ligera tridimensionalidad, intentando lograr con ello un mayor realismo.

El invento en sí, se llama “cámara multiplano”, ya que la superposición de planos para generar profundidad genera el Efecto Parallax. Les comparto un video que muestra el funcionamiento de la cámara multiplano de Disney.

Posteriormente, los programadores de videojuegos de los 80´s importaron este concepto con el fin de crear la ilusión de tridimensionalidad con medios bidimensionales. Juegos clásicos del tipo Jump’n’Run o Shoot’em up como Super Mario, Moon Patrol o Jungle Hunt, son un gran ejemplo de este efecto en acción:

Ideal para Storytelling y Diseño Web

Si bien desde finales de la década de los 2000 se utiliza el Efecto Parallax en el diseño web, no sería hasta que la página de Nike nikebetterworld.com (offline) causara un enorme impacto medial en 2011.

Sentando así, un precedente para la tendencia en diseño web que utiliza el Efecto Parallax para crear una impresión de profundidad en un medio bidimensional como es la web.

Sin embargo y aunque el Efecto Parallax es más que interesante para aportar valor al tedioso scroll y sorprender al usuario con algo que no se espera, no es conveniente usarlo por el simple hecho de seguir la tendencia. La presencia de este tipo de efectos puede ser tan sorprendente como cansina, para los usuarios.

Lo ideal es aprovechar este recurso como complemento narrativo. Esta posibilidad de storytelling del Parallax, lo vuelve perfecto para landing pages, o webs que intenten sumergir al usuario en una historia, causando una experiencia comunicativa mucho más divertida y cercana a otros medios como los videojuegos o los cómics.

Ejemplos destacables

El Efecto Parallax polariza las opiniones. Mientras que muchos usuarios aprecian el diseño con este tipo de efectos producidos por el movimiento, otros ya están cansados de un medio ya no tan moderno, sobre todo si se utiliza con el único fin de exhibirse sin un concepto que lo justifique.

¿Cuándo enriquece el Efecto Parallax a una web? Esto depende sobre todo de lo que se quiere conseguir con el proyecto y del público. Lo que no podemos negar es que ha demostrado ser un medio ideal para contar historias, por ello aquí te compartimos una recopilación de páginas con Parallax que seguro que terminan de convencerte, si aún tenías dudas, de lo increíble de este efecto.

The Hybrid Graphic Novel

Un proyecto con luz propia es la página de lanzamiento del Peugeot Hybrid4 que, camuflada como una novela gráfica de acción, presenta las características más importantes del vehiculo. Tan increíble, que incluso el proyecto fue galardonado por la página The FWA como FWA of the day.

Why your Brain Craves Infographics

Con un estilo visual retro de libro educativo, el sitio muestra algunos datos del porque las infografías son una buena forma de acercarse con la gente y comunicar ideas, a través de algunos datos sobre psicología y marketing. Un gran ejemplo de cómo se pueden volver una serie de datos ``duros`` más digeribles.

Firewatch

Utilizar el parallax scrolling cómo eyecatcher al inicio de una página también está justificado, pues si se hace bien este instrumento tiene una enorme capacidad para enganchar al usuario e interesarlo por el contenido que viene a continuación. Un ejemplo clásico lo encontramos en la página web para el videojuego Firewatch de Campo Santo.

Perspectiva que cambia la forma de ver

Aunque en principio atractivo, las páginas scroller con Efecto Parallax, encierran un innegable potencial para mejorar el storytelling de una marca, pero también ha provocado su uso masivo (y desmedido) desde 2011.

A final de cuentas, los efectos de paralaje o cualquier otro tipo de animaciones, deben de utlizarse cuando ayudan a mejorar la experiencia del usuario, destacar contenido, productos, servicios o animar al call to action. Va en ese sentido, muy de la mano de los principios del material design del cual ya hemos hablado en este blog.

Sin embargo es innegable el atractivo que genera el Efecto Parallax , pues ayuda a modificar la perspectiva que tienen las personas sobre lo que es un sitio web y cambia su forma de ver a una marca o producto. Y tú, ¿te animas a dar profundidad a tu web? Ya sea con una tienda en línea, landing page o blog, con nuestro servicio de Diseño Webolvídate de perder oportunidades y comienza a conectarte con todo el mundo. ¡Conócenos!

¿Ustedes conocen más ejemplo para compartir con nosotros?, ¿Les gustaría que habláramos de algunas formas de añadir este y otros efectos a sus páginas?

No olviden dejar sus comentarios.

¡Saludos!

A lo largo de mi experiencia como diseñador, me he enfrentado con la necesidad de estar en constante práctica y evolución de mis habilidades y conocimientos.

Y sin lugar a dudas, puedo decir que aprender a animar ha sido uno de los mejores skills que he tenido la oportunidad de aprender, pues es de todos conocido, la capacidad que tienen las animaciones/videos para contar historias y conectar con las personas.

“Piensa, Sueña, Cree y Atrévete” - Walt Disney

Incluso, desde el punto de vista artístico, la necesidad de romper barreras y aprender nuevas técnicas va desde el dominio de la ilustración tradicional y digital, a su eventual evolución en movimiento. Y para muestra les comparto uno de los primeros proyectos que realizamos en Galahad Studio como animación en este enlace.

En este sentido, esta evolución podría continuar hacia la realización de ilustración y animación 3D. Sin embargo, aprender todas las áreas de 3D requiere mucho tiempo y dedicación. Pero…¿y si hubiera una manera de generar un fake 3D animado?. Pues en esta entrada del blog, quiero compartirles algunos tutoriales y plugins, que vuelven esta idea una realidad.

Espera un segundo…

Antes que nada, es importante entender que la “tridimensionalidad” en un medio bidimensional, no es otra cosa que un juego de luces, sombras y perspectiva.

En este sentido, fuera de la Realidad, todo lo que vemos en televisión, cine, revistas, libros, etc. que genera un efecto tridimensional, no es otra cosa que una ilusión óptica, que provoca que nuestro cerebro interprete esas imágenes en diferentes planos. Generando así, la idea de una falsa “tridimensionalidad”.

Y aunque suene un poco complicado, en realidad es una técnica que se ha usado desde hace mucho tiempo. Apuesto incluso, a que no sabías que fue el propio Disney quien generó la primer tecnología que buscaba generar profundidad en las animaciones. El invento en sí, se llama “cámara multiplano” y a la superposición de planos para generar profundidad se le llama paralaje o efecto parallax, del cual por cierto ya hemos escrito una entrada.

Antes de seguir con lo que nos interesa de generar un efecto de fake 3D, les comparto un video que muestra el funcionamiento de la cámara multiplano de Disney y el parallax:

Parallax + Rigging

Hasta este punto y habiendo entendido y dominado el principio del parallax, ya podríamos desarrollar animaciones tridimensionales, donde el escenario jugaría un lugar vital en este proceso, pero… ¿qué pasaría con nuestros personajes?

El efecto de parallax funciona increíble al usarlo sobre fondos, simplemente porque la distancia entre los objetos (digamos el sol, el cielo, unas montañas y nuestro primer plano), es notoria. Pero no es así con un personaje, pues sus elementos (nariz, ojos, cabeza, etc.) no están posicionados (normalmente) a grandes distancias uno de otro.

En ese caso, necesitaríamos realizar un Rigging de nuestros personajes. Aunque su origen está en la animación 3D, ya es muy común hablar de ello en animación 2D. Al final justo lo que buscamos es lograr un  efecto de fake 3D.

El rigging, es el proceso de creación de un sistema de controles digitales y su posterior adición a un modelo 3D, para que así, pueda ser animado fácil y eficientemente. Dicho en pocas palabras, es la creación de una marioneta digital.

Y es justo esta marioneta y una sutil animación, lo que nos permitiría generar un efecto de fake 3D en las expresiones y movimientos de nuestros personajes, como podemos ver en el siguiente video:

¿Notas como un personaje 2D adquiere una dimensión completamente nueva al ser animado de esta manera?

¿Y… ahora?

Es verdad, hacer el rigging y parallax en una animación, puede volverse un trabajo tedioso, aunque sea fundamental para la creación de nuestro efecto de fake 3d.

Por ello, quiero hablarles de un par de formas de realizar todo el proceso de una manera más sencilla, mediante plugins. En esta ocasión, vamos a recomendar dos, Joysticks ‘n Sliders y Duik, ambos disponibles en After Effects y compatibles entre sí.

Rigging = Duik

Duik es toda la caja de pandora de la animación y el rigging en Adobe After Effects.

Proporciona las herramientas de rigging principales que se encuentran en cualquier software de 3D, como IK, controladores y bones, pero los adapta a la animación 2D en After Effects.

Desarrollado por equipo de RAINBOX, Duik permite manipular personajes complejos y usar técnicas avanzadas de animación. Altamente recomendado.

Fake 3D = Joysticks ‘n Sliders

Joysticks ‘n Sliders es un sistema de rigging basado en posturas para After Effects, con aplicaciones ilimitadas.

Es es una herramienta imprescindible para cualquier persona que haga animación de personajes en After Effects. y aunque no es exactamente único en el mercado, su gran diferenciador, es que permite animar poses y controles para los movimientos intermedios. Logrando un gran dinamismo y naturalidad en los movimientos.

Desarrollado por Mike Overback, es una herramienta clave para la animación facial, la rotación de la cabeza y el rigging de posturas.

Y esto sólo es el principio

Como siempre, hay muchísimo que decir acerca de estas herramientas. Pues su propia naturaleza genera posibilidades infinitas.

Ya se que se utilicen keyframes o plugins para generar animaciones, generar un fake 3D en una animación motion graphic, se vuelve la posibilidad de llevar la ilustración 2D a un nuevo nivel. Y si a esto le sumamos el uso de parallax, la espectacularidad estaría llamando a la puerta.

Tú también puedes llevar a otro nivel la publicidad de tu marca. Nosotros te ayudamos a darle vida a tu nuevo producto, personaje o publicaciones en redes sociales. Nuestros servicios de Ilustración y animación no tienen límites y tus ideas tampoco. ¡Contáctanos!

¿Conoces otras técnicas para desarrollar animación?, ¿Te gustaría que habláramos de ellas en futuras entradas?

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal chicos!

Una de las tendencias que he visto aumentar con más frecuencia en los últimos años, es el uso de animaciones para explicar ideas, promociones, productos o servicios.

Sin embargo, se han ido convirtiendo en herramientas al alcance de todas las personas, pues algunas aplicaciones como Instagram o Whatsapp, permiten compartir animaciones breves (stories o estados), con posibilidades de incluir gráficos y textos animados.

Si tomamos en cuenta las considerables cantidades de tiempo que los usuarios del mundo digital invierten en ver videos, los motion graphics pueden volverse indispensables para transmitir nuestro contenido.

Podemos decir entonces, que las necesidades de comunicación han superado la barrera de la profesión, en aras de brindar a las personas mejores formas para comunicarse. Y es que, sin lugar a dudas,  el video es el mejor recurso multiplataforma para comunicar un mensaje, contar una historia e inspirar a un público.

Es por eso qué, en esta entrada del blog, hablaremos de los Motion Graphics, qué son y para qué nos sirven, así como de algunas características que te convencerán totalmente de que, utilizarlos para tus proyectos personales o de negocio, es una gran decisión.

¿Diseño, Animación o Motion Graphics?

Sinceramente, la diferencia entre estas 3 áreas es cada vez más sutil, pues los Motion Graphics son elementos gráficos a los que se les da vida a través de la animación. Estos elementos se pueden rotar, escalar o mover, hasta conseguir una secuencia de vídeo o producto multimedia.

En pocas palabras, los Motion Graphics se definen como gráficos multimedia en movimiento y se distinguen de otros tipos de animación por la forma en la que se producen, el bajo costo de su realización, entre otros.

Un viejo conocido

Los motion graphics no son nada nuevo. La realidad es que se han sido utilizado como herramientas visuales desde hace varios años
¿Como reconocer los Motion Graphics de otros tipos de animación?

En realidad es difícil hacerlo, pues comparte elementos con otros tipos de producción en video. Pero podemos ubicar sus siguientes características:

  • Suelen ser en 2 dimensiones, aunque gracias al movimiento, se puede crear la ilusión de 3D
  • Tradicionalmente, las animaciones se realizan en formatos rectangulares apaisados, sin embargo, su uso extendido en diversos medios (web, redes sociales, dispositivos móviles, etc.) han permitido formatos cuadrados o verticales.
  • No todos los elementos en los Motion Graphics tienen que “moverse”, basta con crear esa ilusión. Por ejemplo, un título puede agrandarse, desaparecer o cambiar de color, sin necesidad de estar en movimiento.
  • Suelen usar desvanecidos, zooms, cortinillas de entrada y de salida y cualquier elemento de transición que facilite la transmisión de un mensaje.
  • Al ser un elemento multimedia, reúne en una misma producción elementos de distinta naturaleza: gráficos vectoriales, mapas de bits, vídeo, audio, etc., loq eu sea necesario para hacer un producto impresionante.

¿El futuro, hoy?

Se calcula que en 2019, el 80% del tráfico en Internet será en video
¿Que tipo de Motion Graphics hay?
  • Kinetic/Motion Graphics:  Combinación de texto y diseño gráfico que juegan entre sí acompañados generalmente de música. La clave es un diseño seductor y una buena combinación de los elementos. Son actualmente muy utilizados en campañas de marketing
  • Kinetic Typography:  Están compuestos básicamente por texto en movimiento y aunque suene algo simple, puede ser una técnica muy atractiva. Usualmente va acompañada de un narrador, de esta forma el mensaje se comunica de manera muy efectiva ya que el audio lo refuerza. Aquí puedes ver un buen ejemplo.
  • Cut Out: Consiste en dibujar un personaje y recortar sus extremidades en partes para después unirlas y generar sus articulaciones. De esta forma quedan marionetas que deben animarse cuadro por cuadro (como en stopmotion). Sin embargo, con este mismo principio se puede realizar de forma digital.
  • Motion Graphics + Live Action:  Fusionando los Motion Graphics con la imagen real, es posible crear un efecto impactante. Se utiliza mucho en producciones de tipo institucionales, como campañas electorales o presentaciones de empresas.

Dilo todo en movimiento

Si una imagen vale más de mil palabras.., ¿será que un minuto de video equivaldrá a 1.8 millones?
Principales Ventajas de los Motion Graphics
  • Refuerzan el Storytelling:  Gracias a su versatilidad, contar historias y llegar al publico, es mucho más sencillo y dinámico.
  • Son económicos:  Tanto en tiempo como en dinero, los Motion Graphics son significativamente más baratos, en comparación con otro tipo de producciones.
  • Poseen una gran variedad de estilos: Como cualquier expresión visual, la creatividad es el único límite. Ya sea utilizando fotos, stopmotion, textos o modelos en 3D, podemos encontrar Motion Graphics en estilos inimaginables.
  • Son Multiplataforma:  La gama de dispositivos que reproducen video es enorme. Desde celulares y pantallas de cine, hasta dispositivos GPS y Apps.  Su alcance es increíble.
  • Generan una mejor impresión:  Las personas cada vez pasan más tiempo en internet y se ha demostrado que los videos atraen más la atención y producen mayor impacto al público.

Conectando al mundo

El 92% de las personas en internet, comparten videos

En la actualidad, la publicidad convencional ya no es tan efectiva para atraer nuevos clientes, por ello, muchas personas y empresas están eligiendo este tipo de comunicación por las  ventajas que conlleva.

En Galahad Studio somos profesionales en el desarrollo de estos materiales, deja de gastar en flyers o anuncios costosos para llegar a cientos; Con nuestro servicio de Animación y Motion Graphics te ayudamos a que te vean miles.

¿Ustedes comparten estados animados en sus redes?, ¿Conocen otros tipos de Motion Graphics??

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal chicos!

Hoy en día es imposible concebir nuestros días sin nuestros dispositivos móviles. En ellos almacenamos (y en muchas ocasiones pasamos) gran parte de nuestras vidas. Teléfonos de contacto, juegos, mensajes, fotografías y un sinnúmero más de información generamos día con día, la cual convive a través de diversas plataformas y aplicaciones, dispuesta de la manera más práctica para compartirla con quienes queramos a lo largo de todo el mundo.

“A diferencia del papel, el Material Design, se puede ampliar y re-dimensionar de manera inteligente” - Matías Duarte

Sin embargo, pocas veces nos detenemos a pensar en el esfuerzo que ha significado, así como las innumerables pruebas y errores que se han hecho, para lograr que la experiencia de los usuarios (concepto mejor conocido en sus siglas en inglés, UXD) sea la mejor, al utilizar distintas aplicaciones y navegar por sitios web. En gran medida Google, ha destinado buena parte de sus esfuerzos en mejorar continuamente sus aplicaciones, para garantizar la funcionalidad de cada uno de sus productos. En esta entrada del blog, vamos a hablar un poco del Material Design, la gran apuesta de Google para unificar la experiencia de los usuarios a través de distintos dispositivos y plataformas.

El buen diseño y las posibilidades tecnológicas

En pocas palabras, el Material Design, es un lenguaje visual pensado en los usuarios, que sintetiza los principios clásicos del buen diseño y los mezcla con la innovación y las posibilidades que brinda la tecnología y la ciencia. Fue desarrollado por Google y anunciado en la conferencia Google I/O del 2014. Busca mejorar la visualización de Android (obviamente), pero también generar una experiencia unificada de la web en cualquier plataforma y tamaños de dispositivos. Todo esto, a través de una interfaz basada en tarjetas, como se vio por primera vez en Google Now.

Quien sepa de diseño web o de desarrollo de apps, sabrá lo difícil que es lograr hacerlas funcionar correctamente, considerando todos los tamaños de dispositivos y resoluciones que existen actualmente en el mercado. De ahí la importancia y utilidad de esta propuesta de Google.

Experiencia unificada

La división en bloques o tarjetas, juega un papel importante en el Material Design
La materia como metáfora

La realidad es que, por más “digitalizada” que sea nuestra vida hoy en día, nuestra concepción y entendimiento del mundo, lo realizamos a través de todo el conjunto de sentidos que tenemos. Es decir, tenemos la capacidad de anticipar circunstancias gracias a la apariencia (o sonido, olor o sabor, etc.) de las mismas.

Por ejemplo, sabemos que algo está a punto de caer, cuando detectamos una falta de estabilidad en el objeto. Esta lógica, ha sido llevada al desarrollo del Material Design, al buscar generar una analogía entre un espacio real y el “espacio” que tenemos dentro de una web o aplicación.

De esta manera, las superficies y los bordes de los elementos dentro de una app o web, buscan proporcionar pistas visuales basadas en la realidad, ayudando a los usuarios a comprender rápidamente las posibilidades. Sin embargo, la flexibilidad del Material Design, permite también la creación de nuevas posibilidades que reemplazan a aquellas en el mundo físico, sin romper las reglas de la física misma. Se trata de la posibilidad de volver un espacio digital bidimensional, en uno tridimensional.

La luz crea espacio

En el Material Design, al generar luces realistas en los objetos, podemos definir jerarquías o insinuar ``interactividad``
Nada es dejado a la suerte

El fundamento básico del Diseño, es la composición, así como sus elementos formales (tipografía, cuadrículas, espacio, escala, color, imágenes, etc.) y estos guían las desiciones visuales dentro del Material Design.

Pues justo son estos elementos los que crean jerarquía, significado y enfoque. Las elecciones de color, las imágenes de borde a borde, la tipografía a gran escala y el espacio en blanco intencional, crean una interfaz gráfica que sumerge al usuario en la experiencia. Una buena composición logra mucho más que simplemente agradar a la vista.

La interacción de la forma

Al resaltar elementos con colores contrastantes, se genera una respuesta en el usuario para interactuar con ellos
El movimiento, significa

Dentro del Material Design, se considera al movimiento como el motor principal de la experiencia de usuario, pues las interacciones dentro de una app transforman y refuerzan todo el diseño en ella, buscando siempre no romper la continuidad de la experiencia misma.

De esta manera, el movimiento no sólo atrae la atención, si no que se vuelve un elemento significativo, permitiendo enfocar la atención y mantener la continuidad del usuario.

Transformaciones activas

El movimiento dentro de una app, puede facilitar la lectura del contenido de la misma

Como podemos ver, el Material Design no se trata de código o lenguajes de programación, sino de diseñar para personas reales. Esta propuesta de lenguaje visual, nos permite regresar a los principios básicos del Diseño, en dónde menos es más. Es por ello que en Galahad Studio creemos que el diseño importa, porque importan las personas para las que es creado.

¿Ustedes conocían este desarrollo?, ¿Creen que la unificación en el lenguaje visual, es una oportunidad o una limitante?

No olviden dejar sus comentarios.

¡Saludos!

¡Hola que tal!

En Galahad Studio creemos que el diseño se encuentra en prácticamente todos los aspectos de nuestras vidas, porque el diseño no se trata sobre el objeto físico, ya sea un cartel, una animación o el empaque de un producto. El diseño es realmente lo que se encuentra entre el mensaje y el espectador final, es todo el proceso de desarrollo hasta obtener una materialización de una idea. Como dijera el diseñador Robin Mathew, “El diseño es donde la ciencia y el arte se equilibran”.

Sin embargo, esta es una visión muy romántica de lo que el Diseño termina siendo, pues para muchas empresas y marcas únicamente es un “agregado” visual para sus productos. Una decoración. Por eso, en esta ocasión queremos hablarles de una producción única e increíble, pues mezcla perfectamente los ejes de lo conceptual, lo funcional y lo estético y sin embargo, vio la luz para ser ni más ni menos, que un producto de entretenimiento. Hoy queremos hablarles de Cuphead, un videojuego lanzado en septiembre del año pasado (2017) y que ha dado muchísimo de que hablar.

“El diseño es donde la ciencia y el arte se equilibran. Robin Mathew”

En una industria en donde los videojuegos nos impactan, ya sea por su argumento, otras por su jugabilidad o sus gráficos, Cuphead resulta ser amor a primera vista, ya que conjuga todos estos aspectos en un producto solido, dónde su apartado visual ha maravillado a más de uno, desde que fue anunciado en la conferencia de Microsoft del E3 2014.

Desarrollado por StudioMDHR, Cuphead resultó ser una propuesta arriesgada para todos los miembros del estudio, debido a que la industria del videojuego ha estado dominada por las grandes marcas y productoras, por lo que los desarrolladores independientes siempre han tenido problemas para financiar sus proyectos. Además, los múltiples retrasos de su lanzamiento, afectaron negativamente la percepción de los jugadores sobre el juego (en algún punto, se esperó que fuera definitivamente cancelado). Sin embargo, en junio de 2017, fue anunciada su fecha definitiva de lanzamiento para otoño del mismo año. Hoy en día podemos decir que la espera y todos los sacrificios del estudio valieron la espera.

El secreto de la creatividad es saber ocultar tus fuentes…

Esta definitivamente no fue la idea que tuviera StudioMDHR al desarrollar su videojuego, pues la característica más impresionante del mismo, fue la decisión de producir Cuphead dibujando a mano todos los assets, personajes, fondos y animaciones del juego, siguiendo un estilo idéntico al de los dibujos de la década de 1930.

Son notables las influencias de los grandes genios y pioneros de los dibujos animados como Max Fleischercreador de  Betty Boop y Koko el payaso y productor de la serie de Popeye; Tex Avery, creador del  Pato LucasBugs BunnyDroopyLobo McLobo, entre otros; o del mismísimo Walt Disney. Es de reconocer, en este sentido, la capacidad de sus creadores y su excelente trabajo al imitar un estilo de hace casi un siglo, pues Cuphead, fácilmente nos transporta a esa época con sus innumerables guiños y diseño de personajes y escenarios. La nostalgia se respira en cada momento del juego.

El mundo cabe en una canción…

Ahora bien, no puede haber un producto completo, si su visión está enfocada en un solo aspecto. Aunque el aspecto visual de Cuphead se lleva las palmas, no sería nada sin el increíble cuidado que sus desarrolladores han puesto en su música. Producida por Kristofer Maddigan quien ha pertenecido a numerosos ensambles de ópera y ballet, así como sinfónicas en Canadá y numerosos cuartetos de Jazz de la ciudad. También musicalizó la instalación Nuit Blanche en la ciudad de Toronto. Ha sido músico invitado para artistas como Petula Clark, The Drifters, Ian Finkle y el proyecto solista de Andy Bell de Erasure.

El soundtrack de Cuphead consta de tres horas continuas de música, que va desde el Jazz, las primeras Big Bands y Ragtime. La grabación de la música estuvo realizada por una Big Band de 13 personas, 10 del ensamble de ragtime, un pianista solista, un vocalista y un bailador de tap. Todo un esfuerzo increíble que logra transportar las imágenes en pantalla a esos años 30´s en las que están inspiradas. Vale la pena detenerse un momento para apreciarlo.

Con tantos videojuegos que son publicados anualmente, acaba siendo difícil desarrollar algo único o que no se haya visto anteriormente. Sin embargo StudioMDHR logró acertar al elegir un estilo visual tan atractivo como nostálgico, logrando crear visualmente, algo totalmente diferente a lo que estamos acostumbrados a ver. Es digna de aplaudir la arriesgada propuesta de StudioMDHR por apostar tan alto para cumplir su sueño, pero en Galahad Studio creemos que esa es la única razón por la que vale esforzarse cada día.

¿A ustedes que les ha parecido?, ¿Han tenido la oportunidad de jugarlo?

¡Saludos!

Abrir chat
1
¿Dudas? ¡Hagamos tu proyecto realidad!
¡Saludos Capitán!

Soy Avalon IV, tu asistente virtual a bordo de Galahad Studio...

¿Tienes un proyecto en mente? ¡Déjanos orientarte! y recibe un descuento especial, en el primer proyecto que desarrollemos juntos.

Envíanos un mensaje y ¡Comencemos!