Diseño web y app

Cómo crear paletas de color a partir de fotografías

Descubre con Manu Torres un proceso sencillo para crear tu propio muestrario de colores con fotografías en Adobe Photoshop

Manu Torres (@manutorres) es profesor de fotografía y posproducción digital con una especialización en fotoperiodismo, procesado en laboratorio e iluminación por el IMEFE. Sus primeras andaduras profesionales las dio en medios de comunicación, pero con el tiempo ha desarrollado gusto por la fotografía social y la producción publicitaria.

Manu Torres
Manu Torres

Para ayudarte a comprender mejor cómo funciona el color en proyectos de fotografía, Manu comparte contigo técnicas para extraer muestras de color en Adobe Photoshop, que te ayuden a desarrollar tus proyectos personales y profesionales.

Crear paletas de colores de piel

Muestra de imagen de trabajo
Muestra de imagen de trabajo

Manu recomienda que, para trabajos sencillos de corrección de detalles o ajustes básicos, lo mejor es que esta paleta tenga máximo tres colores seleccionados: uno de las áreas con sombras, otro de las luces más altas sobre la piel, y finalmente uno seleccionado de la zona media.

Al elegir las muestras, asegúrate de que provengan de áreas que midan cuando menos 3x3 o 5x5 pixeles. En caso de que tu proyecto de interpretación de color requiera de más detalle, podrías agregar un cuarto o quinto elemento a tu paleta.

Paleta de tonos de piel (tres colores)
Paleta de tonos de piel (tres colores)

Si no estás seguro de cuáles son las zonas de sombras e iluminación, puedes ir a la herramienta de Selección > Gama de color, y ahí podrás identificarlas:

Herramienta de Gama de color, para identificación de zonas de sombras y luces
Herramienta de Gama de color, para identificación de zonas de sombras y luces

Muestras creadas por patrones complementarios

Muestra de imagen de trabajo
Muestra de imagen de trabajo

El proceso es el mismo: con la herramienta de Adobe Color abierta, vas a al selector de colores y eliges el que quieras que sea el color clave para generar los complementarios. Al elegir esta función, el programa elegirá automáticamente otros cuatro colores.

Paleta de complementarios a partir de selección de tono azul
Paleta de complementarios a partir de selección de tono azul
Paleta de complementarios a partir de selección de tono rosa
Paleta de complementarios a partir de selección de tono rosa

Tip: Extracción de muestra con formatos para web

Muestra de imagen de trabajo
Muestra de imagen de trabajo

En algunas ocasiones, Manu crea sus paletas de color a partir de fotografías usando las herramientas de Photoshop para preparar imágenes para formatos web. El proceso inicia seleccionando la opción Guardar para web:

Muestra de menú
Muestra de menú

Se abrirá una ventana de control de colores, en la que podrás establecer el número de elementos que quieres incluir en la paleta. En este ejercicio, Manu ha seleccionado 5. Verás que de forma automática el programa genera una imagen reducida a esa gama cromática y te arroja una paleta predeterminada.

Puedes ajustar libremente el número de colores que deseas que integren tu paleta
Puedes ajustar libremente el número de colores que deseas que integren tu paleta

Si quieres aprender más sobre el manejo de color, apúntate al Domestika Basics Adobe Photoshop para Corrección de color, de Manu Torres. Descubrirás formas de representación y gestión del color, y aprenderás a calibrar tu pantalla, a hacer degradados y a buscar esas combinaciones cromáticas que consigan transmitir lo que tienes en mente.

Cursos recomendados

Figma de principio a fin. Un curso de Diseño, Diseño Web y App de Samuel Hermoso (Elastic Heads)
Domestika Basics · 5 cursos

Figma de principio a fin

Un curso de Samuel Hermoso (Elastic Heads)

Descubre la herramienta más potente y eficiente para diseñar de manera colaborativa y aprende a crear interfaces interactivas desde cero

  • 9733
  • 99% (195)
80% Dto.
$39.99USD
Introducción a la IA con Python. Un curso de Diseño Web y App de Rodrigo Montemayor

Introducción a la IA con Python

Un curso de Rodrigo Montemayor

Aprende los fundamentos de la inteligencia artificial y cómo aplicarla en la resolución de problemas

  • 3422
  • 98% (63)
80% Dto.
$39.99USD
Creación de una web profesional con WordPress. Un curso de Diseño Web y App de Ignacio Cruz Moreno

Creación de una web profesional con WordPress

Un curso de Ignacio Cruz Moreno

Crea tu web sin saber programar ampliando WordPress con sencillos plugins

  • 69777
  • 95% (3K)
80% Dto.
$39.99USD
0 comentarios

Recibe las novedades de Domestika en tu email