Transcripciones
1. Introducción: Hola, Bienvenido a mi clase. A lo largo de esta clase, te enseñaré las diferencias entre RGB, CMYK, y Pantone, por qué y cuándo utilizarlas. Esta no será una clase superficial que diga usar RGB para digital y CMYK para impresión. El enfoque será muy específico. Nos sumergimos en entender realmente la razón por la que detrás de la ciencia de todo esto. También te enseñaré a entender qué son tonalidad, saturación y valor, cómo crear tintes, tonos y tonos y cómo crear combinaciones de colores. A continuación, usarás estas habilidades para crear tu propia paleta de colores e identificar cada uno de los colores con los valores respectivos en RGB, CMYK, y Pantone. De esa forma, puedes usar el mismo color sin importar qué color, modo o sistema estés usando. Mi nombre es Nayda. Soy diseñadora gráfica de Puerto Rico que se especializa en diseño editorial y de superficies. Esta clase está dirigida a estudiantes que apenas están empezando en el mundo del diseño, o diseñadores que aún luchan al trabajar con el color, y realmente quieren de una vez por todas, resolver los problemas de consistencia de colores. En algunas instancias de la clase, estaré trabajando con Adobe Illustrator. Por lo que se recomienda acceder al programa, pero no indispensable. Estas habilidades y conocimientos que aprenderás se pueden utilizar con cualquier otro programa o app que te permita trabajar con RGB o CMYK. También te beneficiarás de entender qué producto Pantone se ajusta mejor a tus necesidades. Esta clase es genial para diseñadores gráficos que crean arte
digital o producen cualquier tipo de producto de impresión. Si eres diseñador editorial, diseñador de marca, diseñador de superficies, ilustrador digital... Encontrarás información valiosa para mejorar tu proceso de trabajo. Al final de esta clase, podrás comunicarte adecuadamente al hablar de color. Y podrás tener consistencia de color en tu trabajo. Esta es la clase que habré querido tomar cuando empecé a diseñar hace más de diez años. Sé que será una base sólida para construir todos tus proyectos. Nos vemos en la primera lección.
2. Proyecto de clase: Para el proyecto de clase, crearás una paleta de colores utilizando las técnicas de combinación de colores que aprenderás en esta clase. Puedes crear tintes, tonos o tonos o una mezcla de ellos. Puedes seleccionar tantos colores como te guste. Pero voy a decir no menos de cuatro. Después de seleccionar tus colores, establecerás el valor para cada uno de ellos en RGB, CMYK y Pantone. Y no te preocupes, aprenderás a hacerlo todo en esta clase. Por último, ve a la sección “Proyectos y Recursos” y crea un proyecto para compartir tus hermosos colores e inspirarte en la comunidad. Te veo ahí.
3. Terminología del color: Primero lo primero, vamos a discutir alguna terminología de color que solemos encontrar cuando hablamos de color. El color se describe por tres propiedades. Tono, saturación y valor. Cuando hablamos de matiz. Básicamente estamos hablando de color. El matiz describe el color. Como estándar, se refiere a los colores primario y secundario. Los colores primarios son rojo, azul y amarillo. Estos colores son únicos. Lo que significa que no se pueden mezclando ningún otro matiz. Los colores secundarios son morado, verde y naranja. Cuáles son los colores a mitad de camino entre la primaria. Colores secundarios, aparece al mezclar dos colores primarios en cantidades iguales. Algunos dicen que los colores terciarios, que son la mezcla de colores primarios y secundarios, también
pueden llamarse tonalidades. Pero no todo el mundo apoya esa teoría. Es una práctica común utilizar las palabras color y tonalidad indistintamente. Pero técnicamente, no todos los colores son tonalidades. blanco y el negro no son tonalidades. Son colores. Porque no son uno de los colores primarios ni secundarios. No es correcto decir que el rosa es un tono, sino que el tono del color del rosa es rojo. Porque el rojo es el color del que viene el rosa. Un matiz puede ser cálido o puede ser frío. Los colores más cálidos son los que tienen más tonalidades rojas, anaranjadas y amarillas en ellos. Colores más fríos, son los que tienen más tonalidades moradas, azules y verdes en ellos. Pero estos no son definitivos. azul por una norma es un color frío, pero si le agregas amarillo, puede convertirse en un color cálido. Por lo general, cuando combinamos colores, el punto de partida es hacerlo por el color complementario. Un color complementario es el color ubicado directamente a través de la rueda de color. Un color frío y un cálido. De esta forma garantiza el mejor contraste posible entre dos colores. rojo es el color complementario del verde, y así sucesivamente. Pero hay más técnicas de combinaciones de colores. Echémosles un vistazo. Monocromático, significa el uso de diferentes tintes, tonos, y tonos de un tono de la rueda de color. Por ejemplo, aquí usaríamos variaciones de este amarillo-naranja. Triádico, significa que usan de tres colores uniformemente espaciados. Tetradic o cuadrada, y rectangular significa que utilizan un cuatro colores que consta de dos conjuntos de colores complementarios. Análogo, significa el uso de colores que están uno al lado del otro. En este caso, estos morados y azules. Complementario, como dijimos, es el uso de dos colores opuestos. Análogo complementario, significa el uso de colores que están uno al lado del otro y uno en el lado opuesto. Por ejemplo, usamos este naranja, rojo, y morado contra este verde. Por último dividir complementario, significa comenzar con un color, encontrar su complemento, y luego usar los dos colores a cada lado del mismo. Ahora, no siempre usamos estos tonos brillantes para diseñar. Utilizamos variaciones de color como tinte, tono y sombra. Cuando agregamos blanco a un matiz, se llama “tinte”. Cuando agregamos gris a un tono, se llama “tono”. Cuando agregamos negro a un matiz se llama “sombra”. Por lo general, los tonos se consideran colores más infantiles, porque son tan brillantes. tintes también se llaman pasteles. Los tonos son más sofisticados y agradables a la vista. Un tono es básicamente puro tú pero más oscuro. Se puede ir a casi un negro 100%. Ahora, hablemos de la segunda propiedad de color después de matiz. Es saturación. saturación es la pureza de un color cuando es el más intenso. No contiene blanco, ni gris ni negro. Se clasifica como cromática. Cuando se agrega un color complementario, o gris, o negro, a un color saturado, se vuelve menos saturado. Aquí a la izquierda, tenemos un azul saturado. A medida que nos movemos hacia la derecha, se vuelve menos saturada. Se vuelve menos puro cuando se mezcla con un color complementario, que es naranja. A la naranja le pasa lo mismo a medida que se mueve hacia el azul. Sucede lo mismo cuando agregamos gris al azul. Se pone menos saturado. Lo mismo sucederá si agregamos negro. El tercer y último inmueble después de matiz y saturación, es el valor. El valor determinará qué tan cerca o lejano está un color del blanco o negro. Cuanto más oscuro es el color, más cerca está del negro. Por lo que la turquesa de la izquierda, es una turquesa de alto valor. Cuanto más claro es
el color, más cerca está del blanco. Por lo que la turquesa a la derecha es una turquesa de bajo valor. Es más fácil notar el valor en imágenes con color en el mismo tono. Por ejemplo, en este cuadro, el tono predominante es el azul. Pero en la parte superior izquierda, podemos ver un valor menor. Lo que significa que tiene más blanco. A la derecha inferior, podemos ver un valor más alto, lo que significa que este azul tiene más negro. ocasiones, cuando miramos una imagen a todo color es difícil conocer el valor de los colores. Una buena técnica es cambiarla a escala de grises. De esa manera, es más fácil ver dónde están los colores más oscuros y claros. Basta con prestar atención a los grises más oscuros y a los grises más claros. Como podemos ver en la imagen de la derecha. Los grises más oscuros significan un valor más alto y los grises más claros significan un valor más bajo. De esa manera es más fácil identificar los valores en la imagen a todo color. Esta también es una buena técnica para saber si tu imagen tiene suficiente contraste. Entrémonos en Illustrator para trabajar un poco con todo esto. Por aquí tenemos tres círculos rojos. Necesitas abrir tu panel “Guía de colores”. Si no lo ves, vas a “Ventana” y selecciona “Guía de colores”. Y aquí se pueden ver algunos colores que son aleatorios. Vas a seleccionar el color. Voy a seleccionar mi color. Y aquí en el lado derecho ves el “set basado en el color actual”, vas a dar click ahí. Y ahora aquí puedes ver que has seleccionado, en el medio aquí debajo de la flecha, tenemos tu color seleccionado. A la derecha, se pueden
ver tintes y a la izquierda se pueden ver sombras. Entonces digamos que quieres crear tintes a partir de este color, lo que significa que estás agregando blanco a este rojo. Seleccionas a la derecha. Si desea crear un tono, seleccione a la izquierda. Pero por aquí se puede ver que sólo tengo tres opciones. Podemos cambiar eso. Vas a esta opción en la esquina superior derecha, vas a “Opciones de la Guía de Color”. Y aquí se puede ver que tengo pasos y tengo el número 3, que son 1, 2, 3 tanto a la derecha como a la izquierda. Si uso mis flechas, puedo mover y crear 4, cambiarlo a 4, 5, 6. Cual número que necesitas o quieres crear. También tienes aquí variación. Si voy al 0% se
puede ver que tengo el mismo color y tonos intensos. Si bien paso a la derecha, incremento el porcentaje de variación. Y puedes ver aquí tal vez quieras crear un gradiente. Bueno entonces necesitarás menos variación. Pero si quiero más variación, seguiré aumentando el porcentaje. Si voy todo el camino a un 100%, se
puede ver que el tinte tendrá los pasos que seleccione. En este caso, voy a subir hasta 10. Y el final va a ser blanco y en las tonalidades va a ser negro. Voy a dar click en “Ok”. Haré que esta ventana sea un poco más grande. Por lo que ahora puedo seleccionar, tengo más opciones, cuatro tintes, y tengo más opciones para tonos de este rojo. Como puedes ver, tenemos tintes y tonalidades. No vemos tonos. Pero los tonos están en medio de los tonos. Para que puedas trabajar con eso. Entonces si vas por aquí, a esta ventanita, puedes ver que tienes diferentes opciones para combinaciones de colores. Si selecciono complementario, tendré el color rojo aquí y debajo de él tendré el color complementario para ese rojo. Y tengo muchas, muchas, opciones para crear combinaciones de colores. los que hablamos y de muchos otros. Esta turquesa que tengo aquí abajo, es una combinación de color con este rojo. Para que pueda ir y seleccionarlo, y esta es una variación de la turquesa, y hacer lo mismo, seleccionar tintes y seleccionar tonos. Incluso puedo seleccionar cualquier otro color y hacer lo mismo. Digamos que voy a usar este azul oscuro/morado. Y voy a usar algunos tintes, voy a seleccionar en el medio primero y luego crear algunos tintes a partir de ella. Y hacer lo mismo por los tonos. En primer lugar, selecciona el medio para el color o por aquí. En la esquina superior izquierda, y selecciona diferentes tonos. Y esta es una manera interesante y agradable de crear combinaciones de colores. A veces eres como, no
tienes idea de cómo combinar colores. Bueno, puedes usar esta técnica. Muchos de ellos se ven un poco demasiado brillantes para ti, o algunos colores se ven como colores que no usarás. Pero eso es lo que pasa porque puedes usar tonos y tintes y tal vez se ven mejor. Ya sabes, esta selección de colores bonita y usaré esto. Pero tal vez no usaría este verde con este rosa y su rojo, porque estos dos dramáticos para mí. Pero debido a que puedo trabajar con tonos y tintes, puedo crear esta combinación de colores que funciona y que es útil para mi diseño. Por lo que hablamos de muchas cosas en esta sección. Aprendiste sobre las tres formas principales que se describe el color: tonalidad, saturación y valor. Si agregamos el blanco a un tono o color, se convierte en un tinte. Si agregamos gris, se convierte en un tono. Si agregamos negro, se convierte en sombra. También a medida que creamos tintes, tonos, y tonos, el tono o color se vuelven menos saturados porque los colores son menos puros. Ahora, siempre que estés trabajando con el color y escuches, cualquiera de estos términos, ya sabes lo que significan, Vamos a sumergirnos en el color y qué tiene que ver la luz con él, en la siguiente lección.
4. Color y luz: En nuestra última lección, hablamos de alguna terminología sobre color, matiz, saturación y valor. Y establecemos lo que hace un tinte, un tono, y una sombra. Esa es una buena base para saber trabajar con el color. Ahora, nos sumergiremos en el tema de esta clase, entendiendo RGB, CMYK, y Pantone. Empecemos por el aspecto más fundamental de la misma. Luz. Mencionamos que los colores primarios son el rojo, el azul y el amarillo. De vuelta cuando éramos niños a los que se les enseñaba esos tres colores primarios. Bueno, se les dijo que no importaba si no teníamos todos los colores. Porque mientras tanto o tengamos esos, podemos mezclarlos y crear cualquier otro color. Entonces, ¿qué pasó? ¿ Por qué el mundo del diseño debe elegir entre RGB o CMYK? ¿ Por qué nuestras hermosas creaciones terminan luciendo raras a veces? Bueno, la respuesta directa es por la ciencia. Podemos ver colores por la luz. Y la luz está hecha de ondas de energía. Estas ondas de energía son grupales y llamados espectro de energía electromagnética. Hay siete espectro de luz. Ahí están los Rayos Gamma, Rayos X, Ultravioleta, Infrarrojo, Microondas, y Ondas de Radio. Y entre el Espectro Ultravioleta y el Espectro Infrarrojo está el Espectro de Luz Visible, que son las ondas de energía que son visibles para nuestros ojos. Luz roja, luz verde y luz azul son a los que nuestros ojos son más sensibles. Entonces de ahí viene RGB. El modelo de color RGB es básicamente imitando los ojos humanos. Sumérjase en nuestra próxima lección para aprender más sobre RGB.
5. RGB: Como acabamos de decir en la lección pasada, somos capaces de ver colores debido a la Luz Visible. Desde ese espectro, los colores a los que nuestros ojos son más sensibles, son rojos, verdes y azules. RGB! RGB es conocido como el color aditivo porque se crean agregando luz coloreada. Por eso está pensado para pantallas digitales, como computadoras, monitores, teléfonos, pantallas y televisores. Porque esas pantallas emiten luz. Entonces para entenderlo mejor, cuando estés usando RGB, en lugar de pensar como usar pintura o tinta, piénsalo como usar luz para crear colores. Cuanto más luz de color agregue, los colores se vuelven más claros. ¿ Y cuál es el color más claro de todos? Blanco. Echemos un vistazo a estos paneles de color de Adobe Illustrator. Ambos están ambientados en RGB. Cuando tenemos blanco, significa que todas las luces están en su pleno potencial, cual está representado por el número 255. Ese número tiene razón para serlo. hoy no vamos a entrar en la razón por la que. Pero siempre será 255. Cuando tienes negro, significa
que un píxel de pantalla digital específico está mostrando 0 luz. RGB funciona igual que nuestros ojos. Cuando miramos la fuente de luz, digamos el sol, todo se vuelve blanco, empujándonos a cerrar los ojos. Cuando cerramos los ojos, no entra luz. Vemos todo oscuro o negro. Y es por eso que RGB se llama color primario aditivo. Porque agregas luz para crear color. RGB crea todo el espectro de color al agregar diferentes cantidades de luz. Por ejemplo, para crear esta turquesa, utilizamos 128 rojos, 183 verdes y 183 azules. Para crear este rojo, utilizamos 203, lee 75 verde y 87 azul. Ahora bien, si RGB puede crear todo el espectro de color, ¿Por qué necesitamos CMYK? Pasemos a nuestra siguiente lección para hablar de esto.
6. CMYK: Como comentamos en nuestras lecciones pasadas, cuando usamos RGB, estás usando la luz para crear colores. Entonces, ¿qué usamos cuando imprimimos algo? En este caso, no usamos la luz para crear color. Utilizamos tinta. Cuando imprimimos, no comenzamos con un píxel negro y agregamos luz para colorearlo. Cuando imprimimos, comenzamos con una superficie blanca como un papel, y una fuente de luz como un sol o una bombilla. Entonces la luz rebota de la superficie y en nuestros ojos. Como dijimos antes, RGB sólo se puede usar con luz transmitida, como el monitor de computadora. Y agrega color claro. Cuando imprimimos una obra de arte, la superficie, el papel, está absorbiendo la luz y reflexionando sobre ella. Otra palabra para adsorbo es restar. Es por eso que CMYK se conoce como color sustractivo. Rojo, amarillo, y azul. los colores primarios, es también un sistema de color sustractivo. Durante siglos, fue utilizado por los pintores. En el siglo XX, con la invención de la prensa, el sistema de sustracción CMYK fue popularizado por las impresoras porque era capaz de producir una amplia gama de colores. Cuando se suman cian, magenta y amarillo, crea un marrón muy oscuro. Por lo que es necesario agregar un negro puro para poder crear un negro sólido. Esto también se conoce como el color clave. Por eso está representada por la letra “K”; también para que no la confundas con el color azul, que ya está representado por la letra B. Volvamos a los paneles de color de Adobe Illustrator. En la lección anterior, vimos que en RGB, obtenemos blanco cuando combinamos todos los colores y negro cuando hay ausencia de luz. Sucede lo contrario en CMYK. Nos ponemos negro cuando combinamos todos los colores y el blanco, cuando no hay ninguno. Podemos crear toda la gama de colores dependiendo de los porcentajes de cian,
magenta, amarillo y negro que agreguemos. Por lo que ahora entendemos mejor las diferencias entre RGB y CMYK. RGB está destinado a utilizar para pantallas digitales. Si las obras de arte existen solo en redes sociales o en un sitio web, entonces debes diseñarlo y exportarlo en RGB. RGB se conoce como aditivo porque los colores se crean agregando luz de color. Por otro lado, CMYK está destinado a ser utilizado en la impresión física. Si tu obra de arte se imprimirá o producirá en un material físico, debes crearla en CMYK. CMYK se conoce como sustractivo porque los colores se crean absorbiendo longitudes de onda de luz y reflexionan sobre él. En la siguiente lección, aprenderemos cómo RGB y CMYK se relaciona entre sí.
7. RGB y relación de CMYK: Ahora hemos entendido por qué es que RGB está destinado a ser utilizado en pantallas digitales. En RGB, experimentamos erudito directamente. Esto se conoce como color aditivo porque se crea agregando un color claro. En tanto, CMYK está destinado a la impresión física. Porque en CMYK experimentamos color indirectamente. A esto se le conoce como color sustractivo porque se crea absorbiendo o restando longitudes de onda de luz y reflejándola. Existe una razón por la cual el cian, magenta y el amarillo son los que se eligieron para imprimir. A lo mejor ya lo has notado. Cuando RGB se superpone, crea CMYK. Lo mismo sucede cuando CMYK se superpone. Crea RGB. Es por eso que CMYK a veces se llama los segundos colores primarios, o los colores primarios Sustractivos. Porque CMYK proviene de la interacción de los colores primarios, rojo, verde y azul. Para poder ver todo el espectro de color, utilizamos tinta CMYK que absorberá las longitudes de onda de la luz y muestra colores. Echemos un vistazo más de cerca. Verde y azul crea cian. Azul o rojo crea magenta. El rojo y el verde crean el amarillo. Entonces cuando imprimimos nuestros diseños, la tinta, cian, magenta y amarillo actúa como un filtro que absorbe la luz en el espectro de luz visible. En otras palabras, la luz rebotó sobre el papel, filtra a través de las capas de color y crea colores perceptivos. Cuando la fuente de luz rebota sobre el papel con cian, absorbe el rojo y refleja el verde más el azul. Entonces podemos ver el cian, como dijimos antes, verde y el azul crean cian cuando la fuente de luz rebota sobre un papel con magenta, absorbe el verde y refleja el azul y el rojo. Entonces podemos ver el magenta, porque el azul y el rojo crean magenta. Cuando la fuente de luz rebota sobre un papel con amarillo, absorbe el azul y refleja el rojo y el verde. Para que podamos ver el amarillo. Como dijimos, el rojo y el verde crean amarillo. Lo mismo es cierto para RGB. Magenta y amarillo crea rojo. El rojo absorbe el verde y el azul. Amarillo y cian crea verde. El verde absorbe el rojo y el azul. Cian y magenta crean azul. El azul absorbe el verde y el rojo. Entonces, como puedes ver, la ciencia es algo maravilloso. Siéntete libre de descargar el PDF en los recursos de la clase y estudiar esta diapositiva a tu propio ritmo. Puede tomar tiempo para hundirse,
pero confía en mí, uno que
sí, todo tiene sentido. Empiezas a entender tantas otras pequeñas cosas que te llaman la atención de vez en cuando. Por lo que ahora entiendes mejor cuándo usar RGB o CMYK y su relación entre sí. En la siguiente lección, discutiremos Pantone Matching System.
8. Pantone: En las lecciones pasadas, hemos aprendido acerca de la terminología del color como el tono, la saturación, valor y sobre el tinte, el tono y la sombra. Aprenderemos sobre la luz, RGB y CMYK. Estoy bastante seguro si llevas un tiempo trabajando en diseño gráfico, has oído hablar de Pantone y estoy seguro de que debes haber dicho “¿por qué?”. Si CMYK es tan asombrosamente, científicamente perfecto, ¿por qué necesitamos otra cosa de color con la que trabajar? Será bonito que podamos trabajar con todos los colores que hay, puedo ver. Pero cada espacio de color tiene su propia gama. Gama significa rango, el espacio limitado dentro de todos los colores perceptivos por los ojos humanos. En esta imagen, podemos ver esa gama de colores de RGB, CMYK, y Pantone. La imagen número uno que presenta todos los colores percibidos por nuestros ojos. eso se le conoce como LAB. L-A-B. No vamos a sumergirnos en trabajar con LAB porque está fuera del alcance de esta clase. Pero si deseas profundizar en este tema, siéntete libre de hacer una investigación sobre el espacio de color LAB. Volviendo a la gama de colores, en 1930 la Comisión Internacional de la Iluminación, estableció cerebros
humanos ve hasta 8 millones de colores, pero la mayoría de la gente sólo ve de uno a dos millones de colores. Por lo que el círculo negro representa los colores LAB. En la imagen número dos, podemos ver el espacio de color RGB, que son los colores que se pueden visualizar en un monitor RGB. El número de imagen tres son los colores CMYK imprimibles. Y la imagen número cuatro son los colores Pantone imprimibles. Si diseño algo en este RGB azul y lo envío a imprimir en una máquina de prensa CMYK. Se imprimirá en el azul más cercano disponible en CMYK. Y este tema similar sucederá siempre que trabajemos en un espacio de color y luego cambiemos a otro. O cuando trabajamos en un espacio de color y enviamos el diseño a otra persona, quien lo abre en otro dispositivo con un espacio de color diferente. Que es uno de los temas más comunes cuando se trabaja con el color. Pero más de eso en las siguientes lecciones, volviendo a Pantone, lo cierto es que llegó a resolver un problema los diseñadores e impresoras estaban teniendo por un tiempo. Cuando imprimimos usando CMYK, utilizamos para placas de color, una amarilla, una magenta, una cian y una negra. El resultado de los colores deseados depende del ángulo de la tinta de los puntos que se imprimen. Esto se llama calibración. Por lo que te puedes imaginar que hay un alto margen de error Un rosa claro, tal vez diferente de una impresora a otra. Esto puede no ser un tema para la pequeña producción con una pequeña vida útil como volante. Pero digamos que eres una empresa de tejidos. Se hace un pedido de 10,000 yardas para su colección de primavera. Lo vendes con éxito. un par de años y quieres reimprimir algunos de tus diseños más exitosos. La empresa que los imprimió ya no está en los negocios. Por lo que se pone en contacto con una nueva empresa. Llegan los patios y te das cuenta de que los rayos dorados del sol se ven marrones. Eso es un problema porque quieres consistencia en tu proyecto sin importar cuándo o dónde lo imprimas. Por eso entra en existencia Pantone. El Pantone surgió en 1963. El término “Pantone” consiste en la palabra “pan” y “tono” que significa “todos los colores”. Se describieron como un lenguaje universal del color. Cada color tiene un nombre específico. De esta forma puedes decirle que imprima a tu proveedor el número Pantone que quieras usar. Esto permite la consistencia del color sin importar dónde, sin importar cuándo y sin importar quién imprima tu proyecto. Es así como Pantone se convirtió en la autoridad en color. Cuando estás usando Pantone, no
estás usando CMYK, sino un color Pantone específico en el proceso de impresión. El color se mezcla antes con una fórmula específica, y se instala en una máquina de impresión. Por lo que el problema de calibración no es un problema. Como vimos antes, CMYK se conoce como el color de proceso, pero Pantone se conoce como un color de mancha o un color sólido. Puede ser que imprima un diseño usando CMYK más una
placa extra con un Pantone para asegurar consistencia en un color específico. O puedes imprimir tantas placas como necesites, pero todo en Pantones. Ni una sola en CMYK Ahora hablemos de los productos Pantone disponibles. Pantone ofrece dos sistemas de color: El Pantone Matching System, también conocido como PMS, Pantones Fashion, Home + Interiors System, también conocido como FHI. Ambos sistemas ofrecen codificación de color y especificaciones únicas. Hablemos de ellos para que puedas aprender cuál debes obtener para tu necesidad específica. Ofrecen estos dos porque el color cambia dependiendo del material que se produzca, ya sea de papel o textil. El Sistema de Coincidencia Pantone es conocido como PMS. Está sangrada para impresión, paquetes, digital, serigrafía y usos similares. A partir de ahora ofrece 9,758 colores. Ofrece tantos porque, por ejemplo, en la publicidad, el uso del color intenso es común para atraer a los espectadores. PMS es conocido como el “sistema gráfico”. Porque se utiliza en el mundo del diseño gráfico. Ofrecen diversos productos dependiendo de tus necesidades. Pero sus productos más conocidos son los “Fan Guides”. Para el PMS, la oferta una variedad de ellos. Como hablamos antes, los colores
CMYK se conocen como colores de proceso. Bueno, Pantone es conocido como “colores de mancha” o “colores sólidos”. Pantone ofrece productos para ambos escenarios. En colores sólidos ofrecen lo siguiente:
The Formula Guide Recubierto y Sin Recubrimiento Esta es una de las guías de ventiladores más utilizadas. Esta guía ofrece formulaciones de color para mezclar correctamente todas las tintas de color Pantone Spot. Ofrece 2,161 colores. Viene tanto en material recubierto como no recubierto. recubierto se marca con la letra “C” que
significa que el color está impreso en papel estucado para un acabado brillante o en una superficie que no absorba demasiada tinta El no recubierto está marcado con la letra “U”, lo que significa que el color está impreso en el acabado más poroso de una superficie que absorberá más tinta. Pasteles y neón. Esta guía de abanicos ofrece 154 colores pastel y 56 puntos de neón adicionales a la Guía de Fórmula. Metalicos. Ofrece 655 colores metálicos. Incluye colores de tendencia como el oro rosa. Ahora, Pantone también ofrece libros de fans para colores de proceso. Puente de color. Es una de las adiciones recientes que se está convirtiendo en las más utilizadas en el mercado. Estas guías ilustran cómo los colores Pantone Spot se pueden reproducir en CMYK. Se puede ver lado a lado el Color Pantone con el equivalente CMYK más cercano. También ofrece los equivalentes de valor HTML y RGB para aplicaciones digitales. Ofrece 2,139 colores. CMYK. Ofrece la precisión Pantone pero para la impresión Four Color. Contiene 2,868 colores. Hay muchos libros por ahí similares a éste. Donde te muestran las cantidades de CMYK que debes agregar para obtener un color específico. Pero éste ofrece la calidad Pantone que asegura la precisión del color. Aún así, estarás enviando esto a un proveedor de impresoras de prensa de 4 colores. Por lo tanto, pueden ocurrir cambios de color dependiendo de la calidad del equipo que utilicen para imprimir. Gama Ampliada. Ofrece 90% mejores coincidencias de color spot Pantone sobre CMYK agregando naranja, verde y violeta a la gama de colores. Entonces ahí lo tienes. Tienes opciones para cada necesidad posible. El otro sistema de color Pantone es el Fashion, Home + Interiors System FHI Está destinado a diseñadores de moda para telas, prendas de vestir, artículos
blandos y superficies especiales. Tales como cuero, accesorios y similares. Este sistema de color ofrece más colores blancos, negros y neutrales que el PMS. A partir de ahora, el sistema de color FHI ofrece 3,049 colores. FHI es conocido por tener dos codificaciones: El “TCX” para textiles, como prendas de vestir, telas y productos blandos. Y el “TPG” para revestimiento y pigmentos, como, cosméticos, pinturas, cuero y accesorios. En esta imagen de la izquierda se
puede ver la guía de color, las pequeñas, y también dos libros o encuadernadores más grandes. La diferencia entre estos dos es que los pequeños, tienen los colores impresos en papel y utiliza la Codificación TPG. “ P” significa “Papel”. Y las grandes, tienen el color en algodón y utiliza la codificación TCX. “ C” significa “Algodón”. Ambos aseguran partido de colores de Pantone. La diferencia entre ambos es el precio. Si estás trabajando con clientes textiles y muy exclusivos, el TCX, los grandes libros, puede ser tu mejor opción. Aún así, si trabajas con textil, puedes hacerlo absolutamente con un TPG, los pequeños. Lo que no puedes hacer es usar el sistema gráfico PMS para emparejar colores para textiles. Porque la guía del Sistema Gráfico está usando tinta sobre papel. La guía del sistema FHI está usando pigmento sobre papel. Pantone ofrece muchos productos. Podrás echar un vistazo a Pantone.com. Comprar sus productos tiene que ser visto como una inversión. Todo se reduce al tipo de trabajo que haces y las necesidades de tu negocio. Siempre sugiero hacer su investigación e invertir en el producto que tendrá un retorno en la inversión. Sí ofrecen un programa de Intercambio en el que puedes obtener algo de efectivo al devolver un producto Pantone e invertirlo en otro. En caso de que compres uno y luego necesitas cambios. Pantone también ofrece una extensión llamada “Pantone Connect”, que se puede utilizar en Adobe Photoshop, Illustrator, e InDesign. En nuestra siguiente lección, aprenderemos a usarla.
9. Cómo usar Pantone: Como acabamos de aprender, hay muchos productos Pantone para cada necesidad específica. Está el Sistema Gráfico, principalmente para el Diseño Gráfico tradicional; y los Sistemas
TCX o TPG, principalmente para la moda y otros productos físicos. Todos vienen en diferentes productos, los más conocidos y accesibles son los libros de fans. Entonces, genial, ahora entendemos RGB, CMYK y Pantone y cómo se relaciona con el trabajo que hacemos. Hemos confirmado que necesitamos un producto Pantone. Lo compramos... ¿
ahora qué? ¿Cuál es el flujo de trabajo para utilizar esta inversión que acabamos de realizar? Vamos a saltar a Illustrator para aprender a usar el Libro de fans de Pantone. Entonces ahora estamos dentro de Illustrator y lo primero que
voy a hacer es abrir mis muestras. Voy a seleccionar todo mi diseño por aquí. Y voy a ir a estas opciones “Grupo Nuevo Color”. Y puedo ponerle el nombre que quiera. Voy a nombrarlo ondas CMYK, porque todo esto está en CMYK. Y lo que esto va a hacer es crear un grupo de todos los colores que tiene este diseño. Porque a veces creamos cosas que tienen muchos colores y es realmente difícil para nosotros en algún momento averiguarlo. Entonces esta es una manera bonita. Entonces antes, hace años, lo que solíamos hacer era ir a opciones para trabajar con Pantone, ir a la “Biblioteca de muestras abiertas”, “Libros de colores” y por aquí tenemos diferentes opciones de libros de Pantone. Nos faltan algunos de ellos. Y esta sección por aquí no está actualizada. A esta sección le faltan alrededor de 1,500 colores. Lo que ahora sugiere Pantone es que usamos “Pantone Connect”. Y eso es lo que vamos a usar ahora mismo. Entonces salgamos de todo esto. y para instalar “Pantone Connect” Tienes que ir a tu espacio de Creative Cloud, ir a “Marketplace” por aquí en la parte superior, “Marketplace”, “Managed Plugins”, y por aquí puedes ver “Pantone Connect”. Ya lo tengo instalado. Por lo que se puede ver que dice instalado. Pero si no, puedes instalarlo. Si tienes algún problema con esto, solo
puedes hacer una búsqueda con “Pantone Connect” y tu computadora o tu es sistema. Y debería ayudarte con eso. Entonces ahora me voy, a tener por aquí “Pantone Connect”, Y si no puedes, si no puedes ver esto, se va a abrir así. Puedes ir a “Ventana” > “Extensión” y seleccionar “Pantone Connect”. Ahí es donde van las extensiones. Entonces ahora tengo esta ventana por aquí, y se puede ver que estoy conectado a mi cuenta de Pantone. No te confundas. No tienes que acceder a tu cuenta de Adobe es una cuenta de Pantone. Puedes crear esto de forma gratuita. A partir de ahora, “Pantone Connect” es gratis. No sabemos cuándo, Pantone no ha dicho, pero en algún momento va a ser una cosa mensual, una cosa mensual. Entonces debes de ser algo dentro no sé cuánto, pero solo te voy a mostrar el potencial que esto tiene, puedas probarlo, y luego puedes tomar tu decisión sobre dónde invertir tu dinero. Por lo que ahora mismo estamos en esta ventana. Yo lo voy a mover por aquí, este panel. Y voy a ir a esta otra mesa de trabajo, donde tengo todos los colores que ya creé, un mi grupo aquí en mi grupo de color. Entonces como puedes ver, ya
tengo los números de color CMYK, el RGB y en este caso, ya
tengo éste hecho, el Pantone para este color y para éste también. Ahora vamos a ir a este color verdoso, este números CMYK y colores RGB. Los conseguí del recolector de color. Solo tienes que hacer doble clic aquí sobre el color. Y aquí se pueden ver los valores CMYK y el RGB. Estos son otro sistema de color. Y es este otro sistema de color que puede necesitar. Y este es el HEX, este número por aquí, las letras y números es el que usas muchas veces para un sitio web, usa estos números para seleccionar los colores. Entonces si estás creando un sitio web y quieres este verde, este es un número que necesitas copiar y pegar en el sitio web que estás creando. Entonces esa es la forma en que elijo esos dos. Entonces ahora voy a ir a Pantone y por aquí, Pantone Connect, y por aquí puedes ver un desplegable y aquí tienes todos los libros. Incluso tenemos ese sistema FHI, que falta de otra manera
en los libros a color dentro de Illustrator que ya no se actualiza. Para que puedas elegir cualquier sistema o, o reservar que estés usando. En este caso, voy a utilizar el “Pantone Formula Guide Coated” porque éste es el que tengo, el libro físico. Entonces voy a usar este. Voy a ir a estas opciones y voy a ir a RGB/COYK/HEX/LAB Voy a dar click ahí. Por lo que ahora he seleccionado mi verde y voy a dar clic en “Importar”. Como pueden ver, aquí tengo el color
verde. Voy a dar click en “Buscar”. Y yo tengo el primero es el mejor partido. Esto es un poco diferente el grande es el color que he seleccionado en mi mesa y la casita aquí es ese Pantone que es el mejor partido para ese color. Tienes diferentes alternativas a continuación. Puedes mover tu ventana y puedes seleccionar aquella que prefieras. Si quiero este porque creo que es el mejor. Puedo hacer click aquí y puedo hacer cosas diferentes. Por aquí tienes información sobre el RGB para este color. Te vas a notar que es un poco
diferente al que me mostró Illustrator por ejemplo, empecé con el que tiene el ilustrador empieza con 167. Y en este, el Pantone Connect Window dice 162. Bueno, eso tiene que ver porque recordar este Pantone es ligeramente diferente al que he seleccionado porque es el mejor partido. Por lo que sugiere cambiar este RGB, utilizar estos números RGB para estar más cerca de este verde, en Pantone. Por lo que tienes más información por aquí, y puedes hacer clic aquí en, “Añadir color a la muestra”. Y ahora tengo mi verde aquí en mis muelas. Por aquí a la derecha. Tengo mi verde en la versión Pantone. Entonces ahora solo puedo hacer doble clic aquí. Y sólo por este ejemplo, voy a apuntar “Pantone 456 C”, para recubierto. Porque este es el sistema que estamos usando. Por lo que ahora puedo hacer eso con este color crema claro y este azul. Y entonces esa es la forma en que puedo trabajar con ella. Ahora voy a cerrar esta ventana. Entonces una vez que tengas todos tus colores Pantone, que tengas agregar el a tus muestras, para cambiar tu mesa de trabajo a Pantone, solo
usas la “Herramienta de Selección Directa” por aquí a la izquierda o pulsa la letra “A” y yo voy a seleccionar el color salmón y voy a ir a “Seleccionar” > “Igual” > “Color de relleno”. Y ahora he seleccionado todos los colores idénticos a ese. Voy a ir a mis muescas. Y como puedes ver aquí, seleccionado, es el color salmón o color rosa que está en CMYK Así que ahora voy a dar clic sobre el color Pantone. Voy a dar click sobre. Y ahora todos esos colores cambian a la versión Pantone. Si ahora selecciono de nuevo esta porción, se
puede ver que está seleccionada la versión Pantone. Entonces esa es la forma en que vas a cambiar todos
tus colores de diseño. Aquí vamos a hacer esto claro, marrón
claro, vaya a “Seleccionar” > “Igual” > “Color de relleno”. Ahora tengo todo del mismo color seleccionado y lo voy a cambiar a Pantone. Y esa es la forma en que trabajas con Pantone Connect. Y esa es la forma en que puedes cambiar tu obra de arte a Pantone en caso de que la necesites. Y esa es la forma en que puedes crear una paleta de colores y tomar los números para RGB, CMYK, y Pantone. Entonces lo que debes hacer a continuación es comparar los colores que has seleccionado y tu obra de arte que tienes en Pantone y compararla con tu libro físico, por ejemplo, este color verdoso es el Pantone 456 C. I voy a usar mi libro físico y buscar ese color y echar un vistazo porque ese es el color real que se va a imprimir. A lo mejor tienes un buen monitor con calibración. Pero aún así es posible que veas alguna diferencia de brillo que tal vez quieras abordar hacia abajo. Entonces eso es lo que hay que hacer para compararlos, tal vez lado a lado con un monitor. Asegúrate de que el color que ves en el libro sea el color con el que estés contento. Y esa es la forma en que trabajas con Pantone en Illustrator. Funciona de manera similar en Photoshop e InDesign. Solo tienes que instalar el Pantone Connect una vez.
10. Gestión de color: En esta clase hemos aprendido sobre cómo
vemos los colores y la relación entre RGB y CMYK. También nos enteramos de Pantone. Ahora, debido a todas estas diferentes formas de trabajar con el color, solo
es natural que podamos meternos en problemas al trabajar de dispositivo a dispositivo. Y al traer al mundo físico algo que creamos digitalmente. Todos deseamos que haya una forma de
reproducir digitalmente lo que nuestros ojos son capaces de ver. Pero como vimos en la lección pasada, el modo de color RGB es diferente del modo de color CMYK y Pantone. Como diseñadores, uno de los problemas más frecuentes que enfrentamos es la consistencia del color entre dispositivos y medios. Por ejemplo, que el diseño creé en CMYK en mi MacBook Apple, el mismo
aspecto, cuando lo exporte como PNG en RGB, y lo envíe por correo electrónico a mi cliente quien lo verá mostrado en una tableta Samsung. O cuando esa misma obra de arte diseñada en CMYK, se cambia a Pantone para ser enviada a un proveedor de impresión. Eso es mucho, ¿verdad? ¿ Cómo mantenemos la consistencia del color? La realidad es que todos los dispositivos “ven” los colores de manera diferente. No todos “ven” los mismos colores más saturados. Esto se debe a que cada dispositivo tiene su propio espacio de color. Cada monitor tiene un espacio de color diferente. Esto es diferente del modo de color, RGB, o CMYK con el que elijo trabajar en Illustrator. Esto no tiene que hacerlo con un software. Tiene que ver con el hardware, el dispositivo. Los dispositivos más comunes, los espacios de
color son sRGB y Adobe RGB. Es posible que hayas notado que esas cualidades se
utilizan a veces como punto de venta en monitores o computadoras. Esta imagen representa un conjunto de colores visibles para el ser humano. Y lo que un dispositivo puede reproducir. El más conocido es el sRGB. Casi todos los monitores en el mercado son sRGB. Pero probablemente hayas oído hablar de Adobe RGB. Esto significa que puede mostrar más colores, especialmente en la zona azul verde. Entonces como te puedes imaginar, es una buena idea trabajar dentro del monitor Adobe RGB porque podrás ver más colores. Aún así, esto no resuelve todos nuestros problemas de consistencia de color. Cómo trabajamos con el tema se conoce como “Gestión del color”. El propósito del manejo del color es en resumen, mantener los mismos colores percibidos por el ojo de un dispositivo a otro. Podemos tener una buena gestión del color con estos tres: herramientas de calibración, perfiles
ICC y motores de conversión. Hablemos de estos. Una herramienta de calibración de monitor es un dispositivo que coloca encima de su monitor y mide los colores en su pantalla y lo
ajusta para que sea más preciso a lo que se imprimirá. Hay muchas marcas por ahí. Pero como simple investigación por “monitor herramienta de calibración” le mostrará información sobre las marcas más confiables, costos y beneficios. La segunda recomendación para tener un buen manejo del color es utilizar perfiles ICC. Un perfil\ ICC es un archivo especial que muestra los colores verdaderos de un archivo. Incluso si no tienes una calibración de monitor, dispositivo, tu computadora, tu impresora, tu escáner, todos
tienen un perfil ICC. Por lo que siempre que un programa como Illustrator te ofrezca la opción de incluir los perfiles ICC, hazlo. El perfil del ICC es el encargado de la traducción. Por ejemplo, te
dice impresora cómo se supone que muestre
los colores que elegiste al diseñar en Illustrator. El mejor ejemplo para explicar esto, leí de Arnaud Frich. Dice, encontrarás un billete de 100 algo en el piso. Es una moneda desconocida para ti. Por lo que obviamente no puedes usarlo en tus tiendas favoritas. Por lo tanto, habrá que hacer dos cosas: Primero, hay que averiguar de qué país viene para darle un valor “universal”, entonces debes convertirlo a tu moneda, en mi caso “dólares”. Esta secuencia “darle un valor” luego “convertir” se le llama en la gestión del color “asignación” luego “conversión”. Eso es lo que hacen los perfiles del ICC. Asignan y convierten colores. La tercera y última recomendación para tener un buen manejo del color es utilizar motores de conversión. Y eso tiene que ver con trabajar con las preferencias de tus programas de Adobe. Sumergirse en ajustar los perfiles de color y asegurándose de que todo se comunique de la manera correcta. Esto puede ser diferente de país a país y de proveedor de impresoras a proveedor de impresoras. He tenido proveedores de impresoras enviarme archivos PDF
específicos sobre cómo configurar mis preferencias de ilustrador para su necesidad específica. El hecho es que todos los colores que tu dispositivo no puede mostrar, serán reemplazados por otro que se pueda mostrar. La administración del color no cambiará mágicamente tu monitor. Le ayudará a hacer esos cambios una
manera que tenga sentido y preservar la imagen original. Además, el manejo del color puede ser algo costoso de lograr. También es un tema complicado. Cada una de las cosas que hablé brevemente son temas más profundos. Entonces, ¿cómo puedo, como solopreneur, dueño de un pequeño negocio, asegurarme de que mis colores sean consistentes. Estas son algunas recomendaciones: Si tu diseño vivirá en el mundo digital, diseñalos en RGB desde el principio, tendrás una mayor variedad de gama de colores para elegir. Si se imprimirá tu diseño. diseñarlos en CMYK desde el principio. Si trabaja con Pantone, asegúrese de utilizar la guía adecuada del producto final, ya sea para el “Sistema Gráfico” o para el “Sistema Interior de Moda, Hogar”. En este punto, es una buena práctica invertir en el libro físico. De esta forma, puedes asegurarte de que no importa lo que muestre tu monitor, estás eligiendo el color correcto porque lo estás mirando en el libro. Siempre, siempre, siempre, pedir una prueba antes de hacer todo el pedido. Esta es la mejor manera de asegurar que los colores sean correctos. Puede hacerlo si está trabajando con nuestra impresora local o con un sitio de impresión bajo demanda. Muchos sitios de impresión bajo demanda ofrecen muestras por un precio razonable. Tengo muestras de pedido de “Spoonflower”, “Printfull”, “Blurb” y muchos otros. Al imprimir, siempre pregunte a tu proveedor de impresoras o director de
arte, por unas especificaciones sobre cómo configurar tu documento. Cosas como formato de color, formato de archivo, o cualquier otra cosa específica que debas hacer para administrar el color dentro de tu computadora. Créeme, los proveedores me han enviado PDF con instrucciones
específicas sobre cómo quieren documentar para ser configurados. Eso hace que todo sea mucho más fácil. No tengas miedo de preguntar. No se muestra como debilidad, sino como fuerza. Te muestra como alguien que sabe cómo el color puede ser complicado y está dispuesto y capaz de hacerlo funcionar. Al comprar una computadora o monitor, seleccione la que muestre más colores dentro de su rango de precios. Trata de apuntar siempre a Adobe RGB. monitores. color en general, es algo sensible para trabajar, pero con las habilidades aprendidas en esta clase y estas recomendaciones, puedes hacer que funcione.
11. Reflexiones finales: Hemos aprendido mucho en esta clase. Aprendimos sobre terminologías de color como tonalidad, saturación, valor, y sobre tinte, tono y sombra; y cómo se relacionan entre sí y obtener ayuda para crear mejores paletas de colores. Aprendimos sobre la luz, RGB y CMYK. Entendimos la relación entre RGB y CMYK. Y por qué es que RGB se pretende utilizar en pantallas digitales y CMYK para impresión. Por último, nos enteramos de Pantone. Entendimos cómo usar Pantone y cómo encontrar los valores correctos en RGB,
CMYK, y Pantone a nuestra paleta de colores. Me tomó años entender por fin todo esto. Esta clase está disponible para ti siempre que necesites para volver atrás y refrescar esta información. También, recuerda visitar la
sección “Proyectos y Recursos” para descargar el PDF con aspectos destacados de la clase. Para que puedas acceder a ella cuando lo necesites. Y también sube tu proyecto. Me encantaría ver tu selección de paletas de colores en la sección de proyectos. Deseo que sea fuente de inspiración para todo alumno que tome esta clase. Te invito a echar un vistazo a mis otras clases aquí Skillshare: “Formatos de archivo” donde enseño cuándo usar JPG, PNG, TIFF, PDF, EPS y SVG. Tema muy relacionado con esta clase cuando se trabaja a nivel profesional. Y mi otra clase “Diseño para No Diseñadores” donde doy consejos procesables sobre cómo crear un diseño gráfico funcional y atractivo. Trabajamos específicamente con color, fuentes e imágenes. De verdad espero haberte ayudado a aprender algo nuevo y útil. Por favor deje una reseña si sí lo vio en la siguiente.
Nayda Cruz, Editorial Designer
