Arte
conceptual
Cómo se ve la pieza antes de animarla: referencias, color, tipografía, cartel y style frames.
Con «Ánimas» como ejemplo y cinco pasos más del cuaderno para la pieza propia.
Cómo se ve la pieza, con un ejemplo y un proyecto propio
El punto de partida
Referencias y color
Forma y letra
Cartel y style frames
Cierre
Tu punto de partida
El arte conceptual parte de lo que ya decidió el guion técnico: la idea, la duración y las escenas del arco.
Abrir la parte 1Qué es el arte conceptual
Decide cómo se ve la pieza antes de animar un solo fotograma. Se hace con imágenes, y lo que fija se respeta en todas las escenas.
- MoodboardLas referencias que dan el tono: color, forma, textura, tipografía y movimiento.
- PaletaLos colores de la pieza, cada uno con su función, y el color script: el color de cada escena.
- TipografíaLa letra del título y cómo se vuelve forma.
- CartelLa pieza en una sola imagen. Fija las reglas de todo lo demás.
- Style framesUn fotograma terminado por cada momento clave.
El cartel como sistema
El cartel de «Ánimas» resume la pieza en una imagen. Cada capa fija una regla que la animación respeta.
El moodboard
Un tablero de referencias que dice cómo debe sentirse y verse la pieza. Se arma antes de dibujar, con imágenes de muchas fuentes.
Cada referencia lleva su fuente: quién la hizo y de dónde viene. De cada una se toma una idea; la imagen se queda en el tablero.
- ColorLa temperatura, el contraste y los colores que se repiten.
- FormaSiluetas, figuras básicas y la manera de recortar.
- TexturaGrano, papel, humo: la superficie de las cosas.
- TipografíaLetras que se parecen a la idea.
- MovimientoCómo se desplaza algo: cae, flota, sube o se dispersa.
Tu moodboard
- Carga de 6 a 12 imágenes. Se quedan en tu equipo.
- Elige una y marca qué aporta.
- Escribe qué tomas de ella y su fuente: autor y sitio.
Una paleta con funciones
Pocos colores, de cuatro a siete, y cada uno con una función. Lo que más importa es el contraste entre ellos.
- FondoEl que más área ocupa. Da la temperatura de la escena.
- FiguraLo que se mira: el personaje o la forma principal.
- AcentoPoco y en el lugar justo, para llamar la atención.
- TextoTiene que leerse sobre su fondo: un contraste de 4.5 a 1 o más; en títulos grandes basta 3 a 1.
El color en el tiempo
Un color script muestra el color de cada escena en orden, para ver de un vistazo cómo cambia a lo largo de la pieza.
Elige una escena para ver por qué tiene ese colorTu paleta
- Agrega de 4 a 7 colores y dale a cada uno su función.
- Si quieres, toma colores de tus referencias.
- Dale a cada escena del arco su color de fondo.
Color script
Geometría e ilustración
Cada elemento de «Ánimas» se construye con una forma básica, y la pieza va de lo abstracto a lo reconocible.
El texto como forma
Sin narración, el texto no explica: se ve. Las letras pueden estar hechas de los mismos elementos que la pieza, volverse textura o marcar el ritmo.
Ellen Lupton lo trabaja en Pensar con tipos: la letra también es imagen.
En «Ánimas», la palabra está hecha de las luces de toda la pieza; en GEOMETRIX, de líneas.
Tu palabra
- Escribe el título o la palabra de tu pieza.
- Elige la tipografía. También puedes cargar un archivo de fuente.
- Prueba los tratamientos con los colores de tu paleta.
Cómo se lee un cartel
Un cartel se ve de pasada: de lejos, en miniatura o en unos cuantos segundos. Tiene que entenderse así.
- Una imagenUna sola cosa domina; lo demás la acompaña.
- JerarquíaSe sabe qué se ve primero, qué después y qué al final.
- ContrasteLa figura se separa del fondo, también en blanco y negro.
- Texto mínimoEl título y, si hace falta, una fecha o un dato.
- A distanciaSe reconoce igual en una pared que en la pantalla de un teléfono.
Tu cartel
- Carga el boceto de tu cartel, vertical y en 2:3.
- Revísalo en miniatura, en grises y desenfocado.
- Marca lo que se cumple y corrige lo que no.
El style frame
Un fotograma terminado de un momento clave, con el color, la forma, la tipografía y la textura finales. Fija el aspecto antes de animar, y se compara con el cartel: tienen que parecer de la misma pieza.
Tres momentos de GEOMETRIX que funcionan como style frames: el mismo sistema de figuras, líneas y pares de color en cada uno. Se hacen pocos: uno por cada momento importante del arco.
Tus style frames
- Elige tres momentos del arco. Por omisión, el inicio, el punto más alto y el final.
- Carga un fotograma terminado de cada uno, en 16:9.
- Compara sus colores con tu paleta y míralos junto al cartel.
Junto al cartel
Tu hoja de estilo
Los cinco pasos en una hoja, con sus imágenes y la revisión al final.
¿Qué rompe el sistema?
Cada respuesta explica por qué, acierte o no.
Cómo se practica esto
La hoja de estilo de una pieza propia
- Reunir de 6 a 12 referencias, con lo que aporta cada una y su fuente.
- Definir una paleta de 4 a 7 colores con su función y darle un color a cada escena del arco.
- Elegir la tipografía de la palabra y su tratamiento.
- Diseñar el cartel en 2:3 y revisarlo en miniatura, en grises y desenfocado.
- Hacer tres style frames con la paleta y guardar la hoja de estilo en PDF.
Para revisarlo
| Criterio | Logrado | En camino | Por resolver |
|---|---|---|---|
| Referencias | Aportan cosas distintas y todas tienen fuente. | Hay variedad, pero faltan fuentes. | Son del mismo tema y aportan lo mismo. |
| Paleta | Pocos colores con función, y el color acompaña al arco. | La paleta funciona, pero el color no cambia con las escenas. | Muchos colores sin función, o un texto que no se lee. |
| La palabra | Se lee y está hecha con el sistema de la pieza. | Se lee, pero el tratamiento no tiene que ver con la pieza. | No se lee en miniatura. |
| El cartel | Una imagen central y una jerarquía que se entiende en miniatura. | Hay imagen central, pero se pierde en grises o en miniatura. | Varias imágenes compiten y no se sabe qué ver primero. |
| Style frames | Usan la paleta y parecen de la misma pieza que el cartel. | Usan la paleta, pero uno se aparta del sistema. | Cambian de color y de estilo entre sí. |
Lo que sigue
El arte conceptual dice cómo se ve la pieza. El storyboard pone las escenas del guion en pantallas clave, con ese mismo sistema.
El proyecto guardado en este navegador continúa en la parte 3.
- 1Guion técnico
- 2Arte conceptual: el cartel y los style frames
- 3Storyboard: las pantallas clave
- 4Animática: el storyboard con tiempo y sonido
- En el Aula
Del cartel al movimiento, guion técnico. La primera parte, con el brief, el arco y la pista.
- Libro
Austin Shaw, Design for Motion. El moodboard y el style frame, del concepto a la pieza.
- Libro
Amid Amidi, The Art of Pixar. Los color scripts de veinticinco años de películas.
- Libro
Ellen Lupton, Pensar con tipos. La tipografía como imagen y como sistema.
Fuentes
Amidi, A. (2011). The art of Pixar: The complete colorscripts and select art from 25 years of animation. Chronicle Books.
Lupton, E. (2011). Pensar con tipos (2.ª ed.). Gustavo Gili.
Maldonado Gil, L. E. (2014). GEOMETRIX [Video]. Vimeo. https://vimeo.com/113050921
Shaw, A. (2019). Design for motion: Fundamentals and techniques of motion design. Routledge.
World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. https://www.w3.org/TR/WCAG22/