Cómo elegir bien el color en Photoshop para el diseño de un producto gráfico

Ene 24, 2014Tutoriales0 Comentarios

color

Uno de los mayores problemas que nos encontramos a la hora de diseñar un producto gráfico es la combinación del color para conseguir un efecto determinado. Independientemente de la psicología del color y las connotaciones que conllevan los mismos,  podemos utilizar un recurso que trabaja con las reglas de armonía (análogos, complementarios, monocromáticos, triadas…) para los colores, este recurso se llama Kuler y está integrado en los programas de diseño de Adobe.

En este tutorial  os mostramos cómo utilizar Photoshop para saber qué colores combinan bien con una imagen de portada.

PASO 1: Filtro Pixelizar – Mosaico

PASO2

Sobre una copia de la imagen aplicamos el filtro Pixelizar – Mosaico, utilizamos un tamaño adecuado para que nos deje los píxeles suficientes para poder identificar bien los colores predominantes en la imagen.

 

PASO 2: Seleccionamos colores predominantes

PASO3

Elegimos dos colores predominantes en la imagen. Nos interesa que uno sea claro y otro oscuro dentro de la misma gama tonal. Por ejemplo, en la imagen de arriba elegiremos verde claro y verde oscuro, además de marrón claro y marrón oscuro. Este paso lo podemos repetir hasta dar con una combinación acertada.

PASO4

Todos los colores elegidos los añadimos a las muestras de color

PASO 3: Abrimos el Kuler

KULER

Kuler está en adobe.kuler.com y se trata de una comunidad online que crea galerías de color temáticas y que podemos descargar o incluso crearlas nosotros mismos. El Kuler está en Photoshop en forma de extensión. Lo podemos abrir desde el menú Ventana – Extensión – Kuler.

Una vez abierta la extensión pulsamos sobre la pestaña  «crear»

PASO 4: Añadimos un color al Kuler

Desde las muestras de color, donde ya tenemos guardados los colores que hemos elegido en pasos anteriores, seleccionamos uno de ellos y pulsamos doble click sobre el color frontal para que nos abra el selector de color.

PASO5

En el recuadro inferior del panel de color seleccionamos el valor Hexadecimal y copiamos   HEXADECIMAL PALNEL COLOR

El valor obtenido lo pegamos en la barra de valores hexadecimales del panel Kuler  HEXADECIMAL KULER

Aparece en el recuadro del centro el valor del color seleccionado.

PASO 5: Elegimos la regla de armonía.

ANÁLOGO COMPLEMENTARIO MONOCROMÁTICO

Podemos elegir reglas de armonía para el color elegido, así podemos conseguir colores análogos, complementarios, monocromáticos… Solo falta elegir qué regla de armonía queremos utilizar.

Por ejemplo:

Complementarios: Los utilizamos para destacar los elementos gráficos textos, imágenes…

Análogos: Tonos que comparten un color y ofrencen una sensación agradable, por ejemplo: todos son tonos frios o todos son cálidos

Monocromáticos: Ofrecen cambios muy sutiles de intensidad pero dentro del mismo tono. Combinación suave, elegante y poco agresiva. No destaca mucho pero se integra bien en el diseño.

Cuando tengamos la regla de armonía decidida y seleccionada, la añadimos a nuestras muestras de color pulsando en el botón central inferior del panel Kuler

añadir

 

PASO 6: Combinar colores elegidos

Solo nos queda elegir una combinación y aplicarla a los elementos gráficos del producto. Podemos probar varias combinaciones pero esto nos garantiza que cumplimos reglas de armonía del color y que estas salen de los tonos predominantes de la imagen principal.

EJEMPLO COMPLEMENTARIOS

En este ejemplo se han utilizado la combinación de complementarios para el fondo y el texto, partiendo del color verde predominante en la imagen principal.

Ya no podéis decir: ¡¡ ES QUE SE ME DA MAL COMBINAR LOS COLORES !!

TE PUEDE INTERESAR

Inspiración web #10

Inspiración web #10

Formas orgánicas, líneas suaves. Seguimos con la lista de tendencias en diseño web para este 2020. En nuestros artículos anteriores vimos que este 2020 van a ser tendencia las micro-interacciones y el minimalismo. En esta nueva entrega hablaremos de las formas...

Nueva identidad visual de Nowe.

Nueva identidad visual de Nowe.

El cambio de identidad visual es uno de los elementos más importantes que contempla Nowe en su nuevo plan estratégico. Nuevo logo, nuevos manuales técnicos para los cursos de diseño, nueva web, etc. Para la renovación de la marca y su nueva identidad visual, elegimos...

Creatividad en el diseño editorial

Creatividad en el diseño editorial

La creatividad en el diseño editorial. Muchas veces nos preguntamos si realmente el diseño es efectivo. ¿Para qué sirve la creatividad en el diseño editorial? Lo hemos explicado varias veces y seguiremos haciéndolo; sirve para COMUNICAR. En este caso os mostramos un...

Share This