{"id":2509,"date":"2023-08-09T16:20:49","date_gmt":"2023-08-09T19:20:49","guid":{"rendered":"https:\/\/criativa.art\/es\/?p=2509"},"modified":"2023-08-09T16:28:14","modified_gmt":"2023-08-09T19:28:14","slug":"como-usar-contraste-de-luminosidad-entre-colores","status":"publish","type":"post","link":"https:\/\/criativa.art\/es\/como-usar-contraste-de-luminosidad-entre-colores\/","title":{"rendered":"\u00bfC\u00f3mo usar el contraste de luminosidad entre colores para crear dise\u00f1os m\u00e1s atractivos?"},"content":{"rendered":"\n<p>El contraste de color es un elemento fundamental del lenguaje visual y puede influir en c\u00f3mo percibimos las im\u00e1genes. Es una herramienta poderosa para hacer que tus dise\u00f1os e ilustraciones sean m\u00e1s atractivos e impactantes. En este art\u00edculo, exploraremos c\u00f3mo el contraste de luminosidad entre colores afecta la din\u00e1mica del dise\u00f1o o la ilustraci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"480\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Portada-del-post-Como-utilizar-el-contraste-de-brillo-de-color-para-crear-disenos-mas-atractivos.png\" alt=\"Portada del art\u00edculo: C\u00f3mo utilizar el contraste de luminosidad entre colores para crear dise\u00f1os m\u00e1s atractivos, mostrando el contraste de brillo en el color azul.\" class=\"wp-image-2512\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Portada-del-post-Como-utilizar-el-contraste-de-brillo-de-color-para-crear-disenos-mas-atractivos.png 771w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Portada-del-post-Como-utilizar-el-contraste-de-brillo-de-color-para-crear-disenos-mas-atractivos-300x187.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Portada-del-post-Como-utilizar-el-contraste-de-brillo-de-color-para-crear-disenos-mas-atractivos-768x478.png 768w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es el contraste de luminosidad entre colores?<\/h2>\n\n\n\n<p>El contraste de luminosidad entre colores es la diferencia entre el brillo de uno o m\u00e1s colores. En otras palabras, es la distinci\u00f3n entre la claridad y oscuridad de un color en comparaci\u00f3n con otros. Cuanto mayor sea el contraste de luminosidad, m\u00e1s f\u00e1cil ser\u00e1 distinguir los diferentes colores presentes.<\/p>\n\n\n\n<p>El contraste de luminosidad es crucial en el dise\u00f1o gr\u00e1fico, ya que afecta la legibilidad y la apariencia general. Un alto contraste facilita la lectura del texto, mientras que un contraste bajo la dificulta.<\/p>\n\n\n\n<p>En las ilustraciones, esto tambi\u00e9n ocurre. Un alto contraste de luminosidad proporciona una din\u00e1mica vibrante, mientras que un contraste bajo crea suavidad y sutileza. Si usar o no un alto contraste es una elecci\u00f3n art\u00edstica que depende del mensaje y la sensaci\u00f3n que el ilustrador quiera transmitir.<\/p>\n\n\n\n<p>Dominar el contraste de luminosidad entre colores nos permite tomar decisiones conscientes y mejores al seleccionar una paleta de colores. Con este dominio, podemos crear ilustraciones y dise\u00f1os de mayor calidad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El papel del contraste de luminosidad en la armon\u00eda del color<\/h2>\n\n\n\n<p>Piensa en la siguiente situaci\u00f3n. Has elegido una hermosa paleta de colores. Investigaste, probaste y experimentaste. Luego, llegaste a un <strong>conjunto final de colores<\/strong> que aparentemente encajan perfectamente con el dise\u00f1o o la ilustraci\u00f3n que creaste.<\/p>\n\n\n\n<p>Sin embargo, al utilizar estos colores de la paleta en tu proyecto, la paleta no parece ser favorable. Independientemente del estilo de la ilustraci\u00f3n, el dise\u00f1o, el trazo o el tema, el uso de esta paleta parece necesitar un poco m\u00e1s de din\u00e1mica y vida.<\/p>\n\n\n\n<p>\u00bfHas experimentado esta situaci\u00f3n antes?<\/p>\n\n\n\n<p>Si te identificas con este escenario, es posible que est\u00e9s pasando por alto un detalle que marcar\u00e1 toda la diferencia: <strong>el contraste de luminosidad entre colores.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Contraste Simult\u00e1neo: \u00bfC\u00f3mo Percibimos los Colores?<\/h2>\n\n\n\n<p>Los colores son una sensaci\u00f3n producida en el cerebro cuando la luz incide sobre un objeto y se refleja en una longitud de onda espec\u00edfica.<\/p>\n\n\n\n<p>La longitud de onda de la luz reflejada por el objeto llega a nuestros ojos y forma un color dentro del espectro visible de la visi\u00f3n humana.<\/p>\n\n\n\n<p>La longitud de onda es la misma. El color es el mismo. Sin embargo, nuestro cerebro no siempre lo interpreta de esa manera. Este hecho es lo que llamamos Contraste Simult\u00e1neo.<\/p>\n\n\n\n<p>El Contraste Simult\u00e1neo es un fen\u00f3meno visual que ocurre cuando percibimos dos colores adyacentes como m\u00e1s o menos brillantes de lo que son en realidad. Este evento sucede porque los colores circundantes influyen en nuestra percepci\u00f3n de la luminosidad de un color.<\/p>\n\n\n\n<p>El color puede parecer diferente de lo que es, dependiendo del contexto.<\/p>\n\n\n\n<p>Esta <strong>caracter\u00edstica de la teor\u00eda del color<\/strong> es beneficiosa para ilustradores, dise\u00f1adores y artistas visuales.<\/p>\n\n\n\n<p>As\u00ed, la percepci\u00f3n de un color cambia seg\u00fan los otros colores que interact\u00faan con \u00e9l.<\/p>\n\n\n\n<p>Mira la imagen de abajo. Hay dos c\u00edrculos en cuadrados de diferentes colores. \u00bfQu\u00e9 c\u00edrculo tiene el color m\u00e1s claro? \u00bfEs el c\u00edrculo en el cuadrado rosa o en el cuadrado violeta?<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"287\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion-del-color_azul_rosa.jpg\" alt=\"Comparaci\u00f3n de un color con diferentes colores de fondo. Ilusi\u00f3n \u00f3ptica.\" class=\"wp-image-2514\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion-del-color_azul_rosa.jpg 574w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion-del-color_azul_rosa-300x150.jpg 300w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/figure>\n\n\n\n<p>Son el mismo color.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"287\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion-del-color-rosa-blanco.jpg\" alt=\"Mismo color con el mismo fondo\" class=\"wp-image-2515\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion-del-color-rosa-blanco.jpg 574w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion-del-color-rosa-blanco-300x150.jpg 300w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/figure>\n\n\n\n<p>El color de fondo nos da la sensaci\u00f3n de que un c\u00edrculo tiene un color m\u00e1s claro que el otro.<\/p>\n\n\n\n<p>Nuestra percepci\u00f3n de un color cambia seg\u00fan los colores que lo rodean.<\/p>\n\n\n\n<p>Ahora mira este otro ejemplo:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"287\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion.jpg\" alt=\"Dos c\u00edrculos del mismo color en dos cuadrados de distinto color.\" class=\"wp-image-2516\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion.jpg 574w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilusion-de-la-optica-percepcion-300x150.jpg 300w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/figure>\n\n\n\n<p>S\u00ed, los colores de los c\u00edrculos son los mismos. \u00bfPero cu\u00e1l resalta m\u00e1s? \u00bfCu\u00e1l es m\u00e1s visible?<\/p>\n\n\n\n<p>Creo que, para la mayor\u00eda de las personas, el c\u00edrculo de la izquierda resalta m\u00e1s. Es m\u00e1s f\u00e1cil percibirlo en medio del color de fondo que el c\u00edrculo de la derecha, \u00bfverdad?<\/p>\n\n\n\n<p>El conjunto de la izquierda es m\u00e1s agradable a la vista. No requiere tanto esfuerzo de nuestro cerebro diferenciar los colores. Porque la luminosidad del color de fondo es muy diferente de la luminosidad del color del c\u00edrculo.<\/p>\n\n\n\n<p>El contraste entre &#8220;claro&#8221; y &#8220;oscuro&#8221; en el conjunto de la izquierda es mejor que en el de la derecha.<\/p>\n\n\n\n<p><strong>Imagina en una ilustraci\u00f3n o dise\u00f1o.<\/strong> Si hay partes de la obra donde estos dos colores interact\u00faan, \u00bfcu\u00e1l destacar\u00eda m\u00e1s? \u00bfQu\u00e9 c\u00edrculo coloreado enfatizar\u00eda m\u00e1s dentro del proyecto gr\u00e1fico?<\/p>\n\n\n\n<p><strong>El contraste simult\u00e1neo altera nuestra percepci\u00f3n del color bas\u00e1ndose en los colores circundantes, y la diferencia de luminosidad entre ellos es una forma en que experimentamos esta sensaci\u00f3n.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Brillo y Valor de los Colores<\/h2>\n\n\n\n<p>Si has utilizado software como Adobe Illustrator, Photoshop o cualquier otro que incluya la funci\u00f3n <em>&#8220;Brightness<\/em>&#8221; o &#8220;Brillo&#8221; en su configuraci\u00f3n de color, probablemente ya comprendas c\u00f3mo esta funci\u00f3n puede alterar el color.<\/p>\n\n\n\n<p><strong>Nota: Cuando hablamos de brillo en este caso espec\u00edfico, nos referimos a la luz emitida por el monitor.<\/strong><\/p>\n\n\n\n<p>Los colores del monitor normalmente utilizan el <strong>modelo RGB<\/strong>. Este modelo emplea rojo, verde y azul para crear todos los dem\u00e1s colores, y la intensidad del <strong>brillo<\/strong> emitido define la claridad y la oscuridad.<\/p>\n\n\n\n<p>El <strong>valor de un color<\/strong> en programas de edici\u00f3n de im\u00e1genes es la escala de blanco y negro que posee ese color.<\/p>\n\n\n\n<p>En la escala de valores a continuaci\u00f3n, el 0 (cero) es el valor para el negro total y el 100 para el blanco. Los valores intermedios producen diferentes tonos de gris. Cuanto mayor sea el valor, m\u00e1s clara ser\u00e1 la coloraci\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"244\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valor-1024x244.png\" alt=\"Escala de valores entre blanco y negro.\" class=\"wp-image-2517\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valor-1024x244.png 1024w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valor-300x71.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valor-768x183.png 768w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valor.png 1315w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>La escala de valor ajusta el brillo del color. Un color se ver\u00e1 m\u00e1s &#8220;brillante&#8221; o tendr\u00e1 m\u00e1s &#8220;luminosidad&#8221; cuanto m\u00e1s alto sea su valor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"406\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valores-de-color-azul-1024x406.png\" alt=\"Escala de valor claro-oscuro. Valor aplicado al color azul.\" class=\"wp-image-2518\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valores-de-color-azul-1024x406.png 1024w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valores-de-color-azul-300x119.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valores-de-color-azul-768x305.png 768w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-valores-de-color-azul.png 1314w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">El valor del color cambia su contraste de luminosidad.<\/h3>\n\n\n\n<p><br>Volviendo al ejemplo de los c\u00edrculos y cuadrados verdes. Utilizando el panel <strong>HSB de Illustrator<\/strong>, observemos la diferencia en brillo (valor) entre los dos conjuntos:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"184\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/brillo-valor-alto-contraste.jpg\" alt=\"Hay un c\u00edrculo de color verde sobre un cuadrado de color verde. El color verde del c\u00edrculo es m\u00e1s oscuro que el del cuadrado de fondo. Esta diferencia de brillo o valor se muestra en el panel de color del software Adobe Illustrator.\" class=\"wp-image-2519\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/brillo-valor-alto-contraste.jpg 597w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/brillo-valor-alto-contraste-300x92.jpg 300w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/figure>\n\n\n\n<p>En el ejemplo anterior, el brillo (valor) del cuadrado es del 100%, mientras que el del c\u00edrculo es del 67.84%.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"184\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/brillo-valor-bajo-contraste.jpg\" alt=\"Hay un c\u00edrculo de color verde sobre un cuadrado de color verde. El color verde del c\u00edrculo es m\u00e1s oscuro que el del cuadrado de fondo. Esta diferencia de brillo o valor se muestra en el panel de color del software Adobe Illustrator.\" class=\"wp-image-2520\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/brillo-valor-bajo-contraste.jpg 600w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/brillo-valor-bajo-contraste-300x92.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>En este segundo ejemplo, el brillo del cuadrado es del 78.82%, y los c\u00edrculos siguen en 67.84%.<\/p>\n\n\n\n<p>El <strong>contraste entre el brillo<\/strong> del cuadrado y el del c\u00edrculo es m\u00e1s pronunciado en el primer ejemplo en comparaci\u00f3n con el segundo. Este hecho conduce a un efecto de <strong>mayor contraste<\/strong>. Aparentemente, el c\u00edrculo contiene m\u00e1s \u201ccolor negro\u201d que el cuadrado.<\/p>\n\n\n\n<p>En la escala de valores a continuaci\u00f3n, el 0 (cero) es el valor para el negro puro, y el 100 representa el blanco. Los valores intermedios producen diferentes tonos de gris. Cuanto mayor sea el valor, m\u00e1s claro aparecer\u00e1 el color.<\/p>\n\n\n\n<p>La escala de valores ajusta el brillo del color. Un color ser\u00e1 \u201cm\u00e1s brillante\u201d o tendr\u00e1 m\u00e1s &#8220;luminosidad&#8221; cuanto mayor sea el valor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo puedo ajustar el valor del color en Illustrator y Photoshop?<\/h2>\n\n\n\n<p>Si deseas cambiar el brillo de los colores en los programas Illustrator y Photoshop, sigue este breve y r\u00e1pido tutorial:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiando el valor del color en Illustrator<\/h3>\n\n\n\n<p>Para acceder al panel HSB en Illustrator, ve a <strong><em>Window > Colo<\/em><\/strong>r o usa el <strong>atajo F6<\/strong>. Se abrir\u00e1 la ventana de <strong><em>Color<\/em><\/strong>. Haz clic en el icono con tres guiones en la parte superior izquierda del panel y elige la opci\u00f3n <strong>HSB<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"578\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-illustrator.jpg\" alt=\"Ruta del software Illustrator para acceder al panel de color y a la opci\u00f3n HSB.\" class=\"wp-image-2521\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-illustrator.jpg 771w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-illustrator-300x225.jpg 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-illustrator-768x576.jpg 768w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cambiando el valor del color en Photoshop<\/h3>\n\n\n\n<p>Ve al men\u00fa <strong><em>Window > Color<\/em><\/strong> o utiliza el <strong>atajo F6<\/strong>. Se abrir\u00e1 la ventana de <strong><em>Color<\/em><\/strong>. Haz clic en los tres guiones en la parte superior izquierda del panel y selecciona la opci\u00f3n de control <strong>HSB<\/strong> <strong>Sliders<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1007\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-photoshop-1024x1007.jpg\" alt=\"Ruta, en el software Photoshop, para acceder al panel de color y la opci\u00f3n HSB.\" class=\"wp-image-2522\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-photoshop-1024x1007.jpg 1024w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-photoshop-300x295.jpg 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-photoshop-768x755.jpg 768w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/HSB-photoshop.jpg 1037w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo s\u00e9 si el contraste de luminosidad entre colores es bueno?<\/h2>\n\n\n\n<p>Eche un vistazo a las dos ilustraciones a continuaci\u00f3n. \u00bfCu\u00e1l tiene una mejor elecci\u00f3n de colores?<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilustracion-color.jpg\" alt=\"Ilustraci\u00f3n de un hombre cocinando con diferentes contrastes de color\" class=\"wp-image-2523\"\/><\/figure>\n\n\n\n<p>Si eliges la imagen de la derecha, se debe precisamente al <strong>contraste de luminosidad entre colores<\/strong>.<\/p>\n\n\n\n<p>El contraste de brillo de los colores es mayor en la segunda imagen, por lo que la percepci\u00f3n de un color es m\u00e1s destacada en el conjunto.<\/p>\n\n\n\n<p>Por otro lado, la segunda imagen parece m\u00e1s apagada, menos vibrante y menos din\u00e1mica.<\/p>\n\n\n\n<p>Este evento ocurre porque los niveles de brillo de los colores son muy cercanos.<\/p>\n\n\n\n<p><strong>Es importante se\u00f1alar que no hay reglas en el arte. No hay reglas en la creaci\u00f3n. La decisi\u00f3n de crear un mayor contraste de luminosidad entre colores depende de la sensaci\u00f3n que deseas evocar en las personas. La diferencia es que ahora estas elecciones ser\u00e1n conscientes, \u00bfverdad?<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prueba de contraste de colores<\/h3>\n\n\n\n<p>Ya hemos visto que un aspecto del contraste de luminosidad entre colores radica en la diferencia entre <strong>&#8220;claro&#8221;<\/strong> y <strong>&#8220;oscuro&#8221;<\/strong> entre ellos.<\/p>\n\n\n\n<p>Por lo tanto, observar la imagen en <strong>blanco y negro<\/strong> nos dar\u00e1 una <strong>mejor idea<\/strong> de las diferencias en los valores de color.<\/p>\n\n\n\n<p>Observa la diferencia entre las dos ilustraciones cuando las convertimos en blanco y negro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/ilustracion-color-negro-y-blanco.jpg\" alt=\"Ilustraci\u00f3n en blanco y negro de un hombre cocinando con diferentes contrastes\" class=\"wp-image-2524\"\/><\/figure>\n\n\n\n<p>La <strong>escala de grises<\/strong> en la imagen de la derecha es m\u00e1s amplio.<\/p>\n\n\n\n<p>La imagen de la izquierda tiene tonos de gris muy cercanos. Los colores son m\u00e1s mon\u00f3tonos, apagados y menos vibrantes.<\/p>\n\n\n\n<p>Aprende a convertir la imagen en blanco y negro en Illustrator y Photoshop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cambia la imagen a blanco y negro en Illustrator.<\/h3>\n\n\n\n<p>Haz clic en la herramienta <strong>&#8220;Rect\u00e1ngulo&#8221; (<em>Rectangle\u00a0Tool<\/em>)<\/strong> o usa la tecla de acceso directo <strong>M<\/strong>. Crea un cuadrado negro (#000000) sobre la ilustraci\u00f3n.<\/p>\n\n\n\n<p>Ve al men\u00fa <strong><em>Window > Transparency<\/em><\/strong> para abrir la ventana de <strong>transparencia<\/strong>.<\/p>\n\n\n\n<p>Con el cuadrado negro seleccionado, elige el modo de mezcla <strong><em>\u201cSaturation\u201d<\/em><\/strong> en la ventana de transparencia reci\u00e9n abierta.<\/p>\n\n\n\n<p>La ilustraci\u00f3n se volver\u00e1 blanco y negro. El cuadrado negro con el <strong>modo de mezcla<\/strong> aplicado act\u00faa como un filtro sobre la imagen.<\/p>\n\n\n\n<p>La ventaja de este m\u00e9todo es que puedes eliminar el cuadrado de la ilustraci\u00f3n y a\u00fan tener la opci\u00f3n de ver la imagen en color debajo de \u00e9l.<\/p>\n\n\n\n<p>De esta manera, puedes hacer ajustes y volver a colocar el cuadrado sobre el dibujo para restaurar la imagen en blanco y negro.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\"  id=\"_ytid_95353\"  width=\"800\" height=\"450\"  data-origwidth=\"800\" data-origheight=\"450\" src=\"https:\/\/www.youtube.com\/embed\/PqzCzNkPBIE?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=0&#038;fs=1&#038;playsinline=0&#038;controls=1&#038;color=red&#038;cc_lang_pref=&#038;rel=1&#038;autohide=2&#038;theme=dark&#038;\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cambia la imagen a blanco y negro en Photoshop.<\/h3>\n\n\n\n<p>Con tu dibujo en una capa de Photoshop, ve al men\u00fa <strong><em>Layer > New Adjustment Layer > Hue\/Saturation<\/em><\/strong>.<\/p>\n\n\n\n<p>Aparecer\u00e1 la ventana <strong><em>\u201cNew Layer\u201d<\/em><\/strong> en la que generaremos una <strong>capa de ajuste<\/strong> que afecta a la capa que contiene la ilustraci\u00f3n. Puedes asignar un nombre a la nueva capa en esta ventana y hacer clic en <strong>&#8220;OK&#8221;<\/strong>.<\/p>\n\n\n\n<p>Aparecer\u00e1 una ventana de <strong><em>\u201cProperties\u201d<\/em><\/strong>. Ve a <strong><em>\u201cSaturation\u201d<\/em><\/strong> para cambiar la saturaci\u00f3n de la capa. Desliza el cursor hacia la izquierda. Ver\u00e1s c\u00f3mo tu dibujo pierde saturaci\u00f3n y se vuelve blanco y negro.<\/p>\n\n\n\n<p>De esta manera, puedes desactivar la capa de ajuste (usando el icono del &#8220;ojo&#8221; en el lado izquierdo de la capa) y ver la ilustraci\u00f3n en color para hacer ajustes potenciales.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\"  id=\"_ytid_59397\"  width=\"800\" height=\"450\"  data-origwidth=\"800\" data-origheight=\"450\" src=\"https:\/\/www.youtube.com\/embed\/wtDb_5XCiWk?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=0&#038;fs=1&#038;playsinline=0&#038;controls=1&#038;color=red&#038;cc_lang_pref=&#038;rel=1&#038;autohide=2&#038;theme=dark&#038;\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Convertir im\u00e1genes a blanco y negro en sitios web en l\u00ednea.<\/h3>\n\n\n\n<p>Si no dispones de ninguno de los programas o deseas algo m\u00e1s r\u00e1pido, puedes utilizar herramientas en l\u00ednea que realizan esta conversi\u00f3n de forma gratuita.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.luxa.org\/image\/desaturate\" target=\"_blank\" rel=\"noopener\">Luxa.org<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.resizepixel.com\/convert-image-to-black-white\" data-type=\"link\" data-id=\"https:\/\/www.resizepixel.com\/convert-image-to-black-white\" target=\"_blank\" rel=\"noopener\">ResizePixel<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">El contraste de luminosidad mejora la legibilidad de un dise\u00f1o<\/h2>\n\n\n\n<p>Cuando leemos un texto, necesitamos un alto contraste entre el fondo y el texto escrito. Cuanto mayor sea el contraste de luminosidad, m\u00e1s legibles ser\u00e1n las palabras.<\/p>\n\n\n\n<p>Al considerar un dise\u00f1o gr\u00e1fico con texto, ten en cuenta este contraste. Una diferencia significativa en brillo entre el fondo y el texto es necesaria para evitar que el lector tenga dificultades y para comunicar el mensaje del proyecto.<\/p>\n\n\n\n<p>El sitio web de Adobe Color proporciona una herramienta para <a href=\"https:\/\/color.adobe.com\/es\/create\/color-contrast-analyzer\" data-type=\"link\" data-id=\"https:\/\/color.adobe.com\/pt\/create\/color-contrast-analyzer\" target=\"_blank\" rel=\"noopener\">verificar el contraste<\/a> entre el fondo y el texto.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"674\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/contraste-colores_legibilidad.jpg\" alt=\"Impresi\u00f3n de la herramienta para comprobar el contraste entre el texto y el fondo del sitio web Adobe Colour. Muestra dos ejemplos, el primero con un buen contraste y el segundo con un contraste de color deficiente.\" class=\"wp-image-2525\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/contraste-colores_legibilidad.jpg 771w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/contraste-colores_legibilidad-300x262.jpg 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/contraste-colores_legibilidad-768x671.jpg 768w\" sizes=\"auto, (max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<p>La legibilidad de un texto no se limita solo al contraste de luminosidad para determinar si es legible o no. Como se mencion\u00f3 anteriormente, el contraste simult\u00e1neo entre colores influye en c\u00f3mo percibimos un color. Y esa percepci\u00f3n depende de los otros colores que lo rodean.<\/p>\n\n\n\n<p>Algunos colores, como los complementarios, pueden dar lugar a una baja legibilidad, incluso con un alto contraste de brillo. Por lo tanto, es recomendable probar todos estos aspectos. Las herramientas en l\u00ednea, como las de Adobe, nos ayudan en esta tarea.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">El poder del contraste de luminosidad entre colores en ilustraciones<\/h2>\n\n\n\n<p>Hemos explorado el concepto de colores contrastantes basados en su luminosidad. Ahora, adentr\u00e9monos en algunos ejemplos que muestran las posibilidades creativas alcanzables con estos contrastes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Contraste de luminancia entre colores para crear luz<\/h3>\n\n\n\n<p>Como su nombre indica, el contraste de luminancia est\u00e1 relacionado con la luz. Por lo tanto, se convierte en una herramienta ideal para crear una sensaci\u00f3n de luz en las ilustraciones.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"846\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Cyril-Rolando.jpg\" alt=\"Ilustraci\u00f3n de Cyril Rolando\" class=\"wp-image-2526\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Cyril-Rolando.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Cyril-Rolando-200x300.jpg 200w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.behance.net\/aquasixio\" target=\"_blank\" rel=\"noopener\">Artista: Cyril Rolando<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"898\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/alariko.jpg\" alt=\"Ilustraci\u00f3n de Alariko\" class=\"wp-image-2527\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/alariko.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/alariko-188x300.jpg 188w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.instagram.com\/_alariko\/\" target=\"_blank\" rel=\"noopener\">Artista: Alariko<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"837\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/malika-favre.jpg\" alt=\"Ilustraci\u00f3n de Malika Favre\" class=\"wp-image-2528\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/malika-favre.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/malika-favre-202x300.jpg 202w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.instagram.com\/malikafavre\/\" target=\"_blank\" rel=\"noopener\">Artista: Malika Favre<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"697\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Paul-Blow.jpg\" alt=\"Ilustraci\u00f3n de Paul Blow\" class=\"wp-image-2529\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Paul-Blow.jpg 563w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Paul-Blow-242x300.jpg 242w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.instagram.com\/paulyblow\/\" target=\"_blank\" rel=\"noopener\">Artista: Paul Blow<\/a><\/figcaption><\/figure>\n\n\n\n<p>Al desaturar (convertir en blanco y negro) las im\u00e1genes de arriba, podemos percibir mejor la diferencia en luminancia.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"846\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Cyril-Rolando.jpg\" alt=\"Ilustraci\u00f3n de Cyril Rolando desaturada.\" class=\"wp-image-2530\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Cyril-Rolando.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Cyril-Rolando-200x300.jpg 200w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"898\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_alariko.jpg\" alt=\"Ilustraci\u00f3n de Alariko desaturada.\" class=\"wp-image-2531\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_alariko.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_alariko-188x300.jpg 188w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"837\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_malika-favre.jpg\" alt=\"Ilustraci\u00f3n de Malika Favre desaturada.\" class=\"wp-image-2532\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_malika-favre.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_malika-favre-202x300.jpg 202w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"697\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Paul-Blow.jpg\" alt=\"Ilustraci\u00f3n de Paul Blow desaturada.\" class=\"wp-image-2533\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Paul-Blow.jpg 563w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Paul-Blow-242x300.jpg 242w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Tambi\u00e9n podemos usar un contraste de luminosidad menor.<\/h4>\n\n\n\n<p>No existen reglas estrictas en la creaci\u00f3n art\u00edstica. Todo depende del mensaje y la sensaci\u00f3n que el artista intenta transmitir. <\/p>\n\n\n\n<p>La ilustraci\u00f3n a continuaci\u00f3n no exhibe un contraste de luminosidad tan pronunciado como las anteriores. Sin embargo, combinado con el uso de colores an\u00e1logos, el contraste bajo funciona eficazmente para transmitir una sensaci\u00f3n de calma y coherencia.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"798\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Jeff-Ostberg.jpg\" alt=\"Ilustraci\u00f3n de Jeff \u00d6stberg\" class=\"wp-image-2535\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Jeff-Ostberg.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/Jeff-Ostberg-212x300.jpg 212w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.behance.net\/jeffostbercb4f\" target=\"_blank\" rel=\"noopener\">Artista: Jeff \u00d6stberg<\/a><\/figcaption><\/figure>\n\n\n\n<p>Observa la versi\u00f3n en blanco y negro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"798\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Jeff-Ostberg.jpg\" alt=\"Ilustraci\u00f3n de Jeff \u00d6stberg desaturada.\" class=\"wp-image-2536\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Jeff-Ostberg.jpg 564w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/desaturado_Jeff-Ostberg-212x300.jpg 212w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Comparaci\u00f3n de rangos de grises<\/h4>\n\n\n\n<p>El sitio web <a href=\"https:\/\/labs.tineye.com\/color\/\" data-type=\"link\" data-id=\"https:\/\/labs.tineye.com\/color\/\" target=\"_blank\" rel=\"noopener\">TinyEye Labs<\/a> ofrece una herramienta para extraer paletas de colores de im\u00e1genes. Lo intrigante de este sitio es su capacidad para mapear colores y presentar el porcentaje de presencia de cada color. Podemos aplicar esta misma l\u00f3gica a fotos en blanco y negro para comprender los niveles de grises presentes.<\/p>\n\n\n\n<p>Observa los resultados para todas las ilustraciones mostradas arriba:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"643\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Cyril-Rolando.png\" alt=\"Escalas de grises de la ilustraci\u00f3n.\" class=\"wp-image-2538\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Cyril-Rolando.png 974w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Cyril-Rolando-300x198.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Cyril-Rolando-768x507.png 768w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"973\" height=\"645\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_alariko.png\" alt=\"Escalas de grises de la ilustraci\u00f3n.\" class=\"wp-image-2537\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_alariko.png 973w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_alariko-300x199.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_alariko-768x509.png 768w\" sizes=\"auto, (max-width: 973px) 100vw, 973px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"640\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Malika_Favre.png\" alt=\"Escalas de grises de la ilustraci\u00f3n.\" class=\"wp-image-2540\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Malika_Favre.png 974w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Malika_Favre-300x197.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Malika_Favre-768x505.png 768w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"974\" height=\"642\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Paul_Blow.png\" alt=\"Escalas de grises de la ilustraci\u00f3n.\" class=\"wp-image-2541\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Paul_Blow.png 974w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Paul_Blow-300x198.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Paul_Blow-768x506.png 768w\" sizes=\"auto, (max-width: 974px) 100vw, 974px\" \/><\/figure>\n\n\n\n<p>F\u00edjate en la diferencia de contraste entre los grises de una ilustraci\u00f3n con un contraste de luminancia m\u00e1s bajo que las otras im\u00e1genes.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"973\" height=\"642\" src=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Jeff_Ostberg.png\" alt=\"Escalas de grises de la ilustraci\u00f3n.\" class=\"wp-image-2539\" srcset=\"https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Jeff_Ostberg.png 973w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Jeff_Ostberg-300x198.png 300w, https:\/\/criativa.art\/es\/wp-content\/uploads\/sites\/4\/2023\/08\/escala-de-grises_Jeff_Ostberg-768x507.png 768w\" sizes=\"auto, (max-width: 973px) 100vw, 973px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Trabaja con los colores de manera consciente.<\/h2>\n\n\n\n<p>Los colores tienen un inmenso poder. Comprender sus caracter\u00edsticas y c\u00f3mo manipularlos te ayudar\u00e1 a tomar decisiones informadas y elevar\u00e1 tu capacidad art\u00edstica a un nuevo nivel.<\/p>\n\n\n\n<p>A trav\u00e9s de la pr\u00e1ctica constante y la observaci\u00f3n, ir\u00e1s adquiriendo progresivamente maestr\u00eda en los colores y sus contrastes. En consecuencia, tendr\u00e1s un control mucho m\u00e1s profundo sobre las emociones que pueden evocar en tus ilustraciones.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a utilizar el contraste de luminosidad entre colores en sus dise\u00f1os. Consejos pr\u00e1cticos para crear composiciones llamativas e impactantes.<\/p>\n","protected":false},"author":1,"featured_media":2512,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,3],"tags":[],"class_list":["post-2509","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-ilustracion"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/posts\/2509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/comments?post=2509"}],"version-history":[{"count":7,"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/posts\/2509\/revisions"}],"predecessor-version":[{"id":2546,"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/posts\/2509\/revisions\/2546"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/media\/2512"}],"wp:attachment":[{"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/media?parent=2509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/categories?post=2509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/criativa.art\/es\/wp-json\/wp\/v2\/tags?post=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}