TADUFEU – ESMA 2011 from TADUFEU MOVIE on Vimeo.

Enlace al recurso completo: Puerto Pixel

Visto en: Fubiz

Lo ví en: Designals

Fuente: Chema Madoz

De igual manera las formas gráficas pueden ser animadas. O ayudar a que una fotografía regrese a la vida. También puede crear todo un mundo, desde las ilustraciones o utilizar un video como soporte gráfico e incluso la creación de un universo 3D. Entonces, ¿dónde está el límite entre el cine de animación y Motion Design? A pesar de que esta frontera sigue siendo borrosa, la distinción entre el cine animado tradicional se encuentra en que en éste, los personajes se expresan por sí mismos. El Motion Design también puede ser interpretado por personajes, sin embargo, no se expresan por sí mismos directamente.

El Motion Design nació al comienzo del cine y empezó a tomar forma en la década de 1940 con los artistas experimentales como Oskar Fischinger y Norman McLaren hasta aumentar espectacularmente después de la década de 1950 gracias a diseñadores como Saul Bass, Binder Maurice y Pablo Ferro.

Mientras tanto en la década de 1950 la televisión comenzó a utilizar la animación en sus logotipos y títulos, continuando en la decada del ‘60  hasta la década del ‘90. Aunque esta forma de arte ha existido por más de un siglo, realmente explotó en sus últimos 15 años gracias a la revolución digital.

En los créditos del cine, las identidades de los canales de televisión, sitios web, telefonos móviles, tablets y anuncios de televisión… el Motion Design es omnipresente.

Motion Plus Design es un proyecto para crear un centro de exhibiciones en Paris, dedicado al diseño gráfico en movimiento. Sus creadores Paola Boileau y Kook Ewo realizaron este video para dar a conocer su propuesta y recibir apoyo.

Spanish Version – “What is Motion Design ?” from Motion Plus Design on Vimeo.

Dejo de yapa un buen videíto de Motion Design, que nos brinda 29 tips para estar creativos:

29 WAYS TO STAY CREATIVE from TO-FU on Vimeo.

Visto en Fubiz

Fuente y +Info: Aquí

Algunos videos “Time-Lapse” para ver a Dana trabajando:

Dave Barnes – A Very Merry Christmas from Dana Tanamachi on Vimeo.

Garden & Gun from Dana Tanamachi on Vimeo.

Nagging Doubt “The Pull” from Dana Tanamachi on Vimeo.

Nagging Doubt Viognier from Dana Tanamachi on Vimeo.

Ace Hotel Room 1021 from Dana Tanamachi on Vimeo.

Lo ví en: Abduzeedo

Fuente: Dana Tanamachi

Las tipografías utilizadas son: Machine Script, Reklame Script Regular Demo, Code Bold y League Gothic. La paleta de colores: #C58C31 Marrón, #F6CD13 Amarillo, #F6F0B3 Amarillo pastel y #C92127 rojo. La textura de papel vintage es de la gente de Design Kindley  la pueden descargar aquí.

Lo primero que hacemos es crear un nuevo documento para imprimir en Illustrator y trazar un rectángulo (190mm ancho por 125mm de alto apróx.), que va a ser nuestro fondo.

Luego con la herramienta Rectángulo, hacemos un cuadrado perfecto, para eso mantenemos pulsada la tecla Shift mientras arrastramos. Sin dar medidas específicas, debemos lograr algo similar a esto:

En nuestro panel de Transformar (Si no está a la vista vamos a Ventana>Transformar) lo rotamos 45º grados.

Con la herramienta Selección Directa (flecha blanca) seleccionamos un nodo de los extremos del rombo y con la tecla Shift pulsada lo corremos hacia afuera con las teclas de dirección de nuestro teclado. Hacemos lo mismo con el nodo del otro extremo lateral, hasta llegar a este resultado aproximadamente:

Con la herramienta Selección Directa volvemos a seleccionar los dos nodos de los extremos laterales y lo convertimos a puntos de ancla suavizados desde nuestra barra de herramientas de la parte superior, como muestra la imagen.

Luego, con el objeto seleccionado, vamos a Objeto>Trazado>Desplazamiento.

Y le damos los siguientes valores:

Damos OK, y cambiamos el relleno por [ninguno] y el color de trazo amarillo pastel y podemos cambiar el grosor del trazo a gusto.

Con la herramienta Elipse, creamos un círculo perfecto (para esto mantenemos pulsada la tecla Shift) de apróx 35mm de diámetro. Luego con el círculo seleccionado vamos a Efecto>Distorsionar y Transformar>Zigzag…

Le damos los siguientes valores:

Colocamos el texto, en las siguientes tipografías (como se muestra en la imagen). Cabe aclarar que en los textos en Code Bold y League Gothic se modificó el espaciado entre letras. Esto se consigue presionando la tecla Alt (con el texto seleccionado) mientras se va corriendo hacia la derecha con las teclas de dirección del teclado o bien en el Panel Carácter, en la parte de definir tracking.

Con la herramienta Rectángulo, hacemos uno pequeño (16mm x 7mm). Con la herramienta Añadir Punto de ancla, creamos un nuevo nodo en el medio del lateral derecho y con la herramienta Selección directa, lo movemos un poco hacia la izquierda.

Luego lo seleccionamos y le damos un click derecho: Transformar>Reflejo y damos los siguientes valores  (imagen) y damos click en Copiar. Esta copia reflejada  la posicionamos adelante de la palabra Coffee

Debemos lograr algo similar a esto:

Nos vamos a Photoshop y creamos un nuevo documento:

Copiamos los elementos del fondo desde Illustrator y los pegamos en el nuevo documento de Photoshop. Acomodamos o redimensionamos si es necesario.

Abrimos la textura (que más nos haya gustado) y seleccionamos todo (Ctrl+A), copiamos (Ctrl+C) y la pegamos en el documento donde estamos trabajando.

De manera que la textura quede sobre la capa Fondo y con el siguiente estilo: Modo Multiplicar, Opacidad 67% (pueden jugar con el estilo de la capa para ver cómo les queda mejor).

Por último copié los textos y demás elementos desde Illustrator y los pegué en Photoshop en una capa aparte, arriba de la textura.

Resultado Final:

Click sobre la imagen para verla más grande.

Variante: