¡Aprenda cómo colocar rápidamente dos fotos relacionadas una al lado de la otra y combinarlas en una sola imagen compuesta con Photoshop! Un tutorial paso a paso para Photoshop CC y CS6.
Las fotos que comparten un tema o tema común a menudo pueden mejorarse entre sí cuando se muestran juntas. Y en este tutorial, le mostraré la forma más rápida y fácil de colocar dos imágenes una al lado de la otra utilizando algunos trucos simples.
Primero, aprenderá cómo cargar instantáneamente ambas imágenes en el mismo documento de Photoshop. Luego te mostraré cómo expandir el lienzo y mover las imágenes una al lado de la otra, al mismo tiempo. Y, por último, aprenderá a cambiar la ubicación de las imágenes de un lado a otro con solo un par de clics.
Para obtener los mejores resultados, querrá usar fotos que estén en orientación vertical (vertical), para que la imagen compuesta no sea demasiado ancha. Y querrás que ambas imágenes compartan el mismo ancho y alto. No explicaré cómo recortar imágenes aquí, así que si necesita recortarlas y cambiar su tamaño, asegúrese de hacerlo antes de continuar.
¡Empecemos!
Cómo colocar dos fotos una al lado de la otra
Comenzaremos aprendiendo cómo cargar sus imágenes en capas dentro del mismo documento de Photoshop. Y luego te mostraré cómo colocar las dos imágenes una al lado de la otra.
Estoy usando la última versión de Photoshop CC pero también puedes seguirla junto con CS6.
Paso 1: elige el comando "Cargar archivos en la pila"
Lo primero que debemos hacer es abrir las imágenes. De forma predeterminada, Photoshop abre imágenes en sus propios documentos separados. Pero dado que queremos mostrar las imágenes una al lado de la otra, necesitamos que estén en el mismo documento.
Entonces, en lugar de usar el comando Abrir, vaya al menú Archivo en la barra de menú, elija Scripts y luego elija Cargar archivos en la pila :
Ir a Archivo> Scripts> Cargar archivos en la pila.
Paso 2: selecciona tus imágenes
En el cuadro de diálogo Cargar capas, configure Usar en archivos y luego haga clic en Examinar :
El cuadro de diálogo Cargar capas.
Navegue a las fotos que desea abrir. Haga clic en la primera imagen y luego presione y mantenga presionada la tecla Mayús y haga clic en la segunda imagen. Esto selecciona ambas imágenes a la vez. Luego haga clic en Abrir :
Seleccionando las imágenes y haciendo clic en "Abrir".
Paso 3: cargue las imágenes en Photoshop
Y de vuelta en el cuadro de diálogo Cargar capas, aparecen los nombres de las imágenes que seleccionó.
Deje las dos opciones en la parte inferior ("Intento de alinear automáticamente las imágenes de origen" y "Crear objeto inteligente después de cargar capas") sin marcar. Luego cargue las imágenes en Photoshop haciendo clic en Aceptar :
Al hacer clic en Aceptar para cargar las imágenes en Photoshop.
Photoshop carga ambas imágenes en el mismo documento. Y en el panel Capas, cada foto aparece en su propia capa.
Los nombres de los archivos (en mi caso, "Portrait.jpg.webp" y "Soccer.jpg.webp") se usan como nombres de capa:
El panel Capas que muestra cada imagen en su propia capa.
Viendo las dos imágenes
Como las imágenes se apilan unas encima de otras, solo se puede ver una imagen a la vez. Al menos por el momento.
Aquí está mi imagen en la capa superior (foto de madre e hija de Adobe Stock):
La primera de las dos imágenes. Crédito de la foto: Adobe Stock.
Y si apago la capa superior haciendo clic en su icono de visibilidad:
Ocultar la imagen en la capa superior.
Vemos la imagen en la capa inferior (foto de fútbol de Adobe Stock):
La segunda imagen. Crédito de la foto: Adobe Stock.
Antes de continuar, volveré a activar la capa superior haciendo clic nuevamente en su icono de visibilidad:
Volviendo a activar la capa superior.
Relacionado: ¡ Aprenda todo sobre las capas en Photoshop!
Paso 4: selecciona la herramienta Mover
Entonces, ahora que ambas imágenes están en el mismo documento, ¿cómo las colocamos una al lado de la otra?
Una forma sería agregar más espacio de lienzo al documento con el comando Tamaño de lienzo de Photoshop y luego arrastrar una de las imágenes al nuevo espacio.
Pero en realidad podemos hacer ambas cosas, mover una imagen y agregar más espacio de lienzo al mismo tiempo, usando un simple truco.
Primero, seleccione la herramienta Mover de la barra de herramientas:
Selección de la herramienta Mover.
Paso 5: asegúrese de que "Ajustar" y "Ajustar a los límites del documento" estén habilitados
Para usar este truco, necesitaremos que la imagen se ajuste al borde del documento cuando lo arrastremos. Y para que eso suceda, hay que activar un par de opciones. Ambos están encendidos por defecto, pero es una buena idea verificar dos veces.
Vaya al menú Ver en la barra de menú y asegúrese de que Snap esté habilitado. Debería ver una marca de verificación junto a su nombre:
Asegurarse de que Snap esté activado (marcado).
Y luego, directamente debajo de la opción Ajustar, elija Ajustar a, y esta vez asegúrese de que los Límites del documento estén marcados. No haga clic en ninguna de estas opciones si ya tienen una marca de verificación junto a ellas o las desactivará:
Asegurarse de que Ajustar a los límites del documento también esté marcado.
Paso 6: selecciona la capa superior
En el panel Capas, seleccione la imagen en la capa superior:
Al hacer clic en la capa superior para seleccionarla.
Paso 7: arrastre la imagen al lado de la otra imagen
Y luego, con la herramienta Mover seleccionada, haga clic en la imagen en el documento y comience a arrastrarla a la izquierda o derecha de la imagen debajo de ella. Arrastraré a la derecha. Mantenga presionada la tecla Mayús mientras arrastra para limitar la dirección en la que puede moverse, lo que facilita el arrastre en línea recta.
No se preocupe si la imagen superior desaparece al arrastrarla fuera del lienzo. Lo traeremos de vuelta en un momento:
Arrastrando la imagen superior a la derecha de la imagen inferior.
Ajustar la imagen al borde del documento
Tan pronto como se acerque lo suficiente al borde del documento, su imagen se ajustará repentinamente al borde.
Cuando lo haga, suelte el botón del mouse y luego suelte la tecla Mayús (en ese orden). La imagen superior ahora está oculta, sentada a un lado del lienzo:
La imagen superior está oculta a un lado.
Paso 8: elige "Revelar todo"
Para volver a ver ambas imágenes, vaya al menú Imagen en la barra de menú y elija Revelar todo :
Ir a Imagen> Revelar todo.
Y Photoshop cambia el tamaño del lienzo al instante para que se ajuste a ambas imágenes. Solo así, las fotos ahora aparecen juntas:
El resultado después de seleccionar "Revelar todo".
Cómo intercambiar las imágenes
¡Y así de fácil es colocar dos imágenes una al lado de la otra con Photoshop!
Pero, ¿qué pasa si cree que las imágenes se verían mejor si se intercambiaran, de modo que la foto de la izquierda se moviera a la derecha y la foto de la derecha estuviera a la izquierda? Aquí hay una forma rápida de intercambiarlos.
Paso 1: selecciona la herramienta Mover
Primero, asegúrese de que la herramienta Mover todavía esté seleccionada en la barra de herramientas:
Asegurarse de que la herramienta Mover esté activa.
Paso 2: selecciona todo el lienzo
No vamos a utilizar la herramienta Mover en sí, pero debe estar activa para poder acceder a las opciones de alineación de capas de Photoshop. Vamos a intercambiar las imágenes alineando sus bordes con los bordes del lienzo.
Para hacer eso, necesitamos tener todo el lienzo seleccionado, así que vaya al menú Seleccionar en la barra de menú y elija Todo . Aparecerá un esquema de selección alrededor de los bordes del documento:
Ir a Seleccionar> Todo.
Paso 3: selecciona la imagen superior
En el panel Capas, haga clic en la imagen superior para seleccionarla:
Selección de la capa superior.
Paso 4: haga clic en el icono "Alinear bordes izquierdos" o "Alinear bordes derechos"
Y luego, en la barra de opciones, haga clic en el icono Alinear bordes izquierdos o Alinear bordes derechos, según la dirección en la que necesite mover la imagen.
En mi caso, quiero mover la imagen desde el lado derecho hacia el lado izquierdo, así que haré clic en el icono Alinear bordes izquierdos:
Al hacer clic en el icono "Alinear bordes izquierdos" en la barra de opciones.
Y Photoshop instantáneamente ajusta el borde izquierdo de la imagen al borde izquierdo del lienzo:
El resultado después de mover la imagen superior de derecha a izquierda.
Paso 5: selecciona la imagen inferior
Para mover la imagen inferior al otro lado y completar el espacio vacío, seleccione la capa inferior en el panel Capas:
Al hacer clic en la capa inferior para seleccionarla.
Paso 6: haga clic en el icono opuesto "Alinear bordes"
Como quiero mover la imagen inferior a la derecha, esta vez haré clic en el icono Alinear bordes derechos en la barra de opciones:
Al hacer clic en el icono "Alinear bordes derechos".
Y Photoshop alinea instantáneamente el borde derecho de la imagen con el borde derecho del lienzo. Para deseleccionar el lienzo, vaya al menú Seleccionar y elija Deseleccionar, o presione Ctrl + D (Win) / Comando + D (Mac) en su teclado:
El resultado después de mover la imagen inferior de izquierda a derecha.
¡Y ahí lo tenemos! ¡Así es como cargar dos imágenes en el mismo documento, colocar las imágenes una al lado de la otra y luego intercambiar las imágenes en Photoshop!
¡Visite nuestra sección de Conceptos básicos de Photoshop para obtener más información sobre Photoshop, o nuestra sección de Efectos fotográficos para obtener más formas de divertirse con sus fotos! ¡Y no olvide que todos nuestros tutoriales ahora están disponibles para descargar en formato PDF!