Title image

Composición Tag

Home / Posts tagged "Composición"

Uno de los objetivos en mi carrera, es el continuar aprendiendo nuevas cosas, especialmente aquellas que me ayuden a complementar los conocimientos que ya poseo. Mi experiencia como diseñador ha estado orientada siempre hacia la ilustración, por lo que aprender a animar se sintió como un paso natural.

Sin embargo, pronto descubriría que la animación es un área muy amplia de todo el espectro de producción audiovisual. En ese sentido, puede ir desde un sencillo motion graphics para dar a conocer un producto; hasta la generación de contenidos realistas para grandes producciones de cine.

“La animación puede explicar cualquier cosa que la mente del hombre pueda concebir. Lo que la convierte en el medio de comunicación más versátil, diseñado para una rápida apreciación” - Walt Disney<br />

Por mi parte, he orientado esta parte de mi carrera a la integración de la ilustración y la animación, como una herramienta para contar historias y sintetizar información. Sin embargo, los mejores resultados se obtienen con arduas horas de trabajo.

Y aún en ese nivel práctico, a veces los complementos ya incluidos en After Effects no son suficientes para obtener algunos efectos o resultados. Por suerte, existen muchísimos recursos disponibles que son de gran utilidad como los plugins, que permiten añadir nuevas funciones.

Es por ello, que en ésta entra del Blog, quisiera compartir algunos Plugins y Complementos de Adobe After Effects, que he encontrado muy útiles al momento de generar contenidos animados, ya sea porque te permiten optimizar tu trabajo, ahorrar tiempo u obtener resultados increíbles.

Al momento de animar, resulta relativamente “sencillo” modificar algunas escenas, ya sea corrigiendo el color o utilizando un green screen para hacer un montaje. Pero… ¿cómo integrar con naturalidad los elementos?

Trapcode Particular es un complemento que permite generar un sistema de partículas en After Effects tales como humo, lluvia, nubes o polvo, todo con un alto grado de realismo, que hará lucir a cualquier escena espectacular.

Es cierto que “Plexus” es de esos complementos que se vuelven sinónimo del aspecto que generan. Pero la realidad es que, con cierta pericia es capaz de generar mucho más que simples texturas de puntos y líneas.

Plexus es un plugin desarrollado por Rowbyte Software, el cual permite importar modelos 3D para utilizar sus capas, ya sea como contenedores o como formas. Sin lugar a dudas un gran efecto con un resultado espectacular.

¡Ya se, ya se! los más puristas se burlaran de la idea de utilizar gráficos prefabricadas, pero lo cierto es que pueden ser un gran ahorro de tiempo. Además la gran mayoría de estos complementos contienen elementos fácilmente editables, por lo que su personalización es infinita.

Actualmente, existen muchísimos en el mercado, pero personalmente recomiendo el script de Shapes Titles Creator, el cual permite generar una gran variedad de partículas, formas, títulos, lower thirds y efectos 2D que enriquecerán cualquier motion graphics.

Como ya hemos dicho, el tiempo es un factor crucial que determina la calidad de un proyecto e incluso su presupuesto. Por ello, lograr automatizar determinadas operaciones que normalmente realizaríamos a mano, en una gran ventaja.

Esa es la gran virtud de True Comp Duplicator, el cual permite duplicar jerarquías de composiciones en diversos niveles de profundidad. Por lo que repetir secuencias de animaciones ya no volverá a ser un problema.

Si estás familiarizado con la animación, ya sabrás que el manejo de la Cinemática Inversa (de la cual hablaremos en futuras entradas) es fundamental para que cualquier personaje tenga movimientos naturales.

Y aunque After Effects cuenta con un buen sistema de rigging, Duik lo lleva a un nivel completamente nuevo, al crear complejos rigs que simulan músculos o huesos. Además ¡es gratuito!. Definitivamente mi favorito entre esta lista de complementos.

Complementos para hacer las cosas más fáciles

Adobe After Effects es una herramienta fundamental para muchos artistas y animadores, gracias a su versatilidad y posicionamiento en la industria. Por ello, los complementos adecuados pueden agregar nuevas funcionalidades u optimizar el flujo de trabajo.

Cada vez más, las marcas requieren de animaciones avanzadas para dar a conocer sus productos. Por lo que la versatilidad y el storytelling, se están convirtiendo en la columna vertebral de la animación en la industria. En Galahad Studio somos profesionales en la creación de contenidos animados, ideales para redes sociales y startups. 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. ¡Contáctanos!

Por supuesto que hay muchos plugins y complementos para elegir en el mercado. Si tienes algúno  favorito que no esté en esta lista, lo puedes dejar en lo comentarios para compartirlo con la comunidad. Del mismo modo, te invitamos a leer nuestra publicación análoga sobre Plugins para Illustrator.

¿Conocen otros plugins útiles?, ¿Que otros recursos utilizan en sus proyectos?

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!

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!