Checklist para elegir el estilo final de tu ilustración

Si seleccionas líneas de la transcripción en esta sección, irás a la marca de tiempo en el vídeo

Antes de elegir el estilo final de tu ilustración, dibujo o gráfico, vamos a revisar una lista de ingredientes que tienes que tener claros para definir el acabado final de tu imagen. No es una receta de cocina escrita en piedra, tal cual, son una serie de preguntas pensadas para responderse en términos visuales y que te van a dar una especie de mapa para seguir y que te van a ayudar a llegar al resultado que estás buscando o que necesitas o quieres en tu imagen. Paso uno, tenemos que dibujar un árbol. "OK", esa es nuestra tarea, ese es el asunto que tenemos hoy. Ilustrar un árbol para un logotipo de un cliente o de una aplicación o solo para nosotros. Antes de elegir el estilo, podemos pensar en toda la gama de estilos que tenemos a la mano. Podemos resolver este árbol de manera realista, en colores planos, de manera muy, muy libre y artística, acuarelas y cosas así. Algo muy abstracto, tal vez un Picasso. O el estilo que más nos gusta a nosotros de manera personal. Tenemos todo ese universo de estilos. Antes de continuar y elegir alguno de esos estilos que acabamos de ver, vamos a preguntarnos ¿cuál es el mensaje? ¿Qué es lo que queremos comunicar con esta imagen? ¿Quién va a recibir el mensaje? ¿Qué queremos que sienta? ¿Qué emoción queremos detonar en la persona que reciba el mensaje? Aquí ya empezamos a cerrar nuestras opciones y empezamos a generar nuestro mapa. Después vamos a preguntar si tenemos algún límite de colores o alguna paleta específica que utilizar. Ya sea porque el cliente la pidió, porque la marca tiene colores institucionales o porque el mensaje o la emoción que vamos a detonar requieren una paleta especial o algún color especial. Además, vamos a preguntar si hay un estilo con el que el cliente ya está casado o que el cliente quiere utilizar, o un estilo que nosotros queremos explorar. Vamos a ver si ese estilo empata con el mensaje, con la persona que lo va a recibir, con la emoción que queremos detonar, y con la paleta de colores que tenemos. Además de todo eso, vamos a preguntarnos cuál es nuestro gusto personal, qué quisieramos hacer con esta imagen para considerar todos estos factores. Ya que tenemos esa parte, vamos a agregar cuánto tiempo tenemos, qué formato va a tener la ilustración, cuál será el formato final de entrega, y nuestras habilidades y herramientas en este momento. Así, para cuando empecemos el proyecto, qué habilidades y qué herramientas tenemos. Ya que tenemos todas estas preguntas contestadas, ya que tenemos nuestro juego de respuestas, entonces ahora sí, elegimos "Estilo gráfico 1" y "Estilo gráfico 2". ¿Por qué dos? Siempre vale la pena tener dos o tres opciones de estilo para que puedas comparar unas con otras, para que, incluso, te des el tiempo de resolverlo, tu problema gráfico, pues, de resolver tu problema de comunicación, con, por lo menos esos dos estilos, y ver qué sucede, ver cuál de los dos estilos hace mejor el trabajo. No tienes que hacerlo al mismo tiempo, obviamente, ni entregárselos al cliente ni nada, pero sí tener esa exploración en mente. Entonces, vamos a escoger dos estilos de toda la gama de estilos que tengamos a la mano, les vamos a dar una pensada o, incluso, una bocetada, vamos a trabajar un poco sobre ese estilo, y vamos a revisar cuál de los dos estilos cumple mejor el trabajo. Cuál de los dos comunica mejor el mensaje que quiero comunicar, cuál de los dos estilos cubre mejor esta necesidad de comunicación, y me hace feliz también. Por favor, eso es importantísimo, no que haga feliz a Juan, obviamente. Bueno, si me quieren considerar, está increíble, gracias, pero la idea es que el estilo que escojas te haga feliz a ti también cuando lo estés haciendo. Si escoges un estilo que odias, por alguna razón, va a ser una pesadilla el proyecto, entonces, eliges de estos dos, el estilo que mejor conecta con quién va a recibir el mensaje y que también te gusta, "¿OK?" Ya que eliges esos dos estilos, y que tienes el estilo final, te vas a tu programa para crear gráficos vectoriales, y entonces trabajas tu versión final. Una vez que la tengas lista, puedes regresar y a lo mejor hacer la versión final del estilo dos y compararlas. Si el tiempo no te da, no pasa nada, presentas el estilo uno al cliente y mantienes el estilo dos bajo la manga, por si lo necesitas más adelante.

El proceso creativo de colorear gráficos vectoriales

Si seleccionas líneas de la transcripción en esta sección, irás a la marca de tiempo en el vídeo

Antes de lanzarte al ruedo de colorear y detallar tu imagen, te conviene tener un plan de ataque o una estrategia flexible y adaptable para tu proyecto. Vamos a ver un modelo de esta estrategia. No es el único modelo, hay muchos modelos y tú puedes crear el tuyo. Muy bien, a lo largo de todo el proceso vas a tener tres ingredientes que van a estar ahí todo el tiempo. Un ingrediente es el estilo que elegiste utilizar para tu imagen vectorial. El otro ingrediente es el presupuesto que hay, el dinero que hay de por medio. Si es una ilustración por gusto, este factor no está. Y el otro factor es el tiempo que tienes para hacer el proyecto. Muy bien, vamos a empezar con una idea. Aquí está tu idea, la tienes, haces tus bocetos sencillos, tus garabatos, después tus bocetos finales, pasas a a hacer tu idea final, ya la tienes resuelta, eliges un par de paletas de colores, una es la que presentas al cliente, la otra la tienes tú por si la llegas a necesitar o como mero ejercicio creativo. Terminas tu imagen, está perfecta, te encanta y es hora de someterla a prueba. Aquí todavía no la va a ver el cliente. Aquí lo que vas a hacer es preguntarte si la solución final que elegiste tomando en cuenta el estilo, el presupuesto y el tiempo, está comunicando de manera correcta el mensaje. ¿Está conectando con el público que tiene que conectar? ¿Está bien dirigida a tu público? Y si está comunicando o detonando la emoción que necesitas que haga. Si lo logra tu imagen, si ya llegando aquí las tres preguntas son afirmativas, pasas a mostrárselo al cliente. Si no llega ahí, regresas en tus pasos, revisas qué sucedió, tal vez tengas que regresar hasta acá, y vuelves a recorrer este camino. Cuando llegas con el cliente puede ser que todo salga maravilloso, que la imagen que creaste comunica perfecto el mensaje, conecta muy bien con el público, con la audiencia a la que está dirigida y detona o comunica o transmite la emoción que queremos. Listo, todo bien, vámonos, terminó el proyecto. Tal vez no, puede que eso no pase. Y aquí pasas a la fase de hacerle las preguntas correctas a tu cliente preguntas en función del mensaje, la audiencia y la emoción que estás transmitiendo y también son preguntas en función de la forma de tu imagen final y de los colores. Aquí tratas de evitar caer en el "bonito", en el "está feo", en "no me encanta", en "no me gusta", tratas de dirigir la conversación para que tu cliente te dé la información que necesitas, para que estés preparado, como un vehículo todo terreno y sepas a qué punto del proceso tienes que volver. Dependiendo de la información que recabas, de estas preguntas, dependiendo de las respuestas que consigues y de cómo filtras tú esa información, entonces puede ser que tengas que volver hasta acá, hasta la idea. Puede ser que no funcionó la imagen que presentaste porque algo cambió en lo que el cliente necesita o está buscando comunicar. A veces pasa y se vale. Entonces tendrías que regresar hasta la idea y los bocetos. Puede ser que no, que la idea está correcta, pero que toda la forma que hiciste no está funcionando. Entonces regresas solo a la parte de los bocetos. Puede que idea y bocetos estén correctos, entonces solo vas a la ejecución final de tu imagen. Puede ser que todo esto estaba bien y que solamente la paleta de color no le acabó de convencer al cliente, o no logró el trabajo completo. Muy bien, usas la otra paleta de color que ya habías escogido y se la presentas al cliente, recorres ya el proceso aquí otra vez. Si esto vuelve a suceder, vas a tener que regresar al punto que necesites, y escoger otro par de paletas de colores. Este proceso no está escrito en piedra, no es una receta que tienes que seguir forzosamente, al contrario, es un proceso, es un camino muy flexible. Puedes tú agregar aquí más paletas de colores, puedes agregar incluso aquí una revisión con un tercero, algún amigo tuyo, alguien que te ayude, tu asistente, tu equipo de trabajo, tu director de arte puede ser, aquí o acá puede estar revisando contigo esta parte. Puedes incluso, incluir aquí, en la parte de los bocetos, una revisión con alguien de tu equipo también. En fin, puedes insertar tú elementos en este proceso o quitar elementos, de acuerdo a como tú manejes tus proyectos y te sientas cómoda o cómodo. Lo que sí, es que trata de no quitar elementos esenciales. Paleta de color, pues por lo menos deja una, si la quitas, empieza a perder coherencia tu proyecto. Idea, bocetos y ejecución final vas a necesitar dejarlas. A la mejor, las revisiones extras no las pones y lo dejas como está. Tal vez dejas mensaje y emoción en un solo elemento, no lo sé. Es cuestión de que tú adaptes todo este proceso a tus proyectos, lo pruebes y tengas tu modelo propio.

Colores digitales para los gráficos vectoriales

 

Si seleccionas líneas de la transcripción en esta sección, irás a la marca de tiempo en el vídeo

Los colores digitales son mayormente conocidos como colores RGB. Y estos colores RGB son los colores de monitores y pantallas. El monitor de tu computadora tiene estos colores, la pantalla de tu celular, la pantalla de tu tablet, tu televisión, ¿"okay"? Ahí están estos colores digitales o colores luz. RGB son las siglas en inglés para rojo, verde y azul. Estos colores están hechos de la mezcla de rojo, verde y azul en diferentes porcentajes. Por eso se llaman colores RGB. Entonces, de manera simple, los colores RGB son para medios digitales. No importa el tamaño de la pantalla. Si es una pantalla, está utilizando colores RGB, ¿"okay"? Estos colores son colores aditivos. Si los vas mezclando entre ellos, vas a tener blanco, y esto es porque están hechos de luz y van agregando luz conforme los sumas unos con otros. Tienen también un nombre que se llama hexadecimal, es un código con números y letras. Este código lo puedes escribir en tu programa de dibujo de gráficos vectoriales, y te va a llevar al color exacto que necesitas. Este código que ves aquí es justo el de este color naranja que estoy utilizando, ¿"okay"? Vale la pena tener estos códigos y no solo confiar en tu ojo, de "Ah, sí, sí, este es el mismo naranja". Mejor ten el código y así te aseguras, esto es contigo. Y también pasa que si vas a mandar tu ilustración a alguien más para que la trabaje, está buenísimo darle también la lista de códigos, de nombres, de nombres alfanuméricos, de hexadecimales, para que pueda utilizar los colores exactos que tú estás utilizando. Créeme, a veces tu ilustración va a cambiar de manos muchas veces, entonces, nunca está de más ser precavido, ¿"okay"? Hablando de precaución, haz una lista de tus colores, por favor. Y guárdala. Puede ser una lista en tu archivo o en tu teléfono, en la nube, donde quieras, pero, por cada proyecto, ten una lista de los colores que utilizaste. Sobre todo si trabajas con marcas grandes o si son proyectos largos o proyectos que es probable que regreses a revisar otra vez. Te va a ahorrar muchos dolores de cabeza y mucho tiempo tener tu lista de colores. Por último, por favor, revisa siempre que estés trabajando en colores RGB cuando estés en medios digitales. La otra paleta se llama "CMYK", no la vamos a ver en este video, pero revisa que estés trabajando con colores luz para que asegures que el color va a ser el mismo en todos los formatos que vayas a utilizar. Por formatos, me refiero a que creas una imagen con tus colores RGB, que se va a ir a diferentes monitores y pantallas: va a estar en el teléfono de alguien, a lo mejor, y también en una computadora y en una pantalla del banco o en la pantalla del aeropuerto o en la taquilla del cine. Entonces vale la pena cerciorarse de que está uno utilizando el modo de color correcto, ¿"okay"? Nunca te puedes pasar de precavido, así que mantén estas ideas en mente, de tener tus códigos de color anotados. Recuerda que son colores aditivos y que si los juntas van a crear blanco, porque están añadiendo luz; son para medios digitales y están hechos con rojo, verde y azul en diferentes porcentajes.

Colores pigmento y sus propiedades

 

Si seleccionas líneas de la transcripción en esta sección, irás a la marca de tiempo en el vídeo

Los colores pigmento son los colores del mundo físico. Se conocen como "CMYK", y son colores para impresos. Se llaman "CMYK" porque son colores compuestos de cyan, magenta, amarillo y negro en diferentes porcentajes. La "C" es para el Cyan, la "M" es para el Magenta, la "Y" es para el Amarillo, porque están en inglés, y la "K" es para el Negro. No están usando la "B" de "Black", porque ya está usada para otro modo de color, que es "RGB", y la "B" representa "Blue", Azul. Entonces, en este caso, la "K" es para el Negro. Cómo regla general, estos colores son para medios impresos. Aunque ya hay tecnologías actualmente que pueden imprimir los colores que tenemos en el monitor, los colores RGB y los imprimen con total nitidez y súper lindos, como regla general, los medios impresos tienen CMYK y vale la pena comprender este asunto. Los colores pigmento son colores sustractivos, esto quiere decir que quitan luz. Si tu mezclas dos, tres, cuatro, o cinco colores pigmento, vas a llegar a un color más oscuro, cada vez más cerca del negro, o al negro directamente. Haz la prueba, consíguete algunas pinturas, acrílico, "wash", y mézclalos en una charola. Pon rojo, pon verde, luego amarillo, luego un poco de azul, y empieza a revolver, y vas a ver cómo esa mezcla cada vez se hace más oscura. Los colores pigmento son colores sustractivos, van quitando luz. Cuando trabajes con colores CMYK, por favor, no solo tengas el color, naranja, verde, azul, "verde 1", "verde 2", "verde 3", no. Trata de anotar el porcentaje de cyan, magenta, amarillo y negro que tienen tus colores. Puede ser en un archivo de texto y lo guardas junto con tu archivo de gráficos vectoriales. Puedes tenerlo en el celular, puedes tenerlo en la tableta, en la nube, en un "post-it" pegado en tu monitor, dónde tu quieras. Pero esta pequeña precaución te va a ahorrar muchos dolores de cabeza si mandas tu archivo a imprenta, si lo compartes con alguien más, a lo mejor estás trabajando con un equipo de trabajo, o un cliente te pide que le mandes el archivo para que él lo pueda guardar y él mandarlo a imprimir con quien quiera. En esos casos es súper útil tener estos porcentajes y colores anotados y mandárselos. Evita confusiones y evita problemas a futuro. Hablando de prevenir y evitar problemas, siempre revisa el modo de color en el que estás trabajando. Asegúrate de que si vas a trabajar para impresos, estés trabajando en CMYK o estés absolutamente seguro que tu archivo RGB va poderse ir a impresión Eso lo vas a chequear directo con tu proveedor de impresión, con quien maneje estos medios, "¿OK?" No con el cliente, no con la persona de cuentas, no. Necesitas chequear directo con quien va a recibir el archivo y lo va a meter a impresión, cuáles son su especificaciones finales. Regularmente es mandar todos tus colores en CMYK. Entonces, ten muy en cuenta todo esto que vimos hace un momento, anota los porcentajes de tus colores, 

Colores análogos y complementarios en gráficos vectoriales

 

Si seleccionas líneas de la transcripción en esta sección, irás a la marca de tiempo en el vídeo

Los colores complementarios se encuentran opuestos en el círculo cromático. Por ejemplo, tomamos este amarillo y vamos a cruzar todo el círculo cromático hasta el otro lado para encontrar su complementario. Si tomamos este morado, hacemos lo mismo: cruzamos todo el círculo y está de este lado su color complementario. Uno más, vamos a tomar este rojo que está aquí, y vamos a atravesar todo el círculo cromático para encontrar su complementario de este lado. Los colores complementarios como su nombre lo dice, se complementan entre sí. Tienen una relación de armonía y los puedes utilizar juntos, sin ningún problema. Crean buen contraste también entre ellos. Vamos a buscar ahora los colores análogos. Los colores análogos están a la izquierda y a la derecha del color que elegiste. Por ejemplo, tenemos este naranja, y hacia la izquierda están sus análogos y hacia la derecha también. Si elegimos este rojo aquí, nos vamos a la izquierda y a la derecha para encontrar los análogos. Con ellos, la relación de armonía también existe, es diferente, no hay ese contraste, no vibran tan fuerte entre ellos, y te pueden ayudar para cosas muy específicas en tu paleta. Ahora vamos a ver ejemplos de eso. Vamos a ver este árbol. Las hojas son este naranja, y atravesamos el círculo cromático, y por aquí está el azul del tronco. Vamos a ver ahora este famoso personaje que se enoja mucho y vive en este universo de la compañía que hace cómics y películas. El verde es su piel. Probablemente está por aquí. Atravesamos el círculo cromático y llegamos a este tono, ¿"okay"? Este moradillo que es de su pantalón. La sombra que tiene aquí en su piel verde, justo es por aquí en estos verdes, donde está su piel, pero hacia la derecha, con un análogo para que tenga un poco de azul y se contamine y, entonces, creamos esta sombra. Armoniza perfecto. No es el mismo contraste y armonía que tiene morado contra verde. Es diferente y me ayuda para crear este lugar de sombra. Lo mismo la sombra del pantalón. Tomamos la piel, nos vamos a... Espera, este es la piel. No, aquí, este. Nos vamos del otro lado al pantalón, que está por aquí, y hacia la derecha me muevo un par de cuadritos para encontrar el color que voy a usar para la sombra. Vamos a ver un ejemplo más. Este relámpago azul con su círculo amarillo. Empecé por el amarillo que está aquí, entonces camino atravesando el círculo cromático y busco el complementario que quiero probar. 

Saturación de color en los gráficos vectoriales



Si seleccionas líneas de la transcripción en esta sección, irás a la marca de tiempo en el vídeo

La saturación de color en los gráficos vectoriales está directamente relacionada con la luz. Tiene que ver con la cantidad de blanco o de luz que tiene tu color o que está contaminando tu color. Vamos a ver. Este es nuestro color original, ¿"okay"? Tiene cierto nivel de saturación. Cuando la saturación de este color baja, empieza a crear estos tonos, estas variaciones de nuestro color contaminado por blanco. Menor saturación, mayor cantidad de blanco tiene tu color. Lo mismo este azul. Este azul es el tronco y las ramas del árbol.

Si seleccionas líneas de la transcripción en esta sección, irás a la marca de tiempo en el vídeo. Cuando hablamos de tono nos estamos refiriendo a los colores desde el rojo hasta el púrpura. Así que hablamos de tono rojo, tono amarillo, tono azul, etc. Dentro de cada tono, tenemos diferentes matices subjetivos. Por ejemplo, dentro del azul tenemos azul marino, azul cielo, azul agua, etc.