Convierte cualquier foto en un fondo con Photoshop

Convierte cualquier foto en un fondo con Photoshop

Convierte cualquier foto en un fondo con Photoshop


En este Tutorial de efectos de Photoshopvamos a aprender lo fácil que es convertir cualquier foto en una interesante antecedentes usando un par de herramientas básicas de selección en Photoshop que, honestamente, no parecen servir para otro propósito que ayudarnos a crear este efecto. Estoy hablando de la Herramienta de marquesina de una sola fila and the Herramienta de marquesina de una sola columnaque por defecto se esconden detrás de la herramienta de la marquesina rectangular en la paleta de herramientas. Ni siquiera Adobe parece considerarlas muy útiles, ya que son dos de las pocas herramientas de 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 con la que lo creamos, lo que nos da un bonito efecto ya que el fondo y la foto comparten los mismos colores.

Puedes usar esta técnica para convertir cualquier foto en un fondo de pantalla. La foto en sí será irreconocible cuando termines, así que realmente no importa qué foto uses. Lo único que debes tener en cuenta es el colorido que quieres que tenga tu fondo. Cuanto más colorida sea la foto, más colorido será el fondo.

Aquí está la foto que usaré:

Imagen del tutorial de Adobe Photoshop.

La foto original.

Paso 1: Duplicar 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 hacerlo, usa el atajo de teclado Ctrl+J (Win) / Comando+J (Mac). Si miro en mi paleta de capas, puedo ver que ahora tengo dos capas: la capa de fondo en la parte inferior que contiene mi foto original, y la «Capa 1», que es una copia de la capa de fondo, encima de ella:

Imagen del tutorial de Adobe Photoshop.

Presiona «Ctrl+J» (Win) / «Comando+J» (Mac) para duplicar la capa de fondo.

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

En la paleta de herramientas, haz clic y mantén el ratón pulsado en el Herramienta de marquesina rectangular. Después de uno o dos segundos, aparecerá un menú volante 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 el ratón pulsado en la herramienta de marquesina rectangular de la paleta de herramientas, y luego seleccione la herramienta de marquesina de una sola columna del menú desplegable.

Paso 3: Haz 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 cosa y sólo una cosa: selecciona una sola columna de píxeles. Haz clic en cualquier parte de tu imagen y Photoshop seleccionará el píxel específico en el que hayas hecho clic, junto con todos los demás píxeles que estén por encima y por debajo de él de arriba a abajo. Ten en cuenta que tu selección sólo tendrá un píxel de ancho, así que si quieres que tu fondo contenga tantos colores diferentes de la foto como sea posible, tendrás que hacer clic en un área que tenga un buen surtido de colores por encima y por debajo. Voy a hacer clic en el lado derecho de la cara de la chica (su izquierda, nuestra derecha), que seleccionará bastantes colores diferentes de arriba a abajo:

Imagen del tutorial de Adobe Photoshop.

Haga clic dentro de la imagen con la herramienta de marquesina de una sola columna para seleccionar una columna entera de píxeles.

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

Ahora que tenemos nuestra única columna de píxeles seleccionada, necesitamos copiarla a una nueva capa. Podemos usar el mismo atajo de teclado que usamos hace un momento cuando duplicamos la capa de Fondo. Sólo hay que pulsar Ctrl+J (Win) / Comando+J (Mac) y Photoshop copiará la columna de píxeles a una nueva capa sobre 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: Estirar la columna a través de toda la imagen con una transformación libre

Aquí es donde hacemos la primera parte de nuestro fondo. Vamos a tomar esa única columna de píxeles y la estiramos para llenar toda la imagen. Para eso, usaremos Photoshop Free transformation …comando. Use el atajo de teclado Ctrl+T (Win) / Command+T (Mac) para sacar la caja de la Transformación Libre y las manijas alrededor de la columna de píxeles. Luego simplemente mueve el cursor del ratón cerca de la columna hasta que veas que se convierte en dos pequeñas flechas, una apuntando a la izquierda y la otra a la derecha. Haz clic con el ratón y arrastra la columna hacia la derecha. Verás que la columna se convierte en un patrón de color que se repite a medida que la arrastras:

FILE La fácil profundidad del efecto de campo en Photoshop

Imagen del tutorial de Adobe Photoshop.

Haga clic y arrastre la columna de píxeles a la derecha para crear un patrón de repetición.

Continúa arrastrando el patrón hasta que llegues al lado derecho de la foto. A continuación, mueve el cursor del ratón hacia el lado izquierdo del cuadro Transformación libre y luego haz clic y arrastra 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 toda la imagen esté cubierta por el patrón de repetición.

Una vez que haya cubierto toda la foto con el patrón de izquierda a derecha, pulse Enter (Win) / Returns (Mac ) para aceptar la transformación y salir del comando de la Transformación Libre. Su imagen debería verse ahora algo como esto:

Imagen del tutorial de Adobe Photoshop.

La foto está ahora oculta por el patrón horizontal.

La primera parte de nuestros antecedentes está hecha, y tú podría Detente aquí si quieres, pero en la siguiente página, vamos a continuar para hacer nuestro fondo 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 de la marquesina de una sola columna, pero esta vez vamos a usar la Herramienta de marquesina de una sola fila para crear un patrón vertical. Antes de que podamos hacer eso, sin embargo, tenemos que ocultar nuestro patrón horizontal para que podamos ver lo que estamos haciendo. Haz clic en el Icono de visibilidad de la capa (el globo ocular) a la izquierda de la «Capa 2» en la paleta de 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 la capa (el globo ocular) a la izquierda de la «Capa 2» en la paleta de 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: Seleccionar la herramienta de marquesina de una sola fila

Haga clic en la herramienta de marquesina de una sola columna en la paleta de herramientas y mantenga el botón del ratón pulsado hasta que aparezca el menú desplegable, y luego seleccione el Herramienta de marquesina de una sola fila From the list:

Imagen del tutorial de Adobe Photoshop.

Haga clic y mantenga el ratón pulsado en la herramienta de marquesina de una sola columna en la paleta de herramientas, y luego seleccione la herramienta de marquesina de una sola fila en el menú desplegable.

Paso 8: Seleccionar «Capa 1»

Vamos a usar la herramienta de marquesina de una sola fila para seleccionar una fila entera de píxeles, pero antes de poder hacerlo, necesitamos tener nuestra foto seleccionada. Actualmente, tenemos seleccionado el patrón horizontal (aunque lo hayamos ocultado de la vista). Nuestra foto está en la «Capa 1», por lo que debemos hacer clic en «Capa 1» en la paleta de Capas para seleccionarla:

Imagen del tutorial de Adobe Photoshop.

Haga clic en «Capa 1» en la paleta de Capas para seleccionar la foto.

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

Como hicimos con la herramienta de 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 sobre el que has hecho clic, así como todos los demás píxeles de esa fila de izquierda a derecha. Una vez más, ten en cuenta que tu selección sólo tendrá 1 píxel de altura, así que si quieres que tu fondo sea lo más colorido posible, deberás hacer clic en un área que te ofrezca un buen surtido de colores de izquierda a derecha. Voy a hacer clic en la frente de la chica:

Imagen del tutorial de Adobe Photoshop.

Haga clic dentro de la imagen con la herramienta de marquesina de una sola fila para seleccionar una fila entera de píxeles.

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

Con nuestra fila de píxeles seleccionada, pulse Ctrl+J (Win) / Comando+J (Mac) para copiar la selección a una nueva capa, que aparecerá entre la «Capa 1» y la capa de patrón horizontal en la paleta de 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: Estirar la fila a través de toda la imagen con transformación libre

Press Ctrl+T (Win) / Command+T (Mac) para volver a traer el cuadro y los mangos de Transformación Libre, luego mueve tu ratón justo encima de la fila hasta que veas que tu cursor cambia en dos flechas, una apuntando hacia arriba y la otra hacia abajo. Haz clic con el ratón y arrastra la columna hacia arriba, hacia la parte superior de la imagen. Al igual que antes, la fila se convertirá en un patrón repetitivo a medida que la arrastres:

Imagen del tutorial de Adobe Photoshop.

Haga clic y arrastre la fila de píxeles hacia arriba para crear un patrón de repetición.

Continúe arrastrando el patrón hasta llegar a la parte superior de la foto. Luego arrastre la parte inferior de la fila de píxeles hasta la parte inferior de la foto hasta que toda la foto esté cubierta por el patrón. Presiona Enter (Win) / Returns (Mac) para aceptar la transformación y salir del comando de la Transformación Libre. Tu imagen debería verse ahora algo como esto:

FILE Fácil enfoque suave y efecto de brillo en Photoshop

Imagen del tutorial de Adobe Photoshop.

La foto está ahora escondida detrás de un patrón vertical repetido.

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 vamos a hacer a continuación es buscar algunas formas diferentes de mezclar los dos patrones juntos!

Paso 12: Volver a poner en marcha la capa de patrón horizontal

Ahora que tenemos nuestros dos patrones, veamos algunas formas simples de mezclarlos para crear un fondo interesante. En primer lugar, tendremos que volver a activar nuestra capa de patrón horizontal, así que haz clic dentro del pequeño cuadrado vacío a la izquierda de «Capa 2» en la paleta de Capas, lo que hará que vuelva a aparecer el icono del globo ocular y que la capa sea visible dentro de la ventana del documento una vez más:

Imagen del tutorial de Adobe Photoshop.

Haga clic en el icono de visibilidad de la capa para la «Capa 2» para volver a activar la capa en la ventana del documento.

Paso 13: Seleccionar la capa de patrón horizontal

También necesitamos tener la capa de patrón horizontal seleccionada, y simplemente haciendo la capa visible de nuevo no la selecciona realmente. Necesitamos hacer clic en la capa en la paleta de capas para seleccionarla:

Imagen del tutorial de Adobe Photoshop.

Haga clic en «Capa 2» en la paleta de Capas para seleccionarla.

Ahora que tenemos nuestros dos patrones visibles, veamos cómo podemos mezclarlos fácilmente.

Opción 1: Bajar la opacidad de la «Capa 2»

Una forma de mezclar rápida y fácilmente los dos patrones juntos es simplemente bajando la opacidad de la capa del patrón horizontal. Con la «Capa 2» seleccionada, sube a la Opacity en la esquina superior derecha de la paleta de capas y bajar la opacidad de la capa hasta 50%:

Imagen del tutorial de Adobe Photoshop.

Bajar la opacidad de la «Capa 2» hasta el 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 juntos bajando la opacidad de la capa superior:

Imagen del tutorial de Adobe Photoshop.

Bajar la opacidad de la «Capa 2» hasta el 50% para mezclar los dos patrones.

Opción 2: Cambiar el modo de mezcla de la «Capa 2»

Otra forma de mezclar los dos patrones juntos fácilmente es usando modos de mezcla de capas. Primero, voy a restablecer la opacidad de la «Capa 2» a un 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 de capas (directamente frente a la opción de 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. Prueba cada uno de ellos para ver qué tipo de efecto obtienes. Aquí, he cambiado mi modo de mezcla para la «Capa 2» a Multiply:

Imagen del tutorial de Adobe Photoshop.

Cambiando el modo de mezcla de la «Capa 2» de «Normal» a «Multiplicar».

El modo de fusión «Multiplicar» es uno de los más utilizados cuando se trabaja en Photoshop, y aquí está 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 mezcla «Multiplicar».

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

Imagen del tutorial de Adobe Photoshop.

Combina el modo de mezcla 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 mezcla de la «Capa 2» a «Luz dura» y bajar la opacidad al 50%.

De nuevo, 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 proporciona cada modo de fusión.

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

Veamos una tercera forma de mezclar los dos patrones. Esta vez, usaremos un layer mask. Primero, estableceré mi modo de mezcla de capas para la «Capa 2» de vuelta a «Normal» y aumentaré la opacidad hasta el 100%. Luego, para añadir una máscara de capa a la «Capa 2», haré clic en el botón Máscara de capa en la parte inferior de la paleta de capas. Nada parece haber sucedido en la ventana del documento, pero si miramos en la paleta de capas, veremos un thumbnail layer mask a la derecha de la miniatura de la vista previa de la «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 de capas, se añade 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 añadida, seleccione la Gradient tool de la paleta de herramientas, o presione la letra G para seleccionarlo rápidamente con el atajo del teclado:

Imagen del tutorial de Adobe Photoshop.

Seleccione la herramienta de gradiente.

Con la herramienta de gradiente seleccionada, clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar dentro de su imagen y seleccione el gradiente de negro a blanco de la caja de selección de gradientes que aparece:

FILE Añadir burbujas con un pincel de burbujas personalizado

Imagen del tutorial de Adobe Photoshop.

«Clic-derecho» (Win) / «Control-clic» (Mac) dentro del documento y seleccionar el gradiente «negro a blanco».

Usemos la máscara de capa para desvanecer los patrones en diagonal. Haz clic con la herramienta de gradiente en algún lugar de la esquina superior izquierda de la imagen, y luego arrastra el ratón hasta la esquina inferior derecha:

Imagen del tutorial de Adobe Photoshop.

Haga clic en la esquina superior izquierda de la imagen con la herramienta de gradiente y arrastre hacia abajo hasta la esquina inferior derecha.

Suelte el botón del ratón y Photoshop añade la máscara de capa, mezclando los dos patrones de arriba a la izquierda y de abajo a la derecha:

Imagen del tutorial de Adobe Photoshop.

Los dos patrones se están mezclando ahora gradualmente desde la parte superior izquierda hasta la inferior derecha.

Ahora que hemos creado nuestro efecto de fondo, añadámoslo a la misma foto con la que lo creamos. Esta parte es opcional, por supuesto, pero si quieres seguir adelante, aquí tienes cómo hacerlo.

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

Actualmente, nuestro fondo está delante de nuestra foto, que realmente no es donde se esperaría un antecedentes para ser. Necesitamos mover nuestra foto delante del fondo, lo que significa que tenemos que mover la capa de la foto por encima de nuestras dos capas de patrón en la paleta de capas. Nuestra foto está en la «Capa 1», por lo que haga clic en «Capa 1» en la paleta de Capas para seleccionarla:

Imagen del tutorial de Adobe Photoshop.

Selecciona la foto haciendo clic en «Capa 1» en la paleta de 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, sólo hay que pulsar Shift+Ctrl+] (Win) / Shift+Comando+] (Mac).
Photoshop saltará la capa sobre todas las demás y la moverá directamente a la parte superior de la paleta de capas:

Imagen del tutorial de Adobe Photoshop.

Presione «Shift+Ctrl+]» (Ganar) / «Shift+Command+]» (Mac) para saltar «Capa 1» directamente a la parte superior de la paleta de Capas.

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

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

Press Ctrl+T (Win) / Command+T (Mac) para volver a mencionar el comando Transformación Libre de Photoshop, esta vez alrededor de la foto. Manténgalo pulsado Shift+Alt (Win) / Shift+Opción (Mac) y arrastra cualquiera de las cuatro manijas de las esquinas hacia adentro para hacer la foto más pequeña, revelando el fondo detrás de ella. Mantener la tecla «Shift» restringe las proporciones de anchura y altura de la foto mientras se arrastra, y mantener pulsada la tecla «Alt/Option» le dice a Photoshop que redimensione la foto desde su centro:

Imagen del tutorial de Adobe Photoshop.

Mantén pulsada la tecla «Shift+Alt» (Win) / «Shift+Option» (Mac) y arrastra cualquiera de las manijas de las esquinas de Transformación Libre hacia el centro para hacer la foto más pequeña.

Press Enter (Win) / Returns (Mac) cuando estés contento con el tamaño de tu foto para aceptar la transformación y salir del comando Transformación Libre.

Opción 3: Agregar una sombra

Para completar el efecto, voy a añadir una sombra de gota a mi foto para que destaque un poco más contra el fondo. Haga clic en el Layer styles en la parte inferior de la paleta de capas y seleccione Drop Shadow de la lista de estilos de capa que aparece:

Imagen del tutorial de Adobe Photoshop.

Selecciona «Sombra» de la lista de estilos de capa en la paleta de capas…

Esto nos lleva al Photoshop Estilo de capa en las opciones de Sombra en la columna del medio. Cambie el Angle de la sombra de la gota a 120° y bajar el Opacity hasta alrededor de 60%:

Imagen del tutorial de Adobe Photoshop.

Bajar la Opacidad de la sombra de la gota al 60% y cambiar el Ángulo a 120°.

Haz clic en OK en la esquina superior derecha del cuadro de diálogo del Estilo de Capa para salir de él, y con eso, ¡hemos terminado! Aquí, después de añadir una sombra a mi foto, es el resultado final:

Imagen del tutorial de Adobe Photoshop.

El resultado final.

¡Y ahí lo tenemos! ¡Así es como se convierte cualquier foto en un fondo interesante con Photoshop! Visite nuestra sección de efectos fotográficos para más tutoriales de efectos de Photoshop!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon