Cómo mezclar texturas con fotos en Photoshop

¡Agregue más interés y creatividad a sus imágenes aprendiendo cómo combinar fácilmente texturas con sus fotos usando los modos de combinación de capas en Photoshop!



Escrito por Steve Patterson.

En este tutorial de Photoshop, aprenderemos como mezclar texturas con fotos usando modos de mezcla de capas! Los modos de fusión son formas simples pero poderosas de combinar dos o más imágenes para darle a la imagen original un toque más artístico y creativo. Pueden ser muy divertidos, pero el resultado que nos dará cualquier modo de fusión específico puede ser casi imposible de predecir, especialmente cuando se trabaja con texturas. De hecho, la única forma real de saber qué modo de combinación le gustará más es probarlos todos, pero con tantos para elegir, eso puede llevar tiempo.



Afortunadamente, como aprenderemos, hay un truco útil que hace que recorrer todos los modos de fusión de Photoshop sea rápido y fácil. ¡También aprenderemos qué modos de fusión tienen más probabilidades de brindarle excelentes resultados y cómo saltar rápidamente a ellos desde el teclado!

Lo mejor de las texturas es que puede encontrar texturas interesantes en casi cualquier lugar donde mire, en interiores o exteriores, y para capturarlas, todo lo que necesita es una cámara digital económica o incluso la cámara de su teléfono inteligente o tableta. Apúntelo a un diseño interesante en una hoja o una roca, una nube en el cielo, un trozo de madera, una mancha de óxido, escarcha en una ventana o cualquier cosa que llame su atención. También puede colocar diferentes objetos en un escáner para capturarlos como texturas. Cubiertas de libros viejos, mapas, papel arrugado, incluso pedazos de tela o alfombras son excelentes opciones. Y, por supuesto, una búsqueda rápida en Google de texturas de Photoshop arrojará resultados interminables. Guárdelos todos en una carpeta en su computadora y en poco tiempo, ¡tendrá una colección completa de texturas únicas para elegir cuando las necesite!

Este tutorial es compatible con PhotoshopCC (la versión que estoy usando) y Photoshop cs6. Si está utilizando Photoshop CS5 o anterior, querrá consultar nuestro original Cómo mezclar texturas con fotos tutorial.



Aquí está la foto con la que empezaré:

  Un coche de época viejo y oxidado. La imagen original. (© 2015 Steve Patterson)

Me gusta la foto, pero dado el tema, creo que se vería aún mejor si la pintara un poco usando una textura. Como mencioné, puedes encontrar texturas prácticamente en cualquier lugar que mires. En mi caso, encontré esta pieza de metal oxidada y rayada:

  Una textura de metal oxidado y rayado. La textura que se mezclará en la foto. (© 2015 Steve Patterson)

Así es como se verá el resultado final después de mezclar la textura con la imagen original:



  Una textura mezclada en una foto usando Photoshop CC. El resultado final. (© 2015 Steve Patterson)

Cómo mezclar texturas con fotos

Paso 1: selecciona y copia la textura

Para comenzar, abra su foto principal y la imagen que está usando para una textura en Photoshop. Cada imagen aparecerá en su propio separado documento con pestañas . Lo primero que debemos hacer es mover la textura al mismo documento que la foto principal. La forma más fácil de hacerlo es copiarlo y pegarlo. Asegúrese de que el documento de la textura sea el que está activo. Puede cambiar entre documentos haciendo clic en el pestañas a lo largo de la parte superior:

  Seleccionar el documento de textura haciendo clic en su pestaña de nombre. Seleccionando el documento de textura haciendo clic en su pestaña.

Con el documento de la textura activo, sube a la Seleccione en la barra de menús en la parte superior de la pantalla y elija Todos . O presione Ctrl+A (Victoria) / Comando+A (Mac) en su teclado:

  Elegir el comando Seleccionar todo en Photoshop. Yendo a Seleccionar > Todo.

Aparecerá un contorno de selección alrededor de la imagen que le permitirá saber que está seleccionada. Para copiarlo, sube a la Editar menú en la parte superior de la pantalla y elija Copiar . O presione Ctrl + C (Victoria) / Comando+C (Mac) en su teclado:



  Seleccionando el comando Copiar del menú Editar en Photoshop. Vaya a Editar > Copiar.

Paso 2: pegue la textura en el documento de la foto principal

Cambie al documento de la foto principal haciendo clic en su pestaña:

  Cambiar a la foto principal's document by clicking its tab. Haciendo clic en la pestaña de la foto principal.

Con el documento de la foto ahora activo, vuelve a subir a la Editar menú y esta vez, elija Pegado especial , después Pegar en su lugar :



  Seleccionando el comando Pegado especial del menú Editar. Yendo a Editar > Pegado especial > Pegar en el lugar.

El comando Pegar en el lugar no solo pega la textura en el documento sino que también la centra. Dependiendo del tamaño de su textura, puede estar bloqueando completamente la vista de la foto debajo de ella, ya que la mía está aquí:

  Seleccionando el comando Pegar del menú Editar en Photoshop. La textura actualmente bloquea la vista de la foto principal.

Si miramos en Photoshop Panel de capas , sin embargo, vemos que la foto original todavía está allí, sentada en el capa de fondo , mientras que la textura se ha colocado en una nueva capa llamada Capa 1 sobre eso:

  El panel Capas en Photoshop. La foto y la textura ahora están en dos capas separadas dentro del mismo documento.

Paso 3: cambie el tamaño de la textura si es necesario con la transformación libre

A menos que su foto y textura tengan exactamente el mismo tamaño, deberá cambiar el tamaño de la textura para que se ajuste a la imagen, y podemos hacerlo usando Photoshop. Transformación libre dominio. Con Capa 1 seleccionada en el panel Capas, suba a la Editar menú en la parte superior de la pantalla y elija Transformación libre . O presione Control+T (Victoria) / Comando+T (Mac) para elegir Transformación libre desde el teclado:



  Seleccionando el comando Transformación libre en Photoshop. Yendo a Edición > Transformación libre.

Photoshop colocará el cuadro de Transformación libre y los controladores alrededor de la textura. Si no puede ver todos los controladores de Transformación libre porque se extienden fuera de la pantalla, suba a la Vista menú y elige Ajustar en pantalla , o presione Ctrl+0 (Victoria) / Comando+0 (Mac) en su teclado:

  Elegir el comando Ajustar a la pantalla del menú Ver. Ir a Ver > Ajustar en pantalla.

Photoshop alejará instantáneamente la imagen lo suficiente para que todo, incluidos el cuadro y los controladores de Transformación libre, sea visible:



  El cuadro Transformación libre ahora está visible después de elegir el comando Transformación libre. El cuadro Transformación libre ahora está completamente visible después de elegir el comando Ajustar en pantalla.

Haga clic y arrastre cualquiera de los manejas (los pequeños cuadrados alrededor del cuadro delimitador) para cambiar el tamaño de la textura según sea necesario. Arrastrar un controlador por sí solo nos permite distorsionar libremente la forma de la textura a medida que cambiamos su tamaño. Dado que es solo una textura, por lo general está bien, pero si desea bloquear el relación de aspecto (la forma) de la textura en su lugar mientras cambia su tamaño, mantenga presionada la tecla Cambio en su teclado y arrastre cualquiera de los cuatro manijas de esquina .

Si mantiene presionado Mayús+Alt (Victoria) / Mayús+Opción (Mac) a medida que arrastra un controlador de esquina, cambiará el tamaño de la textura desde el centro en lugar de desde la esquina y mantendrá intacta su relación de aspecto. Cuando termines, presiona Ingresar (Victoria) / Devolver (Mac) en su teclado para aceptar la transformación y salir del comando Transformación libre:

  Cambiar el tamaño de la textura con Free Transform. Cambiar el tamaño de la textura para que se ajuste mejor a la imagen con Free Transform.

Paso 4: seleccione la herramienta Mover

Seleccione Photoshop Herramienta de movimiento desde la parte superior de la Panel de herramientas , o presione la letra EN para seleccionar la herramienta Mover desde el teclado. En realidad, no vamos a usar la herramienta Mover para nada, pero en un momento aprenderemos un atajo de teclado útil para recorrer rápidamente los modos de combinación de capas para que podamos ver cuál nos dará los mejores resultados para combinar nuestro textura con la foto.

¿Qué tiene eso que ver con la herramienta Mover, te preguntarás? Bueno, dependiendo de la herramienta que haya seleccionado, el atajo de teclado puede funcionar o no. Eso lo hace trabaje con la Herramienta Mover seleccionada, y la Herramienta Mover está en la parte superior del panel Herramientas, por lo que seleccionar la Herramienta Mover primero es la forma más fácil de asegurarse de que el método abreviado de teclado funcionará:

  Selección de la herramienta Mover en Photoshop. Seleccionando la herramienta Mover.

Paso 5: recorrer los modos de fusión de capas

los Modo de mezcla La opción se encuentra en la esquina superior izquierda del panel Capas. De forma predeterminada, está configurado en Normal, lo que simplemente significa que la capa no se fusiona con las capas debajo de ella de ninguna manera (es por eso que la textura actualmente bloquea la vista de la foto en el documento):

  La opción de modo de fusión de capas en el panel Capas en Photoshop. La opción Modo de fusión está establecida en Normal de forma predeterminada.

Si hace clic en la palabra 'Normal', verá una lista de los otros modos de fusión que podemos elegir, como Multiplicar, Pantalla, Superposición, etc. Nosotros pudo , si realmente quisiéramos, elija cada modo de combinación uno a la vez haciendo clic en su nombre en la lista, y es posible que desee hacerlo si alguien le paga por hora. Pero una forma mucho más rápida de experimentar con los distintos modos de fusión es recorrerlos rápidamente desde el teclado. Mantenga presionado su Cambio y presione la tecla más ( + ) o menos ( - ) teclas de su teclado. La tecla más (+) lo hará avanzar por la lista de modos de fusión de uno en uno, mientras que la tecla menos (-) lo hará retroceder. Por ejemplo, mantener presionada la tecla Mayús y presionar la tecla más (+) una vez cambia el modo de fusión de Normal a Disolver :

  El modo de fusión Disolver capa en Photoshop. Sosteniendo Shift y presionando + para pasar al modo de mezcla Disolver.

El modo de fusión Disolver probablemente no tendrá mucho efecto en su imagen, pero otros modos de fusión definitivamente lo harán. Por ejemplo, mantendré presionada la tecla Mayús y presionaré la tecla más (+) un par de veces más para pasar a la Multiplicar modo de mezcla:

  El modo de fusión Multiplicar capa en Photoshop. Probando el modo de mezcla Multiplicar.

los Multiplicar modo de mezcla es parte de un grupo de modos de fusión que oscurecen la imagen general. Aquí, vemos que la textura y la foto ahora se están mezclando. Sin embargo, aunque parece interesante, en este caso es un poco demasiado oscuro. Observe que el color de la textura también se mezcla con la imagen. Veremos cómo cambiar eso un poco más tarde:

  Mezclando la textura con el modo de mezcla Multiplicar. El resultado con la capa de textura establecida en el modo de fusión Multiplicar.

Mantendré presionada la tecla Mayús y presionaré la tecla más (+) unas cuantas veces más hasta que llegue a la Pantalla modo de mezcla:

  El modo de fusión de la capa de pantalla en Photoshop. Eligiendo el modo de fusión de pantalla esta vez.

los Modo de fusión de pantalla es lo contrario de Multiplicar. Es parte de un grupo de modos de fusión que aclaran la imagen. Aquí, obtenemos otro resultado interesante, esta vez luciendo mucho más claro que lo que vimos con el modo Multiplicar:

  Mezclando la textura con el modo de fusión Pantalla. El modo de fusión Pantalla produce un resultado más claro que Multiplicar.

Presionar la tecla más (+) unas cuantas veces más me lleva a la Cubrir modo de mezcla:

  El modo de fusión de la capa Superposición en Photoshop. Ver lo que puede hacer el modo de fusión Superposición.

Cubrir es parte del grupo de contraste de los modos de fusión. Aumenta el contraste en la imagen y también aumenta la saturación del color al mismo tiempo. Al igual que Multiplicar y Pantalla, Superposición es otro modo que suele ser una buena opción cuando se combinan texturas con fotos:

  Mezclando la textura con el modo de mezcla Superposición. El modo de mezcla Superposición crea un efecto de mayor contraste.

Hay dos modos de fusión más que normalmente querrá probar, y ambos son similares a Superposición en el sentido de que aumentan el contraste y la saturación del color. El primero es Luz tenue al que cambiaré presionando la tecla más (+) nuevamente (con la tecla Shift presionada):

  El modo de fusión de la capa Soft Light en Photoshop. Seleccionando el modo de fusión Soft Light.

Soft Light es una versión más sutil de Overlay. Todavía aumenta el contraste y la saturación de color, pero como su nombre lo indica, el resultado es más suave, menos intenso:

  Mezclando la textura con el modo de mezcla Superposición. El efecto Soft Light más sutil.

Para un efecto mucho más fuerte, prueba el Luz dura modo de mezcla al que pasaré presionando la tecla más (+) por última vez:

  El modo de fusión de la capa Soft Light en Photoshop. Cambiando al modo de mezcla Hard Light.

Mientras que Soft Light era una versión más sutil de Overlay, Hard Light es la más intensa de las tres. De hecho, suele ser también intenso al principio, como lo es aquí, pero veremos cómo ajustar la fuerza de un modo de fusión en un momento:

  Mezclando la textura con el modo de mezcla Superposición. El resultado Hard Light mucho más fuerte.

Los atajos de teclado del modo de mezcla

En general, los modos de combinación Multiplicar, Pantalla, Superponer, Luz tenue y Luz fuerte le darán los mejores resultados para combinar una textura con una foto, y hay atajos de teclado que podemos usar para saltar instantáneamente a cada uno. Ya sabemos que podemos recorrer la lista completa de modos de fusión manteniendo presionado el botón Cambio tecla y presionando la tecla más ( + ) para avanzar o la menos ( - ) para retroceder en la lista. Esto nos brinda una manera rápida y fácil de probar cada uno y juzgar los resultados.

Si desea saltar directamente a uno de los modos de fusión más utilizados que hemos visto, simplemente mantenga presionado Mayús+Alt (Victoria) / Mayús+Opción (Mac) en su teclado y presione el botón METRO clave para Multiplicar , S por Pantalla , O por Cubrir , F por Luz tenue , o H por Luz dura .

Paso 6: elimina el color de la textura

Aunque parece bastante duro en este momento, me quedaré con el modo de fusión Hard Light (puede que prefieras un modo de fusión diferente con tu imagen). Sin embargo, hay algunas cosas que no me gustan del resultado actual. En primer lugar, no solo la textura en sí se mezcla con la foto, sino también el color de la textura. A veces querrás incluir el color porque puede agregar aún más interés, pero en este caso, quiero eliminarlo. Para hacer eso, usaré una capa de ajuste de Tono/Saturación.

Con la capa de textura (Capa 1) seleccionada en el panel Capas, mantendré presionada la tecla Todo (Victoria) / Opción (Mac) en mi teclado y haga clic en el Nueva capa de ajuste o relleno icono en la parte inferior del panel Capas:

  Haciendo clic en el icono Nuevo Relleno o Capa de Ajuste. Haciendo clic en el ícono Nuevo Relleno o Capa de Ajuste mientras presiona Alt (Win) / Opción (Mac).

Entonces elegiré La saturación de color de la lista que aparece:

  Seleccionando una capa de ajuste de Tono/Saturación. Seleccionando una capa de ajuste de Tono/Saturación.

Esto abre el cuadro de diálogo Nueva capa de Photoshop. Quiero que la capa de ajuste Tono/Saturación afecte solo a la capa de textura debajo de ella, no a la imagen original, así que seleccionaré la Use la capa anterior para crear una máscara de recorte opción haciendo clic dentro de su casilla de verificación:

  Seleccionando Usar capa anterior para crear máscara de recorte en el cuadro de diálogo Nueva capa. Seleccionando 'Usar capa anterior para crear máscara de recorte'.

haré clic OK para agregar la capa de ajuste Tono/Saturación y cerrar el cuadro de diálogo. Las opciones para la capa de ajuste aparecen en la Panel de propiedades . Para eliminar el color de la textura, solo necesitamos hacer clic y arrastrar el Saturación deslizador completamente hacia la izquierda, a un valor de -100 :

  Arrastrando el control deslizante Saturación completamente hacia la izquierda. Arrastrando el control deslizante Saturación completamente hacia la izquierda.

Con el color desaturado, solo queda la textura en sí:

  La imagen después de desaturar la textura. El efecto después de quitar el color de la textura.

Si volvemos a mirar en el panel Capas, vemos la capa de ajuste Tono/Saturación cortado a la capa de textura debajo de ella. Puede activar y desactivar el color de la textura haciendo clic en el botón de la capa de ajuste. icono de visibilidad . Haga clic una vez para desactivar la capa de ajuste y restaurar el color. Vuelva a hacer clic para volver a activar la capa de ajuste y eliminar el color:

  El icono de visibilidad de la capa de ajuste Tono/Saturación. Haciendo clic en el icono de visibilidad de la capa de ajuste de Tono/Saturación.

Paso 7: intenta invertir la textura

Además de quitar el color a la textura, también podemos probar invirtiendo lo que significa que invertiremos sus valores de brillo, haciendo que las áreas claras se oscurezcan y las áreas oscuras se aclaren. Para invertir la textura, usaremos una capa de ajuste Invertir. Una vez más, mantenga presionado el botón Todo (Victoria) / Opción (Mac) en su teclado y haga clic en el Nueva capa de ajuste o relleno icono en la parte inferior del panel Capas:

  Haciendo clic en el icono Nueva capa de ajuste. Sosteniendo Alt (Win) / Opción (Mac) y haciendo clic en el ícono Nuevo Relleno o Capa de Ajuste.

Esta vez, eligió Invertir de la lista:

  Selección de una capa de ajuste Invertir. Selección de una capa de ajuste Invertir.

Cuando se abra el cuadro de diálogo Nueva capa, seleccione la Use la capa anterior para crear una máscara de recorte opción para que solo la textura, no la imagen original, se vea afectada por la capa de ajuste:

  Revisando el"Use Previous Layer to Create Clipping Mask" option. Marcando la opción 'Usar capa anterior para crear máscara de recorte'.

Haga clic en Aceptar para cerrar el cuadro de diálogo y agregar la capa de ajuste Invertir. No hay opciones para el ajuste Invertir. Photoshop simplemente invierte los valores de brillo de la textura. En mi caso, creo que la versión invertida funciona mejor ya que permite que se vea más de mi foto original:

  La imagen después de invertir la textura. Invertir la textura a veces puede producir mejores resultados.

La capa de ajuste Invertir aparece en el panel Capas sobre la capa de ajuste Tono/Saturación que agregamos anteriormente y, al igual que la capa de ajuste Tono/Saturación, se recorta a la capa de textura (Capa 1) debajo de ella para que la imagen original en la capa Fondo no se ve afectado Para comparar las versiones invertida y original de la textura para ver cuál funciona mejor, simplemente haga clic en la capa de ajuste Invertir icono de visibilidad repetidamente para activar y desactivar la capa:

  La capa de ajuste Invertir's visibility icon. Al hacer clic en el icono de visibilidad de la capa de ajuste Invertir.

Paso 8: Baje la opacidad de la textura

El único problema que queda es que la textura aún se ve demasiado intensa, pero podemos solucionarlo fácilmente al reducir su opacidad. Primero, haga clic en la capa de textura (Capa 1) para seleccionarla:

  Selección de la capa de textura. Selección de la capa de textura.

Encontrarás el Opacidad directamente frente a la opción Modo de fusión en la parte superior del panel Capas. De forma predeterminada, el valor de opacidad está establecido en 100 %, pero cuanto más lo reduzca, más se verá la foto original debajo de la textura. Bajaré el valor al 50%:

  La opción Opacidad de la capa en el panel Capas en Photoshop. Bajando la opacidad de la textura al 50%.

Y aquí, después de bajar la opacidad, está mi resultado final:

  La imagen después de bajar la opacidad de la textura. El efecto final. (© 2015 Steve Patterson)