Cree muestras de color para sus diseños a partir de una fotografía

Lo que vas a crear

La combinación de imágenes, gráficos y tipografía crea un diseño coherente que se nota. Todos estos elementos también presentan una variedad de colores, todos trabajando juntos a través del diseño. Pero, ¿cómo sabes qué colores usar? ¿Qué colores funcionan juntos y cuáles deberías evitar? ¿Qué colores establecen el tono específico que buscas en tu diseño??

Hay muchas cosas a considerar al elegir los colores para sus diseños. Es más que simplemente elegir los colores que te gustan e implementarlos. Ya sea que seas un diseñador principiante o veterano, siempre puedes mirar las imágenes y fotos principales para obtener inspiración de color. En este tutorial, te mostraré cómo utilizar imágenes y fotografías como inspiración para los colores en tus diseños. También aprenderá cómo capturar colores de estas imágenes y crear muestras para usar en sus diseños.

Elegir una imagen

Este tutorial lo guiará a través de la elección de colores de una imagen central. Muchos diseños de impresión fuerte giran en torno a una imagen que destaca, presenta excelentes opciones de color y tiene espacio para contenido adicional, como texto.

Consejos para elegir colores

Cuando está reuniendo fotos e imágenes potenciales para sus diseños, es importante elegir fotos que tengan muchas opciones de color. Recuerde, muchas opciones de color no necesariamente significan un caleidoscopio de color. Solo significa que tus fotografías ofrecerán muchas opciones e inspiración. Entonces, ¿por dónde empiezas? Vamos a ver cuatro opciones que te ayudarán a seleccionar colores para tus diseños..

1. Comience con un color en negrilla

Antes de abrir Photoshop o InDesign, mira tu imagen. Puedes ver en el ejemplo anterior que hay varios colores fuertes desde el verde azulado profundo hasta los marrones. Puede utilizar cualquiera de los dos como base para su diseño. En este ejemplo, podría usar el verde azulado para titulares y fondos y el marrón para el texto del párrafo y resaltar, como rectángulos, círculos y otros elementos de diseños ornamentales. El color crema de la cobertura batida también sería excelente para los colores de texto sobre un fondo oscuro.

2. Añadir colores complementarios

Los colores complementarios cuando se colocan uno junto al otro crean el contraste más fuerte y se refuerzan entre sí. La forma más rápida de determinar si dos colores son complementarios es mirarlos en la rueda de colores. Los colores complementarios están directamente uno frente al otro, como azul y amarillo, rojo y verde y púrpura y naranja. El uso de colores complementarios en sus diseños crea un contraste vibrante, generalmente entre colores cálidos y fríos. Este método a menudo creará un diseño brillante que realmente resalta con el color pero funciona bien debido a las opciones de color complementarias. La clave aquí es variar el uso de cada color y elegir uno como el color dominante en todo el diseño. De esa manera tus colores no compiten por la atención. En el ejemplo anterior, puede ver que el azul frío domina la imagen y el amarillo cálido ilumina la esquina derecha. Si pusieras texto en esta foto, querrías seguir con los amarillos..

3. Usa tintes y sombras

Lo más probable es que uses más de dos colores en tus diseños. En lugar de agregar otro color a la mezcla, veremos los tonos y los tonos de nuestros colores complementarios o de un color intenso. Para un diseño limpio, mantenga sus opciones de color en un máximo de 3, pero agregue una mezcla de tintes y tonos del color que ya eligió para mezclar las cosas. Si lo hace, aumentará considerablemente las opciones de color que tiene disponibles para usar en un diseño sin agregar colores que no complementen lo que ya tiene. Volviendo al primer ejemplo, puede aumentar sus opciones de color eligiendo un tinte de verde azulado o marrón. Un tinte es una mezcla de un color con blanco. Esto aumenta la luminosidad de un color. Una sombra es una mezcla de un color con negro. Esto disminuye la luminosidad de un color. Esto significa que puede agregar más opciones de color ya sea aumentando la claridad u oscuridad de su color base. Hay un rango profundo en la claridad y la oscuridad, por lo que las opciones son infinitas aquí.

4. Átalo todo junto

Termine con una gama de opciones que incluyen un color intenso, un tinte o un tono de ese color intenso, un color neutro y luego un color complementario para resaltar. Esto le dará la mayoría de las opciones para su diseño, independientemente de si necesita un color claro para un fondo oscuro o un color oscuro para un fondo claro y todo lo demás. En el siguiente ejemplo, puede ver la inspiración de color y qué tan bien funcionan juntos. ¿Habrías elegido estos colores sin la foto para inspirarte?? 

Entonces, ¿cómo seleccionas los colores de una fotografía y luego los aplicas a un diseño? A continuación abordaremos los pasos técnicos..

Creación de muestras de color

Paso 1

Golpear Control-O y navegue a su imagen en su disco duro y ábrala en Photoshop.

Paso 2

Selecciona el Herramienta de cuentagotas (I) y haga clic en un área para seleccionar su color base. Golpear X y repita para seleccionar su color complementario. Es más fácil seleccionar su color principal y luego buscar inmediatamente el color complementario. En la imagen de ejemplo, seleccionamos un verde oscuro como la base y podemos ver que el rojo sería un color complementario y un gran resalte. Tenga en cuenta que el rojo no tiene que ser un rojo perfecto. Aquí fuimos con un rojo más apagado con un tono rosado basado en el color de la foto..

Paso 3

A continuación necesitamos crear un documento para las muestras. Este paso adicional le permitirá guardar fácilmente los colores para futuras referencias, independientemente de si utilizará Photoshop o InDesign. Estas muestras también hacen impresionantes inclusiones en un resumen creativo. Solo usarías el Herramienta cuentagotas de ojo (I) Para seleccionar estos colores para tus diseños..

Golpear Control-N y crea un Nuevo documento de 800 x 200 píxeles, en Modo de color RGB a 72 píxeles / pulgada. Nombralo Muestras de color.

Etapa 4

Selecciona el Herramienta Elipse (U) y dibuja un círculo en cualquier tamaño. Aquí elegimos 2 pulgadas. Entonces haga doble clic la circulo en el Paleta de capas y te darás cuenta de que el cursor se convierte en una Cuentagotas y el Selector de color ventana se abre. Ahora puede seleccionar su color base desde el color de fondo / primer plano a la izquierda.

Paso 5

Repetir Etapa 4 por el color complementario.


Paso 6

A continuación, con la capa de forma de color complementaria seleccionada, mantenga presionada la tecla Alt-Shift y arrastre un círculo duplicado al lado del círculo rosa. Suelte el mouse cuando su círculo esté en posición. Repite este paso para crear otro círculo duplicado capa. Ahora deberías tener 4 circulos capas. Estos dos últimos círculos albergarán tu color neutro y color de tinte.

Paso 7

Vuelve a tu fotografía y repita el paso 2 para seleccionar un color gris neutro. Luego regresa a tus muestras y haga doble clic la tercer circulo y selecciona el color gris con el Herramienta cuentagotas de ojo (I).

Paso 8

El último color es un tinte del color base. Selecciona el Herramienta cuentagotas de ojo (I) y haga clic en el círculo verde oscuro en el extremo izquierdo. Haga doble clic el círculo en el extremo derecho (Ellipse 1 copia 3) de la Paleta de capas y selecciona el color verde con el Cuentagotas (I). Ahora desea un tono de este color, así que seleccione un color hacia el extremo blanco de la Selector de color. Queremos una bonita espuma de mar verde aquí, no demasiado blanca, pero tampoco demasiado oscura.

Paso 9

Puedes reordenar los círculos haciendo clic en cada uno de los Paleta de capas y moviéndolo en el orden en que desea que aparezcan sus muestras. Aquí, tenemos los colores que van desde la base hasta el color complementario. Para guardar esto como una imagen, vaya a Archivo> Guardar como> JPEG y el nombre de algo así como FinalColorSwatches. Ahora tienes una paleta de colores lista para tu próximo diseño.!

Listo para más?

¡Elegir colores es un paso importante en su proceso de diseño y puede usar las imágenes que ya están disponibles como inspiración! Tendrás combos de colores únicos y destacados en ningún momento. Ahora es el momento de llevar sus diseños al siguiente nivel y aplicar lo que aprendió a un folleto real. 

Diríjase a mi curso de Fundamentos del diseño de impresión para obtener una guía completa para principiantes de todo lo relacionado con el diseño de impresión. Desde el concepto de diseño hasta la preimpresión, comenzará a crear su primer folleto en InDesign.