Convierte cualquier foto en un fondo con Photoshop

Escrito por Steve Patterson.

En esto Tutorial de efectos de Photoshop , vamos a aprender lo fácil que es convertir cualquier foto en un interesante antecedentes utilizando un par de herramientas básicas de selección en Photoshop que, sinceramente, parecen no tener otro propósito que el de ayudarnos a crear este efecto. estoy hablando de la Herramienta Marquesina de una sola fila y el Herramienta de marquesina de una sola columna , que por defecto se esconden detrás de la herramienta Marco rectangular en la paleta Herramientas. Incluso Adobe no parece considerarlos muy útiles, ya que son dos de las pocas herramientas en la paleta de herramientas que no tienen un atajo de teclado asociado. Sin embargo, como veremos en este tutorial, cuando se trata de crear fondos simples o papel tapiz en Photoshop, estas dos herramientas de selección son difíciles de superar.



Al final del tutorial, veremos cómo podemos combinar fácilmente nuestro fondo recién creado con la misma foto a partir de la cual lo creamos, lo que nos da un efecto agradable ya que el fondo y la foto comparten los mismos colores.

Puede usar esta técnica para convertir cualquier foto en un fondo o papel tapiz. La foto en sí será irreconocible cuando haya terminado, por lo que realmente no importa qué foto use. Lo único que puede querer tener en cuenta es qué tan colorido quiere que sea su fondo. Cuanto más colorida la foto, más colorido el fondo.





Aquí está la foto que usaré:

  Imagen del tutorial de Adobe Photoshop. La foto original.

Paso 1: duplica la capa de fondo

Como siempre, queremos evitar hacer cualquier trabajo en nuestra imagen original, así que antes de hacer cualquier otra cosa, necesitamos duplicar nuestra capa de Fondo. Para hacer eso, use el atajo de teclado Control+J (Victoria) / Comando+J (Mac). Si miro en mi paleta Capas, puedo ver que ahora tengo dos capas: la capa Fondo en la parte inferior que contiene mi foto original y la 'Capa 1', que es una copia de la capa Fondo, encima:



  Imagen del tutorial de Adobe Photoshop. Presiona 'Ctrl+J' (Win) / 'Command+J' (Mac) para duplicar la capa de fondo.

Paso 2: seleccione la herramienta de marquesina de una sola columna

En la paleta de herramientas, haga clic y mantenga presionado el mouse sobre el Herramienta Marco Rectangular . Después de uno o dos segundos, aparecerá un menú desplegable que le mostrará todas las herramientas que se esconden detrás de él. Selecciona el Herramienta de marquesina de una sola columna desde el final de la lista:

  Imagen del tutorial de Adobe Photoshop. Haga clic y mantenga presionado el mouse en la herramienta Marco rectangular en la paleta de herramientas, luego seleccione la herramienta Marco de una sola columna en el menú desplegable.

Paso 3: haga clic dentro de la imagen para seleccionar una sola columna de píxeles

La herramienta de marquesina de una sola columna recibe su nombre del hecho de que hace una sola cosa: selecciona una sola columna de píxeles. Haga clic en cualquier lugar dentro de su imagen y Photoshop seleccionará el píxel específico en el que hizo clic, junto con cualquier otro píxel arriba y abajo de arriba a abajo. Tenga en cuenta que su selección solo tendrá un píxel de ancho, por lo que si desea que su fondo contenga tantos colores diferentes de la foto como sea posible, deberá hacer clic en un área que tenga una buena variedad de colores arriba y abajo. eso. Voy a hacer clic en el lado derecho de la cara de la niña (su izquierda, nuestra derecha), lo que seleccionará bastantes colores diferentes de arriba a abajo:



  Imagen del tutorial de Adobe Photoshop. Haga clic dentro de la imagen con la herramienta Marquesina de una sola columna para seleccionar una columna completa de píxeles.

Paso 4: copie la selección a una nueva capa

Ahora que tenemos nuestra única columna de píxeles seleccionada, necesitamos copiarla en una nueva capa. Podemos usar el mismo atajo de teclado que usamos hace un momento cuando duplicamos la capa Fondo. Solo presiona Control+J (Victoria) / Comando+J (Mac) y Photoshop copiará la columna de píxeles en una nueva capa encima de la 'Capa 1':

  Imagen del tutorial de Adobe Photoshop. Presiona 'Ctrl+J' (Win) / 'Comando+J' (Mac) para copiar la columna de píxeles seleccionada en una nueva capa.

Paso 5: Estire la columna a lo largo de toda la imagen con transformación libre

Aquí es donde hacemos la primera parte de nuestro fondo. Vamos a tomar esa única columna de píxeles y estirarla para llenar toda la imagen. Para eso, usaremos Photoshop Transformación libre dominio. Usa el atajo de teclado Control+T (Victoria) / Comando+T (Mac) para que aparezca el cuadro Transformación libre y los controladores alrededor de la columna de píxeles. Luego, simplemente mueva el cursor del mouse cerca de la columna hasta que vea que se convierte en dos flechas pequeñas, una que apunta a la izquierda y la otra a la derecha. Haga clic con el mouse y arrastre la columna hacia la derecha. Verá que la columna se convierte en un patrón repetitivo de color a medida que arrastra:

  Imagen del tutorial de Adobe Photoshop. Haga clic y arrastre la columna de píxeles hacia la derecha para crear un patrón repetitivo.

Continúe arrastrando el patrón hasta llegar al lado derecho de la foto. Luego mueva el cursor del mouse hacia el lado izquierdo del cuadro Transformación libre y luego haga clic y arrastre el patrón por el lado izquierdo de la imagen:



  Imagen del tutorial de Adobe Photoshop. Haga clic y arrastre la columna hacia la izquierda hasta que el patrón repetitivo cubra toda la imagen.

Una vez que haya cubierto toda la foto con el patrón de izquierda a derecha, presione Ingresar (Victoria) / Devolver (Mac) para aceptar la transformación y salir del comando Transformación libre. Tu imagen ahora debería verse así:

  Imagen del tutorial de Adobe Photoshop. La foto ahora está oculta por el patrón horizontal.

La primera parte de nuestros antecedentes está hecha, y usted pudo deténgase aquí si lo desea, pero en la página siguiente, continuaremos para que nuestro trasfondo sea aún más interesante.

Paso 6: ocultar la capa de patrón horizontal

Vamos a repetir lo que acabamos de hacer con la herramienta Marquesina de una sola columna, pero esta vez vamos a usar la Herramienta Marquesina de una sola fila para crear un patrón vertical. Sin embargo, antes de que podamos hacer eso, debemos ocultar nuestro patrón horizontal para que podamos ver lo que estamos haciendo. Haga clic en el Icono de visibilidad de capa (el globo ocular) a la izquierda de 'Capa 2' en la paleta Capas para ocultar temporalmente el patrón horizontal de la vista:



  Imagen del tutorial de Adobe Photoshop. Haga clic en el icono de visibilidad de capa (el globo ocular) a la izquierda de 'Capa 2' en la paleta Capas para ocultar la capa.

El globo ocular desaparecerá, dejando un cuadrado vacío en su lugar, y el patrón horizontal desaparecerá en la ventana del documento, permitiéndonos ver nuestra foto una vez más.

Paso 7: seleccione la herramienta Marquesina de una sola fila

Haga clic en la herramienta Marquesina de una sola columna en la paleta de Herramientas y mantenga presionado el botón del mouse hasta que aparezca el menú desplegable, luego seleccione la Herramienta Marquesina de una sola fila de la lista:



  Imagen del tutorial de Adobe Photoshop. Haga clic y mantenga presionado el mouse en la herramienta Marquesina de una sola columna en la paleta de herramientas, luego seleccione la herramienta Marquesina de una fila en el menú desplegable.

Paso 8: Seleccione 'Capa 1'

Vamos a utilizar la herramienta Marquesina de una sola fila para seleccionar una fila completa de píxeles, pero antes de que podamos hacerlo, debemos tener nuestra foto seleccionada. Actualmente, tenemos el patrón horizontal seleccionado (aunque lo hemos ocultado de la vista). Nuestra foto está en 'Capa 1', así que haga clic en 'Capa 1' en la paleta Capas para seleccionarla:

  Imagen del tutorial de Adobe Photoshop. Haga clic en 'Capa 1' en la paleta Capas para seleccionar la foto.

Paso 9: haga clic dentro de la imagen para seleccionar una sola fila de píxeles

Tal como hicimos con la herramienta Marquesina de una sola columna, haga clic en cualquier lugar dentro de la imagen para seleccionar una sola fila de píxeles.
Photoshop seleccionará el píxel específico en el que hizo clic, así como todos los demás píxeles de esa fila de izquierda a derecha. Nuevamente, tenga en cuenta que su selección solo tendrá 1 píxel de altura, por lo que si desea que su fondo sea lo más colorido posible, deberá hacer clic en un área que le dará una buena variedad de colores de izquierda a derecha. Correcto. Voy a hacer clic en la frente de la niña:



  Imagen del tutorial de Adobe Photoshop. Haga clic dentro de la imagen con la herramienta Marco de una sola fila para seleccionar una fila completa de píxeles.

Paso 10: copie la selección a una nueva capa

Con nuestra fila de píxeles seleccionada, presiona Control+J (Victoria) / Comando+J (Mac) para copiar la selección a una nueva capa, que aparecerá entre 'Capa 1' y la capa de patrón horizontal en la paleta Capas:

  Imagen del tutorial de Adobe Photoshop. Presiona 'Ctrl+J' (Win) / 'Comando+J' (Mac) para copiar la selección a una nueva capa.

Paso 11: Estire la fila a lo largo de toda la imagen con transformación libre

Prensa Control+T (Victoria) / Comando+T (Mac) para volver a abrir el cuadro y los controladores de Transformación libre, luego mueva el mouse justo encima de la fila hasta que vea que el cursor cambia a dos flechas, una apuntando hacia arriba y la otra hacia abajo. Haga clic con el mouse y arrastre la columna hacia la parte superior de la imagen. Al igual que antes, la fila se convertirá en un patrón repetitivo a medida que arrastre:

  Imagen del tutorial de Adobe Photoshop. Haga clic y arrastre la fila de píxeles hacia arriba para crear un patrón repetitivo.

Continúe arrastrando el patrón hasta llegar a la parte superior de la foto. A continuación, arrastre la parte inferior de la fila de píxeles hasta la parte inferior de la foto hasta que el patrón cubra toda la foto. Prensa Ingresar (Victoria) / Devolver (Mac) para aceptar la transformación y salir del comando Transformación libre. Tu imagen ahora debería verse así:

  Imagen del tutorial de Adobe Photoshop. La foto ahora está oculta detrás de un patrón vertical repetitivo.

Por el momento, parece que todo lo que hemos hecho es reemplazar nuestro patrón horizontal inicial con un patrón vertical, pero lo que haremos a continuación es buscar algunas formas diferentes de combinar los dos patrones.

Paso 12: Vuelva a activar la capa de patrón horizontal

Ahora que tenemos nuestros dos patrones, veamos algunas formas sencillas en las que podemos combinarlos para crear un fondo interesante. Primero, necesitaremos volver a activar nuestra capa de patrón horizontal, así que haga clic dentro del pequeño cuadrado vacío a la izquierda de 'Capa 2' en la paleta Capas, lo que traerá de vuelta el ícono del globo ocular y hará que la capa sea visible dentro del documento. ventana una vez más:

  Imagen del tutorial de Adobe Photoshop. Haga clic en el ícono de Visibilidad de capa para 'Capa 2' para volver a activar la capa en la ventana del documento.

Paso 13: seleccione la capa de patrón horizontal

También necesitamos tener seleccionada la capa de patrón horizontal, y simplemente hacer que la capa sea visible nuevamente no la selecciona. Necesitamos hacer clic en la capa en la paleta Capas para seleccionarla:

  Imagen del tutorial de Adobe Photoshop. Haz clic en 'Capa 2' en la paleta Capas para seleccionarla.

Ahora que tenemos ambos patrones visibles, veamos cómo podemos combinarlos fácilmente.

Opción 1: Reducir la opacidad de la 'Capa 2'

Una forma de combinar rápida y fácilmente los dos patrones es simplemente reducir la opacidad de la capa del patrón horizontal. Con 'Layer 2' seleccionado, sube a la Opacidad en la esquina superior derecha de la paleta Capas y baje la opacidad de la capa hasta 50% :

  Imagen del tutorial de Adobe Photoshop. Baje la opacidad de la 'Capa 2' al 50% para mezclar los dos patrones.

Puede ajustar el valor de opacidad a su gusto para afinar el efecto, pero aquí está mi fondo después de mezclar los dos patrones al reducir la opacidad de la capa superior:

  Imagen del tutorial de Adobe Photoshop. Baje la opacidad de la 'Capa 2' al 50% para mezclar los dos patrones.

Opción 2: cambiar el modo de fusión de 'Capa 2'

Otra forma de combinar fácilmente los dos patrones es usando modos de mezcla de capas . Primero, voy a volver a configurar la opacidad de la 'Capa 2' al 100%. Luego cambiaré el modo de fusión de la capa subiendo a la opción de modo de fusión en la esquina superior izquierda de la paleta Capas (justo enfrente de la opción Opacidad), haciendo clic en la flecha que apunta hacia abajo a la derecha de la palabra 'Normal' y seleccionando un modo de fusión diferente de la lista desplegable. Pruebe cada uno de ellos para ver qué tipo de efecto obtiene. Aquí, cambié mi modo de fusión para 'Capa 2' a Multiplicar :

  Imagen del tutorial de Adobe Photoshop. Cambiar el modo de fusión de 'Capa 2' de 'Normal' a 'Multiplicar'.

El modo de fusión 'Multiplicar' es uno de los modos de fusión más utilizados cuando se trabaja en Photoshop, y este es el efecto de fondo que obtengo con él. El fondo ahora aparece más oscuro que antes con colores más ricos:

  Imagen del tutorial de Adobe Photoshop. El efecto de fondo creado con el modo de fusión 'Multiplicar'.

Aquí hay otra variación del efecto de fondo, esta vez usando una combinación del modo de fusión y las opciones de opacidad. He cambiado el modo de mezcla a Luz dura y bajamos la opacidad a 50%:

  Imagen del tutorial de Adobe Photoshop. Combine el modo de fusión y las opciones de opacidad para obtener aún más posibilidades.

Aquí está mi nuevo efecto de fondo:

  Imagen del tutorial de Adobe Photoshop. El efecto de fondo creado al cambiar el modo de fusión de 'Capa 2' a 'Luz intensa' y reducir la opacidad al 50 %.

Nuevamente, pruebe cada uno de los modos de fusión y vigile su imagen en la ventana del documento para ver qué tipo de efecto le brinda cada modo de fusión.

Opción 3: usar una máscara de capa

Veamos una tercera forma de combinar los dos patrones. Esta vez, usaremos un máscara de capa . Primero, estableceré mi modo de fusión de capas para 'Capa 2' de nuevo en 'Normal' y aumentaré la opacidad hasta el 100%. Luego, para agregar una máscara de capa a 'Capa 2', haré clic en el Máscara de capa icono en la parte inferior de la paleta Capas. Parecerá que no ha pasado nada en la ventana del documento, pero si miramos en la paleta Capas, veremos un miniatura de máscara de capa a la derecha de la vista previa en miniatura de 'Capa 2':

  Imagen del tutorial de Adobe Photoshop. Al hacer clic en el icono de máscara de capa en la parte inferior de la paleta Capas, se agrega una miniatura de máscara de capa a la derecha de la miniatura de vista previa de la Capa 2.

Con la máscara de capa agregada, seleccione el Herramienta gradiente desde la paleta Herramientas, o presione la letra GRAMO para seleccionarlo rápidamente con el atajo de teclado:

  Imagen del tutorial de Adobe Photoshop. Seleccione la herramienta Degradado.

Con la herramienta Degradado seleccionada, botón derecho del ratón (Victoria) / Control-clic (Mac) en cualquier lugar dentro de su imagen y seleccione el degradado de negro a blanco desde el cuadro de selección de degradado que aparece:

  Imagen del tutorial de Adobe Photoshop. 'Haga clic derecho' (Win) / 'Control-clic' (Mac) dentro del documento y seleccione el degradado 'negro a blanco'.

Usemos la máscara de capa para desvanecer los patrones entre sí en diagonal. Haga clic con la herramienta Degradado en algún lugar de la esquina superior izquierda de la imagen, luego arrastre el mouse hacia la esquina inferior derecha:

  Imagen del tutorial de Adobe Photoshop. Haga clic en la esquina superior izquierda de la imagen con la herramienta Degradado y arrastre hacia abajo hasta la esquina inferior derecha.

Suelte el botón del mouse y Photoshop agregará la máscara de capa, combinando los dos patrones desde la parte superior izquierda hasta la parte inferior derecha:

  Imagen del tutorial de Adobe Photoshop. Los dos patrones ahora se mezclan gradualmente desde la parte superior izquierda hasta la parte inferior derecha.

Ahora que hemos creado nuestro efecto de fondo, ¡vamos a agregarlo a la misma foto desde la que lo creamos! Esta parte es opcional, por supuesto, pero si desea continuar, aquí le mostramos cómo hacerlo.

Paso 1: mueva la capa de fotos a la parte superior de la paleta de capas

Actualmente, nuestro fondo está frente a nuestra foto, que en realidad no es donde esperarías una antecedentes ser - estar. Necesitamos mover nuestra foto al frente del fondo, lo que significa que necesitamos mover la capa de la foto sobre nuestras dos capas de patrón en la paleta Capas. Nuestra foto está en 'Capa 1', así que haga clic en 'Capa 1' en la paleta Capas para seleccionarla:

  Imagen del tutorial de Adobe Photoshop. Seleccione la foto haciendo clic en 'Capa 1' en la paleta Capas.

Aquí hay un atajo de teclado rápido para mover una capa directamente a la parte superior de la pila de capas. Con la capa seleccionada, simplemente presione Mayús+Ctrl+] (Victoria) / Mayús+Comando+] (Mac).
Photoshop saltará la capa por encima de todas las demás y la moverá directamente a la parte superior de la paleta Capas:

  Imagen del tutorial de Adobe Photoshop. Presione 'Shift+Ctrl+]' (Win) / 'Shift+Command+]' (Mac) para saltar 'Capa 1' directamente a la parte superior de la paleta Capas.

La foto ahora se vuelve visible en la ventana del documento una vez más.

Paso 2: cambia el tamaño de la foto con transformación libre

Prensa Control+T (Victoria) / Comando+T (Mac) para volver a mostrar el comando Transformación libre de Photoshop, esta vez alrededor de la foto. Sujetar Mayús+Alt (Victoria) / Mayús+Opción (Mac) y arrastre cualquiera de los cuatro tiradores de las esquinas hacia adentro para hacer la foto más pequeña, revelando el fondo detrás de ella. Mantener presionada la tecla 'Shift' restringe las proporciones de ancho y alto de la foto a medida que arrastra, y mantener presionada la tecla 'Alt/Opción' le dice a Photoshop que cambie el tamaño de la foto desde su centro:

  Imagen del tutorial de Adobe Photoshop. Mantenga presionada la tecla 'Mayús+Alt' (Win) / 'Mayús+Opción' (Mac) y arrastre cualquiera de los controladores de las esquinas de Transformación libre hacia el centro para hacer la foto más pequeña.

Prensa Ingresar (Victoria) / Devolver (Mac) cuando esté satisfecho con el tamaño de su foto para aceptar la transformación y salir del comando Transformación libre.

Opción 3: Agregar una sombra paralela

Para completar el efecto, agregaré una sombra paralela a mi foto para que se destaque un poco más contra el fondo. Haga clic en el Estilos de capa en la parte inferior de la paleta Capas y seleccione Sombra paralela de la lista de estilos de capa que aparece:

  Imagen del tutorial de Adobe Photoshop. Seleccione 'Sombra paralela' de la lista de estilos de capa en la paleta Capas.

Esto abre Photoshop Estilo de capa cuadro de diálogo establecido en las opciones de Sombra paralela en la columna central. Cambiar el Ángulo de la sombra paralela a 120° y bajar el Opacidad hasta alrededor 60% :

  Imagen del tutorial de Adobe Photoshop. Baje la Opacidad de la sombra paralela al 60% y cambie el Ángulo a 120°.

Haga clic en Aceptar en la esquina superior derecha del cuadro de diálogo Estilo de capa para salir y listo. Aquí, después de agregar una sombra paralela a mi foto, está el resultado final:

  Imagen del tutorial de Adobe Photoshop. El resultado final.