14 Sep 2004

Paletas de sabores

Una de las cosas mas dificiles de hacer cuando se comienza un proyecto nuevo es elegir la paleta de colores que utilizaremos. Recientemente me he topado con esta técnica para obtener una paleta a partir de una fotografía, y la he utilizado en algunos proyectos (que todavía son secretos, sorry) con resultados notablemente geniales.
Lo primero es elegir una fotografía, el tema puede ser lo de menos, lo importante son los colores. Busca en stock exchange o en las imágenes de google o donde quieras, a mi por ejemplo me gustó esta: Sunflower por Vertis (detalle) por que tiene una muy buena riqueza tonal.

Detalle de Sunflower (c) Vertis

Ahora puedes abrirla en tu editor de imágenes favorito y aplicarle un filtro de pixeleado. En photoshop yo lo hice así: Filter->Pixelate->Mosaic… y en el cuadro de dialogo elegí un valor de 68 para cell size. Tu puedes jugar con los valores hasta que tengas una serie de cuadros de colores sólidos. En mi caso el resultado fue éste:

Imagen Pixeleada

Entonces puedes usar la herramienta gotero, para copiar los colores con los que formarás tu paleta. A mi por lo general me gusta elegir dos colores oscuros, dos claros y dos acentos, para formar una paleta de seis colores aunque probablemente en el proyecto no los use todos ( a veces si, me gustan mucho los colores).

Paleta de seis colores

Recuerda que si quieres obtener los valores hexadecimales de los colores debes seleccionar web color sliders en el menú desplegable de la paleta colors

Acabas de leer «Paletas de sabores», un post escrito por sosa archivado en la categoría Tutoriales.

adanVecindad #1 | Septiembre 14, 2004 04:03 PM adanVecindad dice:

Ese es un muy buen método.
Otro que utilizo muy a menudo en cuanto interacción web-editorial es crear paletas de colores Spot-CMYK en Illustrator para cada trabajo o cliente, de esa forma los importo en InDesign o QuarkXpress y llegan con los nombres de los colores y así no tengo que crear nuevos en estos últimos programas.

Ya que están en Illustrator los exporto a Photoshop y utilizando el mismo método del gotero y colores seguros para crear la paleta del proyecto web del cliente.
Además cuando les presentas la imagen corporativa le añades un plus al incorporar lo que se hace con sus colores.
Saludos

Clemente #2 | Septiembre 14, 2004 04:53 PM Clemente dice:

La idea de Sosa me parece muy buena, yo hacia algo parecido con las fotos pero sin pixelarlas, ese extra es lo que hace muy buena su idea

ala_747 #3 | Septiembre 16, 2004 04:40 AM ala_747 dice:

Definitivamente, el pixelado era lo que me faltaba para hacerlo más facil. Hasta ahora venía haciendo algo similar a lo que planteaba Dave Shea en su día

Excelente idea :)

Alejandra #4 | Agosto 21, 2006 09:15 AM Alejandra dice:

Yo en vez de esa tecnica, utilizo el Color Schemer, para Mac.
Y si no… uno de mis sitios favoritos: colorlovers.com Una belleza!

craigslist news blog #5 | Abril 18, 2007 07:43 AM craigslist news blog dice:

Fantastic article covering some points I really needed some good usability info for.
Best regards from Poland

russian president vladimir putin #6 | Mayo 1, 2007 05:28 AM russian president vladimir putin dice:

A very helpful tutorial. Thanks for it.

russian president vladimir putin #7 | Mayo 1, 2007 05:28 AM russian president vladimir putin dice:

A very helpful tutorial. Thanks for it.

bill clinton sex scandal #8 | Mayo 2, 2007 08:33 AM bill clinton sex scandal dice:

Amazing tutorial! Really apreciate that – thanks!

Contribuye a la discusión

  • Si quieres puedes tener una imagen que te distinga cuando comentes utilizando el servicio de Gravatar
  • Todo post ofensívo y/o ajeno a la discusión será eliminado inmediatamente
  • El HTML no está permitido, pero puedes formatear usando la sintáxis de Textile
  • Si quieres decirme algo privado ;) puedes utilizar la forma de contacto