Cómo elegir los colores de texto entre las imágenes de Photoshop

Cómo elegir los colores de texto entre las imágenes de Photoshop

Este tutorial te muestra cómo elegir los colores para su tipo en Photoshop mediante el muestreo directamente de una imagen. Paso a paso para Photoshop CC, CS6 y versiones anteriores.

Añadir texto a una imagen con Photoshop es bastante sencillo, pero hace que su texto se parezca pertenece en la imagen no siempre es fácil. El tipo de letra que elija es importante, pero también el color. Una manera de unificar texto con una imagen es eligiendo los colores de la fuente directamente desde la misma imagen. En este tutorial, te mostraré cómo se muestra un solo color para su tipo y cómo puede ser más creativo eligiendo diferentes colores de la imagen para diferentes letras. utilizaré Photoshop CC pero cada paso es totalmente compatible con Photoshop CS6 y versiones anteriores.

A continuación, se mostrará mi resultado final, con el color de cada letra individual mostrado en una parte diferente de la imagen. Por supuesto, el objetivo de este tutorial no es crear este aspecto exacto, sino simplemente aprender los pasos para que pueda utilizarlos para dar vida a sus propias ideas:

Como se muestra el tipo de color de una imagen con Photoshop

El resultado final.

Empezamos!

Descargue este tutorial como PDF para imprimir.

Index
  1. Como elegir colores de tipo de una imagen con Photoshop
    1. Paso 1: abra su imagen
    2. Paso 2: añada su texto
    3. Paso 3: seleccione la herramienta de tipo
    4. Paso 4: seleccione la capa de tipo
    5. Paso 5: haga clic en Tipo de muestra de color
    6. Paso 6: muestra un color de la imagen
    7. Paso 7: seleccione una sola letra con la herramienta Tipo
    8. Paso 8: vuelva a hacer clic en la muestra de color del tipo
    9. Paso 9: haga clic en la imagen para probar un color nuevo
    10. Paso 10: haga clic en la marca de verificación
    11. Repita los pasos para las otras cartas

Como elegir colores de tipo de una imagen con Photoshop

Paso 1: abra su imagen

Comience abriendo la imagen donde añadirá el texto. A continuación la imagen que utilizaré. El descargué desde Adobe Stock:

Abriendo la imagen con el tipo añadido

La imagen original, sin el texto. Crédito fotográfico: Adobe Stock.

Paso 2: añada su texto

Añada el texto en la imagen. He avanzado y he añadido la palabra «COLORES». Las letras están en negro, lo que no parece fantástica, por lo que a continuación aprenderemos a cambiar los colores:

DOSSIER Paul Cadden, lápiz y tiza para obras más reales que la realidad

La imagen después de añadir el texto inicial a Photoshop

La imagen después de añadir el texto inicial.

Paso 3: seleccione la herramienta de tipo

escoge Herramienta de tipo de la barra de herramientas si aún no está seleccionado:

La imagen después de añadir el texto inicial a Photoshop

Selección de la herramienta Tipo.

Paso 4: seleccione la capa de tipo

Asegúrese de que su Tipo de capa está seleccionado en el panel Capas:

Selección de la capa Tipo en el panel Capas

Selección de la capa Tipo.

Paso 5: haga clic en Tipo de muestra de color

Haga clic en el botón muestra de color en la barra de opciones para cambiar el color de su tipo:

Haga clic en la muestra de color para cambiar el color del tipo

Haga clic en la muestra de color.

Paso 6: muestra un color de la imagen

Esto abre Photoshop Selector de colores. Normalmente, para elegir un color de tipo nuevo, en elegiríamos un directamente desde el selector de colores, pero no es lo que queremos hacer aquí:

Se abre el selector de colores para que podamos elegir un tipo de color nuevo

Se abre el selector de colores.

Para elegir un color de tipo nuevo a la imagen, mueva el cursor del ratón por encima de la imagen. El cursor se convertirá en Herramienta de cuentagotas icono. Haga clic sobre un color de la imagen para probarlo. Elegiré el rojo de una de las bayas:

Muestreo del primer color de la imagen

Haga clic en un área roja de la imagen para mostrar el color.

Al instante, el color que ha mostrado se convierte en el color nuevo del texto. Si no te gusta el color de su elección, haga clic en un área diferente para volver a intentarlo. Cuando esté satisfecho con el color, haga clic en Aceptar para cerrar el selector de colores. El texto ya tiene mejor aspecto:

Muestreo del primer color de la imagen

El tipo después del muestreo de un color de la imagen.

Paso 7: seleccione una sola letra con la herramienta Tipo

Hasta ahora hemos aprendido a probar un solo color de una imagen para utilizarlo como color de todo el texto. ¿Qué pasa si queremos elegir diferentes colores de la imagen para diferentes letras? Con la herramienta de tipo seleccionada, haga clic y arrastre una letra para resaltarla. Destacaré la primera letra «O»:

DOSSIER 7 ejemplos de líneas de tiempo locas en diseño web

Resaltando una sola letra en el texto con la herramienta Tipo

Resalte una sola letra haciendo clic y arrastrando con la herramienta Tipo.

Paso 8: vuelva a hacer clic en la muestra de color del tipo

Con la letra resaltada, vuelva a hacer clic en el icono muestra de color en la barra de opciones:

Cambiando el color de la capa seleccionada

Haga clic en la muestra de color para cambiar el color de la letra.

Paso 9: haga clic en la imagen para probar un color nuevo

Esto vuelve a abrir el archivo Selector de colores. Tal como hacía antes, mueva el cursor del ratón en la imagen y haga clic en el color nuevo que desea utilizar. Voy a probar un color de una de las hojas:

Mostrando un color diferente para la letra resaltada

Haga clic para mostrar un color nuevo para la letra resaltada.

Paso 10: haga clic en la marca de verificación

Haga clic en Aceptar para cerrar el selector de colores. Para anular la letra, pulse marca de verificación en la barra de opciones:

Haga clic en la marca de selección de la barra de opciones

Haga clic en la marca de selección para aceptar el color nuevo.

Y ahora, aquella letra que he resaltado llena de un color diferente de la imagen que las otras:

Ahora una de las letras de la palabra se llena de un color diferente de la imagen

El efecto después de cambiar el color por sólo una de las letras.

Repita los pasos para las otras cartas

Siga los mismos pasos para cambiar el color de las otras letras. Primero, seleccione una letra con la herramienta de tipo y, a continuación, haga clic en la muestra de color en la barra de opciones para abrir el selector de colores. Haga clic en un color nuevo a la imagen para probarlo y, a continuación, haga clic en Aceptar para cerrar el selector de colores. Cuando haya terminado de cambiar los colores, haga clic en la marca de selección de la barra de opciones.

DOSSIER Zapadores, los nuevos testimonios del estilo Guinness

He aquí mi resultado final después de probar diferentes colores de la imagen para cada una de las letras restantes:

Como se muestra el tipo de color de una imagen con Photoshop

El resultado final.

Y aquí lo tenemos! Así es cómo elegir los colores del texto directamente desde la imagen con Photoshop. Hay otras maneras creativas de hacer destacar el texto en una imagen. Obtenga información sobre cómo transformar tipo con Smart Objects en Photoshop o como aplicar filtros inteligentes editables en su texto. O, en lugar de colocar texto en una imagen, por qué no coloque una imagen dentro del texto? Visita nuestra sección Conceptos básicos de Photoshop para obtener más tutoriales.

Monter

Nous utilisons nos propres cookies et ceux de tiers pour améliorer l’expérience utilisateur. Plus d’informaticon