Collage de fotos deformadas con Photoshop

Collage de fotos deformadas con Photoshop

Collage de fotos deformadas con Photoshop


En esto Efectos de Photoshop tutorial, vamos a aprender a crear un collage de fotos «deformadas». Ahora, no dejes volar tu imaginación aquí. Cuando digo «deformado», no me refiero a «enfermo, retorcido e impactante», a menos que, por supuesto, esos sean los tipos de fotos que desea utilizar. Estoy hablando de fotos que doblaremos, rizaremos, distorsionaremos y daremos forma con la herramienta Deformar de Photoshop.

Debo señalar aquí que la herramienta Deformar (que no debe confundirse con la herramienta Deformar texto) solo ha existido desde Photoshop CS2, lo que significa que necesitará Photoshop CS2 o posterior si desea seguir usando las mismas técnicas que yo ‘ que usaré en este tutorial. Allí están formas más complicadas y que requieren más tiempo para crear el mismo efecto en versiones anteriores de Photoshop, pero la herramienta Deformar nos hace las cosas increíblemente fáciles y también es muy divertido de usar, como veremos.

Para este tutorial, usaré tres fotos en mi collage, más la imagen que usaré como fondo, para un total de cuatro fotos (¿quién dice que las matemáticas no son fáciles?). Por supuesto, puede utilizar tantas fotos como desee. Dado que Halloween se acerca rápidamente (en el momento en que estoy escribiendo esto), pensé en elegir un tema de Halloween para mi collage, pero nuevamente puedes usar las fotos que quieras.

Este es el efecto final en el que trabajaremos:

Imagen del tutorial de Adobe Photoshop.

El efecto final.


Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!

Paso 1: Abra la primera foto que desee agregar a su collage

Abra la primera foto que desea agregar a su collage. Pasaremos por todos los pasos necesarios para completar nuestro trabajo en esta primera foto, y luego es simplemente una cuestión de repetir los pasos con cada foto adicional que desee agregar a su collage.

Aquí está la primera foto que usaré:

Imagen del tutorial de Adobe Photoshop.

Abra la primera foto que agregará a su collage.

Paso 2: Cambiar el nombre de la capa de fondo

Con la foto recién abierta dentro de Photoshop, si miramos en la paleta Capas, podemos ver que actualmente tenemos una capa, llamada Fondo, que contiene nuestra imagen:

Imagen del tutorial de Adobe Photoshop.

La paleta Capas de Photoshop que muestra nuestra imagen original en el Fondo capa.

Necesitamos agregar una nueva capa en blanco debajo de esta Fondo capa, pero hay un pequeño problema. Photoshop trata el Fondo capa de manera diferente a todas las demás capas (razón por la cual el nombre está escrito en cursiva). Hay cosas que podemos hacer con otras capas que no podemos hacer con el Fondo capa. Una de las cosas que no podemos hacer es agregar capas debajo. los Fondo La capa siempre debe permanecer como la capa inferior en la paleta Capas. Afortunadamente, existe una forma sencilla de solucionar este problema. Todo lo que tenemos que hacer es cambiar el nombre de la capa a algo que no sea «Fondo», y la forma más fácil de hacerlo es manteniendo presionada la tecla Alt (Ganar) / Opción (Mac) y doble clic directamente en la palabra «Fondo». Photoshop cambiará automáticamente el nombre de la capa «Capa 0»:

Imagen del tutorial de Adobe Photoshop.

Mantenga presionada la tecla «Alt» (Win) / «Opción» (Mac) y haga doble clic en el nombre «Fondo» para que Photoshop cambie el nombre de la capa «Capa 0».

Paso 3: Agregar una nueva capa en blanco debajo de «Capa 0»

Ahora que nuestra capa de Fondo ya no se llama «Fondo», podemos agregar una capa debajo de ella. Para hacer eso, mantenga presionada la control (Ganar) / Mando (Mac) y haga clic en la Nueva capa en la parte inferior de la paleta Capas:

Imagen del tutorial de Adobe Photoshop.

Mantenga presionada la tecla «Ctrl» (Win) / «Comando» (Mac) y haga clic en el icono «Nueva capa».

Al hacer clic en el icono «Nueva capa» se agrega una nueva capa en blanco y, de forma predeterminada, Photoshop coloca nuevas capas sobre la capa que hemos seleccionado actualmente en la paleta Capas, pero al mantener presionado «Ctrl / Comando» mientras hacemos clic en el icono, dile a Photoshop que coloque la nueva capa debajo la capa seleccionada actualmente. Como podemos ver ahora en nuestra paleta Capas, la nueva capa, que Photoshop ha llamado automáticamente «Capa 1», aparece debajo de «Capa 0»:

Imagen del tutorial de Adobe Photoshop.

La paleta Capas que muestra la nueva capa en blanco agregada debajo de la capa original.

Paso 4: Agregar espacio de lienzo adicional alrededor de la imagen

Dado que vamos a doblar y deformar nuestra imagen, debemos darnos un poco más de espacio para trabajar, lo que significa que debemos agregar un poco de espacio adicional en el lienzo alrededor de la imagen. Para hacer eso, sube al Imagen en la parte superior de la pantalla y elija Tamaño del lienzo. Esto abre el cuadro de diálogo Tamaño del lienzo. Ingresar 150 Para el Ancho y Altura y cambie el tipo de medición para ambos por ciento. Asegúrate que Relativo La opción no está marcada y asegúrese de que la cuadrado medio está seleccionado en el Ancla red:

Imagen del tutorial de Adobe Photoshop.

Aumente el tamaño del lienzo alrededor de la imagen usando las opciones encerradas en un círculo rojo arriba.

Haga clic en Aceptar cuando haya terminado, y Photoshop agregará el espacio de lienzo adicional alrededor de la imagen, dándonos mucho espacio para trabajar:

Imagen del tutorial de Adobe Photoshop.

El espacio de lienzo adicional ahora se agrega alrededor de la imagen.

Paso 5: Agregue un trazo blanco a la imagen

Haga clic en «Capa 0» en la paleta Capas para seleccionar la capa que contiene la imagen original. Agreguemos un borde de foto blanco alrededor del borde de la imagen. Para hacer eso, sube al Editar en la parte superior de la pantalla y elija Carrera. Esto abre el cuadro de diálogo Trazo. Voy a ingresar un valor de 20 px (píxeles) para mi Ancho, que funciona bien con mi imagen aquí. Es posible que deba ingresar un valor diferente según el tamaño de la imagen que esté utilizando. Estoy usando una imagen de baja resolución para este tutorial, por lo que si está usando una imagen de alta resolución, deberá probar un valor de ancho más alto. El objetivo aquí es simplemente agregar lo que parece un borde de foto blanco estándar alrededor de la imagen, lo que significa que también debemos seleccionar blanco como nuestro color de trazo, haga clic en el muestra de color a la derecha de la palabra Color, que muestra los Selector de color y elige el blanco.

Finalmente, configure el Localización opción en el medio del cuadro de diálogo para Dentro por lo que el trazo aparece dentro del borde de la imagen:

Imagen del tutorial de Adobe Photoshop.

Agregue un trazo blanco alrededor del borde interior de la imagen para crear un borde de foto.

Haga clic en Aceptar para salir del cuadro de diálogo y aplicar el trazo blanco:

Imagen del tutorial de Adobe Photoshop.

El borde blanco ahora se agrega alrededor del borde de la imagen.

Paso 6: Deformar la imagen con la herramienta Deformar de Photoshop

Aquí es donde llegamos a la parte divertida. Vamos a doblar, torcer y rizar la imagen usando Photoshop Herramienta de deformación. Hay un par de formas diferentes de acceder a la herramienta Deformar. Uno es subir al Editar menú en la parte superior de la pantalla, elija Transformary luego elige Deformación, pero aquí hay una forma más rápida. prensa Ctrl + T (Ganar) / Comando + T (Mac) para abrir Photoshop Transformación libre cuadro y manijas alrededor de la imagen, luego simplemente haga clic en el Deformación en la barra de opciones en la parte superior de la pantalla:

Imagen del tutorial de Adobe Photoshop.

Para obtener un atajo rápido para acceder a la herramienta Deformar, presione «Ctrl + T» (Win) / «Comando + T» (Mac) para que aparezcan los controles de Transformación libre alrededor de la imagen, luego haga clic en el icono «Deformar» en el Barra de opciones para acceder a la herramienta Deformar.

Puede hacer clic en ese icono nuevamente en cualquier momento para alternar entre Transformación libre y la herramienta Deformar.

Con la herramienta Deformar seleccionada, verá aparecer una cuadrícula de 3×3 sobre su imagen:

Imagen del tutorial de Adobe Photoshop.

Aparece una cuadrícula de 3×3 sobre su imagen con la herramienta Deformar activa.

Si nunca antes ha usado la herramienta Deformar, puede parecer un poco confuso al principio, pero lo más fácil de hacer es simplemente jugar con ella y ver qué hace, ya que nada de lo que haga se aplicará a la imagen como siempre que la herramienta Deformar permanezca activa. En poco tiempo, verá lo fácil y divertida que es realmente la herramienta. Para deformar la imagen desde cualquiera de las esquinas, simplemente haga clic en cualquiera de las manijas de las esquinas cuadradas y arrástrela con el mouse. Aquí estoy arrastrando la esquina superior izquierda hacia afuera:

Imagen del tutorial de Adobe Photoshop.

Haga clic y arrastre cualquiera de los controles de las esquinas para deformar la imagen desde las esquinas.

Para crear una curvatura de página, que es donde realmente brilla la herramienta Deformar, arrastre cualquiera de los tiradores de las esquinas hacia adentro. Si arrastra la esquina lo suficiente, verá lo que parece ser la parte posterior de la foto que aparece en la esquina (en realidad es una imagen reflejada de la foto, pero aún se ve bastante bien):

Imagen del tutorial de Adobe Photoshop.

Cree fácilmente un doblez de página haciendo clic en cualquiera de los controles de las esquinas y arrastrándolo hacia adentro.

También puede deformar la imagen arrastrando los tiradores redondos que se extienden desde las esquinas:

Imagen del tutorial de Adobe Photoshop.

Deformar la imagen arrastrando los tiradores redondos que se extienden desde las esquinas.

Y otra forma de deformar la imagen es simplemente haciendo clic en cualquier lugar dentro de la imagen y arrastrando el mouse para deformarla desde ese lugar:

Imagen del tutorial de Adobe Photoshop.

Haga clic en cualquier lugar dentro de la imagen y arrastre el mouse para deformar la imagen desde esa ubicación.

Como puede ver, la herramienta Deformar de Photoshop nos da mucho control y flexibilidad sobre cómo doblamos y reformamos la imagen, y para este efecto de collage que estamos creando, no hay una forma correcta o incorrecta de hacerlo. No estamos tratando de crear ningún tipo de efecto realista aquí, aunque podríamos si quisiéramos. Todo lo que realmente buscamos es algo que se vea divertido, así que siéntete libre de jugar con tu imagen, deformarla, estirarla, doblarla, torcerla y rizarla como quieras. Lo único que debe tratar de evitar es deformar la cara de cualquier persona, ya que es posible que no se sientan muy felices cuando vean lo que ha hecho, así que trate de limitar sus efectos de deformación a las esquinas y bordes de la foto tanto como sea posible.

Desafortunadamente, no hay «deshacer» con la herramienta Deformar, por lo que si no está satisfecho con lo que ha hecho y quiere volver a intentarlo, deberá presionar su Esc para cancelar los cambios y salir de la herramienta Deformar, luego volver y empezar de nuevo.

Así es como se ve mi imagen, con la herramienta Deformar aún activa, después de haber remodelado la imagen de una manera que funcione para mí (la tuya puede verse completamente diferente):

Imagen del tutorial de Adobe Photoshop.

La imagen después de deformarla con la herramienta Deformar, que aún está activa.

Cuando esté listo para aceptar sus cambios, presione Ingresar (Ganar) / Regreso (Mac) para que Photoshop los aplique a la imagen.

Paso 7: Duplica la capa

Ahora que hemos deformado la imagen, necesitamos duplicarla. Para hacer eso, con «Capa 0» (la capa que contiene nuestra imagen) seleccionada en la paleta Capas, use el atajo de teclado Ctrl + J (Ganar) / Comando + J (Mac) para duplicar la capa. Si miramos en la paleta Capas ahora, podemos ver la copia recién creada de la capa, que Photoshop ha llamado «Copia de capa 0», encima de las otras dos capas:

Imagen del tutorial de Adobe Photoshop.

Presione «Ctrl + J» (Win) / «Comando + J» (Mac) para duplicar la «Capa 0».

Paso 8: Rellene la imagen original en la «capa 0» con negro

Vuelva a hacer clic en «Capa 0» en la paleta Capas para seleccionarla. Luego, presione la letra D en su teclado si es necesario para restablecer los colores de primer plano y de fondo para que el negro se convierta en su color de primer plano (el blanco se convierte en su color de fondo). Puede ver sus colores de primer plano y de fondo actuales en las muestras de color cerca de la parte inferior de la paleta de herramientas (la muestra de la parte superior izquierda es el color de primer plano y la de la parte inferior derecha es el color de fondo):

Imagen del tutorial de Adobe Photoshop.

Las muestras de color de primer plano y de fondo en la paleta de herramientas de Photoshop.

Luego, con «Capa 0» seleccionada, use el atajo de teclado Mayús + Alt + Retroceso (Ganar) / Mayús + Opción + Eliminar (Mac) para rellenar la imagen de la capa con negro. No verá que suceda nada en la ventana de su documento y eso se debe a que la imagen en la «Copia de la capa 0» bloquea lo que hemos hecho en la «Capa 0» debajo de la vista, pero si miramos la miniatura de vista previa de la «Capa 0 «en la paleta Capas, podemos ver que la imagen, de hecho, se ha llenado de negro:

Imagen del tutorial de Adobe Photoshop.

La miniatura de la «Capa 0» que muestra la imagen en la capa ahora está llena de negro.

Paso 9: Crea una sombra paralela con la herramienta Deformar

Vamos a usar la herramienta Deformar una vez más, esta vez para crear un efecto de sombra paralela para nuestra imagen usando el área que acabamos de rellenar con negro. Con la «Capa 0» aún seleccionada, accederé a la herramienta Deformar de la misma manera que lo hice antes, presionando Ctrl + T (Ganar) / Comando + T (Mac) para que aparezcan los controles de Transformación libre y luego haga clic en el Icono de deformación en la barra de opciones. Quiero que la luz parezca provenir de la parte superior izquierda, lo que significa que mi sombra debe aparecer en la parte inferior derecha de la imagen. Entonces, con mi Herramienta Deformar activa, voy a doblar y remodelar el área rellena de negro para que sobresalga por debajo de la derecha y la parte inferior de la imagen. Una vez más, no buscamos un realismo absoluto aquí, así que siéntete libre de exagerar un poco las cosas:

Imagen del tutorial de Adobe Photoshop.

Usando la herramienta Deformar para remodelar el área llena de negro en la «Capa 0» en una sombra para la imagen.

prensa Ingresar (Ganar) / Regreso cuando haya terminado para aceptar y aplicar los cambios.

Paso 10: Aplicar el filtro de desenfoque gaussiano

Necesitamos difuminar un poco los bordes de nuestra sombra, así que sube al Filtrar menú en la parte superior de la pantalla, elija Difuminary luego elige Desenfoque gaussiano. Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, ingresaré un Radio valor de aproximadamente 6 píxeles para difuminar ligeramente los bordes de mi sombra. Nuevamente, es posible que deba ingresar un valor más alto si está utilizando una imagen de alta resolución:

Imagen del tutorial de Adobe Photoshop.

Las muestras de color de primer plano y de fondo en la paleta de herramientas de Photoshop.

Haga clic en Aceptar para salir del cuadro de diálogo cuando haya terminado.

Paso 11: Reducir la opacidad de la capa

Hemos deformado nuestra sombra para darle forma con la herramienta Deformar y difuminar los bordes, pero nuestra sombra es demasiado intensa en este punto. Para arreglar eso, sube a la Opacidad en la parte superior derecha de la paleta Capas y baje la opacidad de la capa a alrededor 60%:

Imagen del tutorial de Adobe Photoshop.

Disminuye la opacidad de la «Capa 0» para reducir la intensidad de la sombra.

Aquí está mi imagen después de reducir la opacidad de la sombra:

Imagen del tutorial de Adobe Photoshop.

La sombra ahora parece mucho menos perceptible después de reducir su opacidad.

Paso 12: Agregue una nueva capa en blanco encima de la otra Capas

Ya casi terminamos, pero terminemos agregando algunas luces y sombras sutiles a nuestra foto para mejorar la ilusión de que realmente se está doblando y girando en el espacio 3D. Para hacer eso, primero necesitamos agregar una nueva capa encima de las otras capas, así que haga clic en la capa superior («Copia de la capa 0») para seleccionarla, luego haga clic en el Nueva capa en la parte inferior de la paleta Capas para que Photoshop agregue una nueva capa en blanco en la parte superior, que automáticamente nombra «Capa 2»:

Imagen del tutorial de Adobe Photoshop.

Seleccione la capa superior, luego haga clic en el icono «Nueva capa» en la parte inferior de la paleta Capas para agregar una nueva capa en blanco, «Capa 2», encima de las otras capas.

Paso 13: Cambiar el modo de fusión de la nueva capa a «Luz intensa»

Necesitamos cambiar el modo de mezcla de nuestra nueva capa. Para hacer eso, vaya a las opciones del Modo de fusión en la esquina superior izquierda de la paleta Capas. De forma predeterminada, la capa está configurada en el modo de fusión «Normal». Haga clic en la flecha que apunta hacia abajo a la derecha de la palabra «Normal» y seleccione Luz dura de la lista:

Imagen del tutorial de Adobe Photoshop.

Cambie el modo de fusión de «Layer 2» de «Normal» a «Hard Light».

Paso 14: Reducir la opacidad de la capa

Vamos a utilizar esta capa para pintar algunos reflejos y sombras con la herramienta Pincel de Photoshop, pero antes de hacerlo, debemos reducir un poco la opacidad de esta capa. Queremos luces y sombras muy sutiles, así que pase a la Opacidad en la parte superior derecha de la paleta Capas y baje la opacidad hasta aproximadamente 20% para empezar. Es posible que deba subirlo o bajarlo un poco cuando haya terminado:

Imagen del tutorial de Adobe Photoshop.

Reduzca la opacidad de la nueva capa hasta aproximadamente un 20%.

Paso 15: Cargar una selección alrededor de la imagen

Antes de comenzar a pintar, asegurémonos de pintar «dentro de las líneas», por así decirlo, para no pintar sobre ninguna de las áreas transparentes alrededor de la imagen. Para hacer eso, mantenga presionada la control (Ganar) / Mando (Mac) y haga clic directamente en la miniatura de vista previa para «Copia de la capa 0» (la capa que contiene nuestra imagen) en la paleta Capas:

Imagen del tutorial de Adobe Photoshop.

Mantenga presionada la tecla «Ctrl» (Win) / «Comando» (Mac) y haga clic en la miniatura de «Copia de capa 0» en la paleta Capas para cargar una selección alrededor de la imagen.

Esto carga una selección alrededor de la imagen en la ventana del documento:

Imagen del tutorial de Adobe Photoshop.

Se carga una selección alrededor de la imagen.

Paso 16: Seleccione la herramienta Pincel

Seleccione Photoshop Pincel desde la paleta de Herramientas, o simplemente presione B en su teclado para seleccionarlo con el atajo:

Imagen del tutorial de Adobe Photoshop.

Seleccione la herramienta Pincel de Photoshop.

Paso 17: Pintar con negro para agregar sombras a la imagen

Con la herramienta Pincel seleccionada y el negro como color de primer plano, pinte sobre algunas áreas de la imagen para agregar sombras sutiles, dándole a la imagen un aspecto un poco más 3D. Cambie el tamaño de su pincel según sea necesario presionando el llave de corchete izquierdo en su teclado para hacer el pincel más pequeño o el llave de corchete derecho para hacerlo más grande. Para controlar la dureza de los bordes del cepillo, mantenga presionada la Cambio y presione la llave de corchete izquierdo unas cuantas veces para suavizar los bordes, o mantener presionado Cambio y presione el llave de corchete derecho unas cuantas veces para endurecer los bordes del cepillo.

Tú también puedes Botón derecho del ratón (Ganar) / Control-clic (Mac) en cualquier lugar dentro del documento para que aparezca el cuadro de diálogo de la herramienta Pincel, donde puede ajustar el diámetro y la dureza del pincel con los controles deslizantes en la parte superior:

Imagen del tutorial de Adobe Photoshop.

Con la herramienta Pincel seleccionada, haga «clic derecho» (Win) / «Control-clic» (Mac) en cualquier lugar dentro del documento para acceder al cuadro de diálogo de la herramienta Pincel, donde puede ajustar el tamaño del pincel y la dureza de los bordes.

Luego, simplemente pinte sobre partes de la imagen para agregar algunas sombras. Gracias a la selección que hemos cargado alrededor de la imagen, no tenemos que preocuparnos por pintar accidentalmente en el área fuera de la foto. La única área sobre la que podemos pintar es el área dentro de la selección.

Si comete un error o simplemente no está satisfecho con la forma en que pintó sobre un área, presione Ctrl + Z (Ganar) / Comando + Z (Mac) para deshacer el último trazo de pincel, o presione mi en su teclado para cambiar a Photoshop Herramienta de borrador, borre el error, luego presione B para volver a la herramienta Pincel y continuar pintando. Aquí está mi imagen después de pintar con algunas sombras en las esquinas superior izquierda y derecha, así como sobre el doblez de la página en la esquina inferior derecha:

Imagen del tutorial de Adobe Photoshop.

La imagen después de pintar con algunas sombras sutiles en las esquinas superiores, así como sobre la curvatura de la página en la esquina inferior derecha.

Paso 18: Pinte con blanco para agregar reflejos a la imagen

Una vez que haya terminado de pintar en algunas sombras, presione la letra X en el teclado para intercambiar los colores de primer plano y de fondo, de modo que el blanco se convierta en su color de primer plano.

Luego, tal como lo hizo con las sombras, simplemente pinte sobre algunas áreas para agregar algunos reflejos, cambiando el tamaño de su pincel y la dureza de los bordes según sea necesario.

Aquí, estoy pintando un área de iluminación blanca muy sutil en la esquina inferior izquierda de la imagen:

Imagen del tutorial de Adobe Photoshop.

Cambie su color de primer plano a blanco y pinte algunos reflejos.

Los aspectos más destacados no se notan tanto en mi imagen porque estoy pintando sobre un área que ya es bastante brillante. Es posible que se noten más en su imagen, pero incluso un resaltado muy sutil se suma al efecto y evita que la imagen se vea plana.

Cuando haya terminado de pintar sus sombras y reflejos, presione Ctrl + D (Ganar) / Comando + D (Mac) para anular la selección de la selección alrededor de la imagen.

Paso 19: Ajuste la opacidad de la capa si es necesario

Si encuentra que sus sombras e iluminaciones son demasiado sutiles en su imagen, vuelva a la Opacidad en la esquina superior derecha de la paleta Capas y aumente la opacidad de la capa hasta que esté satisfecho con su apariencia. O si cree que sus sombras y reflejos son demasiado fuertes, reduzca ligeramente la opacidad. De cualquier manera, no debería necesitar ajustar mucho la cantidad de opacidad, ya que incluso los pequeños ajustes tienen un gran impacto con la capa configurada en el modo de fusión Luz dura. Voy a ajustar mis sombras y reflejos aumentando la opacidad de mi capa al 22%:

Imagen del tutorial de Adobe Photoshop.

Ajuste la intensidad de las sombras y las luces haciendo pequeños ajustes en la opacidad de la capa.

Aquí está mi imagen ahora con mis sombras y reflejos agregados:

Imagen del tutorial de Adobe Photoshop.

La imagen después de agregar las luces y las sombras.

Paso 20: Agrupa las tres capas que componen la imagen

¡Hemos completado nuestro trabajo en nuestra primera foto! Todo lo que tenemos que hacer ahora es agregarlo a nuestro documento de collage principal (que abriremos en un momento). En este momento, nuestra imagen se compone de tres capas separadas: la imagen principal en la «Copia de la capa 0», la sombra principal debajo de la «Capa 0» y las luces y sombras en la «Capa 2» en la parte superior. En lugar de arrastrar tres capas separadas al documento principal del collage, facilitemos las cosas agrupamiento las capas para que las tres se coloquen dentro de una «carpeta» en la paleta Capas. De esa manera, podemos simplemente arrastrar la carpeta al documento de collage en lugar de arrastrar tres capas separadas. Esto también hará que sea más fácil mantener organizado nuestro documento de collage principal cuando comencemos a agregarle fotos adicionales.

Para crear el grupo de capas, dado que «Capa 2» está seleccionada actualmente en la paleta Capas, mantenga presionado Cambio y haga clic en «Capa 0». Esto seleccionará tanto la «Capa 0» como la «Copia de la capa 0» encima mientras se mantiene seleccionada la «Capa 2» en la parte superior, por lo que se seleccionarán las tres capas (en versiones anteriores de Photoshop, necesitaría vincular las capas juntas en lugar de seleccionarlas de esta manera):

Imagen del tutorial de Adobe Photoshop.

Seleccione las tres capas que componen la imagen.

Con las tres capas seleccionadas, suba a la Capa en la parte superior de la pantalla y seleccione Capas de grupo o simplemente usa el atajo de teclado Ctrl + G (Ganar) / Comando + G (Mac). Cualquiera que sea la forma que elija, Photoshop agrega las tres capas en un nuevo grupo. Si miras en tu paleta Capas, verás que las tres capas parecen haber desaparecido, reemplazadas por un ícono de carpeta con el nombre «Grupo 1» al lado. Haga doble clic directamente en las palabras «Grupo 1» y cambie el nombre del grupo a algo más descriptivo como «Foto 1»:

Imagen del tutorial de Adobe Photoshop.

Las tres capas ahora se han agregado a un grupo de capas.

Si miras de cerca, verás un pequeño triángulo apuntando hacia la derecha a la izquierda del ícono de la carpeta. Haga clic en él para abrir la carpeta y verá aparecer sus tres capas dentro de ella:

Imagen del tutorial de Adobe Photoshop.

Abra el grupo de capas haciendo clic en la pequeña flecha que apunta hacia la derecha a la izquierda del icono de la carpeta.

Haga clic en el triángulo una vez más para cerrar el grupo, dejando solo la carpeta visible.

Paso 21: Abra la imagen para usarla como fondo de su collage

El trabajo en nuestra primera foto está terminado y hemos organizado las tres capas que componen la imagen en un grupo de capas.

Todo lo que tenemos que hacer ahora es arrastrar el grupo de capas a nuestro documento de collage principal, así que adelante, abra la imagen que desea usar como fondo.

Aquí está la imagen que usaré:

Imagen del tutorial de Adobe Photoshop.

Tutorial de Photoshop: abra la imagen que desea usar como fondo para su collage.

Paso 22: Arrastre el grupo de capas a la imagen principal del collage

Con ambas imágenes abiertas en sus propias ventanas de documentos separadas en su pantalla, haga clic en cualquier lugar dentro del documento que contiene la foto en la que acabamos de terminar de trabajar para que se seleccione su ventana de documento. Luego, simplemente haga clic en el grupo de capas en la paleta Capas y arrastre el grupo a su documento de imagen de fondo:

Imagen del tutorial de Adobe Photoshop.

Arrastre el grupo de capas del documento fotográfico al documento de fondo principal.

Verá que su foto aparece frente a su imagen de fondo en el nuevo documento, y si mira en la paleta Capas del nuevo documento, verá que el grupo de capas se ha copiado en el nuevo documento y ahora se encuentra arriba. los Fondo capa:

Imagen del tutorial de Adobe Photoshop.

La paleta Capas que muestra el grupo de capas sobre el Fondo capa en el nuevo documento.

Paso 23: Cambiar el tamaño y reposicionar la foto con Transformación libre

Ahora que nuestra primera foto está delante del fondo dentro del documento que usaremos para nuestro collage, podemos moverla y cambiar su tamaño según sea necesario. Para hacer eso, presione Ctrl + T (Ganar) / Comando + T (Mac) para volver a abrir el Transformación libre caja y manijas alrededor de esta imagen. Para mover la foto con Transformación libre, simplemente haga clic en cualquier lugar dentro de la foto (excepto en el pequeño icono de objetivo en el centro) y arrastre la imagen a su posición con el mouse. Para cambiar el tamaño de la imagen, mantenga presionado Cambio y arrastre cualquiera de los tiradores de las esquinas. Mantener presionada la tecla Mayús mientras arrastra restringe las proporciones de ancho y alto de la imagen, manteniendo su forma original. Para cambiar el tamaño de la imagen desde su centro, mantenga presionado Alt (Ganar) / Opción (Mac) mientras arrastra (también puede mantener presionada la tecla Mayús para restringir las proporciones y cambiar el tamaño desde el centro al mismo tiempo). También puede rotar la imagen si lo desea moviendo el cursor del mouse justo fuera del cuadro Transformación libre y luego haciendo clic y arrastrando el mouse.

Aquí, moví mi foto al centro del documento y lo cambio de tamaño arrastrando el tirador de la esquina inferior hacia adentro:

Imagen del tutorial de Adobe Photoshop.

Mueva y cambie el tamaño de la imagen según sea necesario con el comando Transformación libre de Photoshop.

prensa Ingresar (Ganar) / Regreso (Mac) para aceptar los cambios cuando haya terminado.

Paso 24: Repita los mismos pasos para agregar fotos adicionales al collage

¡Y con eso, nuestra primera foto se ha deformado con éxito y se ha agregado a nuestro collage! Para agregar más fotos (no sería un gran collage si no agregamos más fotos), simplemente repita los pasos que acabamos de realizar para cada foto adicional, deformando cada una de manera diferente para variar. Cuando llegues a la parte donde agregas las capas a un grupo de capas, nombra tus nuevos grupos con números sucesivos («Foto 2», «Foto 3», «Foto 4», etc.), luego simplemente arrástralos al menú principal. documento de collage, muévalos a su lugar y cambie su tamaño según sea necesario con Free Transform.

Agregué dos fotos más a mi collage y, si miro en mi paleta Capas, puedo ver que ahora tengo tres grupos de capas, llamados «Foto 1», «Foto 2» y «Foto 3», encima de mi Fondo capa que contiene mi imagen de fondo:

Imagen del tutorial de Adobe Photoshop.

La paleta Capas de Photoshop muestra los tres grupos de capas que he arrastrado al documento, así como el principal Fondo capa.

Si desea mover una foto encima de otra en su collage, simplemente haga clic en su grupo de capas en la paleta Capas y arrástrelo sobre el grupo de la otra foto para cambiar el «orden de apilamiento». Las capas y los grupos de capas que están más arriba en la paleta Capas aparecen frente a las capas y los grupos debajo de ellas.

Aquí, después de agregar mis dos fotos adicionales, está mi resultado final:

Imagen del tutorial de Adobe Photoshop.

El resultado final.


¡Y ahí lo tenemos! ¡Así es como se crea un collage de fotos deformadas en Photoshop! Visite nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!