¡Aprenda cómo convertir fácilmente una sola imagen en un divertido collage de fotos cuadrado con Photoshop!
Para crear el efecto de collage de fotos, comenzaremos recortando la imagen en un cuadrado y luego la dividiremos en cuadrados más pequeños. Agregaremos un borde alrededor de cada una para que se vean como fotos separadas, y luego las moveremos y giraremos en su lugar. Finalmente, cambiaremos el color de fondo y terminaremos agregando una sombra detrás del efecto.
Aquí está la imagen que usaré. Descargué este de Adobe Stock:
La imagen original Crédito de la foto: Adobe Stock.
Y así es como se verá el collage de fotos cuando hayamos terminado:
El efecto final del collage de fotos.
¡Empecemos!
Cómo crear un collage de fotos cuadrado
Para este tutorial, estoy usando Photoshop CC pero todo es compatible con Photoshop CS6. También puedes seguir mi video de este tutorial en nuestro canal de YouTube. ¡O descargue este tutorial como un PDF listo para imprimir!
Paso 1: recorta la imagen en un cuadrado
Lo primero que debemos hacer es recortar nuestra imagen en un cuadrado. Seleccione la herramienta de recorte de la barra de herramientas:
Selección de la herramienta de recorte.
En la barra de opciones, establezca la relación de aspecto en cuadrado :
Establecer la relación de aspecto en cuadrado.
Photoshop agrega un borde de recorte cuadrado inicial alrededor de la imagen:
El borde del cultivo cuadrado inicial.
De vuelta en la barra de opciones, asegúrese de que la opción Eliminar píxeles recortados esté marcada:
Eliminar píxeles recortados debe estar activado.
Luego arrastre los controles de recorte para cambiar el tamaño del borde alrededor del sujeto. Si está trabajando con un retrato, trate de mantener los rasgos faciales principales de la persona (sus ojos, nariz y boca) dentro del cuadrado central:
Cambiar el tamaño del borde de recorte alrededor del sujeto.
Para recortar la imagen, presione Entrar (Win) / Volver (Mac):
El resultado después de recortar la imagen en un cuadrado.
Paso 2: agrega algunas guías
Para ayudarnos a dividir la imagen en cuadrados más pequeños, agregaremos algunas guías.
Agregar la primera guía horizontal
Vaya al menú Ver en la barra de menú y elija Nueva guía :
Ir a Ver> Nueva guía.
En el cuadro de diálogo Nueva Guía, establezca la Orientación en Horizontal y luego ingrese 33% para la Posición . Haga clic en Aceptar para cerrar el cuadro de diálogo:
Añadiendo la primera guía.
Photoshop agrega la primera guía horizontal un tercio del camino hacia abajo desde la parte superior:
Se agrega la primera guía horizontal.
Agregar una segunda guía horizontal
Para agregar una segunda guía, regrese al menú Ver y nuevamente elija Nueva guía :
Volviendo a Ver> Nueva guía.
Deje la Orientación establecida en Horizontal, pero esta vez, ingrese 66% para la Posición . Haga clic en Aceptar para cerrar el cuadro de diálogo:
Añadiendo la segunda guía.
Y Photoshop agrega una segunda guía, esta vez dos tercios hacia abajo desde la parte superior:
Se agrega la segunda guía horizontal.
Agregar una guía vertical
Regrese al menú Ver y vuelva a elegir Nueva guía :
Volviendo a Ver> Nueva guía.
Para esta tercera guía, cambie la Orientación a Vertical e ingrese 33% para la Posición . Luego, haga clic en Aceptar:
Añadiendo la tercera guía.
Esto agrega una guía vertical un tercio del camino desde la izquierda:
Se agrega la primera guía vertical.
Agregar una segunda guía vertical
Y finalmente, regrese por última vez al menú Ver y elija Nueva guía :
Volviendo a Ver> Nueva guía.
Deje la Orientación establecida en Vertical pero cambie la Posición al 66% . Haga clic en Aceptar cuando haya terminado:
Añadiendo la cuarta guía.
Photoshop agrega una segunda guía vertical, dos tercios del camino desde la izquierda, y ahora tenemos nuestra imagen dividida en cuadrados más pequeños:
Las cuatro guías dividen la imagen en cuadrados.
Paso 3: selecciona y copia cada cuadrado en una nueva capa
Necesitamos seleccionar cada cuadrado y copiarlo en su propia capa. Seleccione la herramienta Marco rectangular de la barra de herramientas:
Selección de la herramienta Marco rectangular.
Ajustar las selecciones a las guías
Para asegurarse de que nuestras selecciones se ajustarán a las guías, vaya al menú Ver, elija Ajustar a y asegúrese de que Guías tenga una marca de verificación al lado. Si no es así, haga clic en él para seleccionarlo:
Busque la marca de verificación junto a Guías.
Seleccionando el primer cuadrado
Comenzaremos con el cuadrado en la esquina superior izquierda. Haga clic y arrastre un esquema de selección a su alrededor. Si siguió el último paso, el esquema de selección debería ajustarse a las guías:
Dibujando un esquema de selección alrededor del cuadrado en la esquina superior izquierda.
Copiando el cuadrado a una nueva capa
Para copiar el cuadrado en su propia capa, vaya al menú Capa, elija Nuevo y luego elija Capa mediante Copia . O, una forma más rápida es presionar el atajo de teclado, Ctrl + J (Win) / Comando + J (Mac):
Ir a Capa> Nueva> Capa mediante copia.
En el panel Capas, vemos que Photoshop ha colocado una copia del cuadrado en una nueva capa sobre la imagen:
El cuadrado ha sido copiado a su propia capa.
Seleccionar la capa de fondo
Antes de que podamos seleccionar un segundo cuadrado, primero debemos volver a seleccionar la imagen. Haga clic en la capa de fondo para seleccionarla. Cada vez que seleccione y copie un nuevo cuadrado, primero deberá volver a seleccionar la capa Fondo:
Selección de la capa de fondo.
Seleccionar y copiar un segundo cuadrado
Luego dibuja una selección alrededor del cuadrado en el centro superior:
Seleccionando el segundo cuadrado.
Para copiarlo rápidamente a una nueva capa, presione Ctrl + J (Win) / Comando + J (Mac). Y de vuelta en el panel Capas, ahora tenemos dos cuadrados encima de la imagen:
Se ha copiado un segundo cuadrado.
Seleccionar y copiar los cuadrados restantes
Para seleccionar y copiar los cuadrados restantes, simplemente repita los mismos pasos. Primero, haga clic en la capa Fondo para seleccionar la imagen:
Siempre vuelva a seleccionar la capa Fondo antes de seleccionar un nuevo cuadrado.
Dibuja un esquema de selección alrededor de un nuevo cuadrado:
Selecciona un cuadrado diferente.
Y luego presione Ctrl + J (Win) / Comando + J (Mac) para copiar el cuadrado a una nueva capa:
El cuadrado se copia a una nueva capa.
Continuaré seleccionando y copiando los cuadrados hasta que los haya seleccionado a todos. Y en el panel Capas, ahora vemos los nueve cuadrados, cada uno en una capa separada, encima de la imagen:
Los 9 cuadrados han sido copiados.
Paso 4: Ocultar las guías
Ya no necesitamos nuestras guías, así que ocultémoslas yendo al menú Ver, seleccionando Mostrar y luego Guías :
Apagando las guías.
Paso 5: agregue más espacio de lienzo
Para darnos espacio para mover y rotar los cuadrados, agregaremos más espacio de lienzo alrededor de la imagen. Y podemos hacerlo usando la herramienta de recorte. Seleccione la herramienta de recorte de la barra de herramientas:
Vuelva a seleccionar la herramienta de recorte.
Presione y mantenga presionada la tecla Alt (Win) / Opción (Mac) en su teclado, y luego haga clic y arrastre cualquiera de los controles de recorte hacia afuera y lejos de la imagen. La tecla Alt / Opción le permite cambiar el tamaño del borde de recorte desde su centro:
Agregar más espacio de lienzo con la herramienta Recortar.
Presione Entrar (Win) / Retorno (Mac) para aceptarlo, y Photoshop agrega el espacio extra del lienzo:
Se ha agregado más espacio alrededor de la foto.
Paso 6: rellena el fondo con negro
Por defecto, Photoshop llena el nuevo espacio con blanco, pero llenemos nuestro fondo de negro. En el panel Capas, seleccione la capa Fondo :
Selección de la capa de fondo.
Luego vaya al menú Editar y elija Relleno :
Ir a Edición> Rellenar.
En el cuadro de diálogo Relleno, configure la opción Contenido en Negro y luego haga clic en Aceptar:
Configuración de contenido en negro.
La imagen ahora aparece delante de un fondo negro:
El resultado después de llenar el fondo de negro.
Paso 7: agregue un trazo alrededor del primer cuadrado
Por el momento, realmente no podemos ver nuestros cuadrados, así que hagámoslos más obvios. Y para que se vean como fotos separadas, agregaremos un trazo a su alrededor. Comenzaremos agregando un trazo a uno de los cuadrados, y luego lo copiaremos y pegaremos en los otros.
Agregar un trazo
En el panel Capas, seleccione la capa superior (la que contiene el cuadrado en la esquina superior izquierda):
Selección de la capa superior.
Luego haga clic en el icono de Estilos de capa (el icono fx ) en la parte inferior del panel Capas:
Al hacer clic en el icono "fx".
Y elija Trazo de la lista:
Agregar un efecto de capa de trazo.
Cambiar el color del trazo
En el cuadro de diálogo Estilo de capa, haga clic en la muestra de color :
Al hacer clic en la muestra de color en las opciones de Trazo.
Y luego, en el Selector de color, cambie el color del trazo a blanco y luego haga clic en Aceptar:
Elegir blanco para el nuevo color de trazo.
Establecer el tamaño y la posición
De vuelta en el cuadro de diálogo Estilo de capa, establezca la Posición del trazo en Interior . Luego, observe el cuadrado en la esquina superior izquierda de su imagen a medida que aumenta el valor de Tamaño arrastrando el control deslizante. Iré con un valor de alrededor de 32 px, pero esto dependerá del tamaño de su imagen:
Establecer la posición y el tamaño del trazo.
Haga clic en Aceptar para cerrar el cuadro de diálogo, y ahora tenemos un borde alrededor de uno de los cuadrados:
El borde aparece alrededor del cuadrado en la esquina superior izquierda.
Paso 8: agrega el trazo a los otros cuadrados
De vuelta en el panel Capas, vemos nuestro trazo listado como un efecto debajo de la capa:
Los efectos se enumeran debajo de la capa.
Para aplicar rápidamente el mismo trazo a los otros cuadrados, lo copiaremos y pegaremos. Haga clic derecho (Win) / Control-clic (Mac) en la capa superior y luego elija Copiar estilo de capa en el menú:
Elegir "Copiar estilo de capa".
Haga clic en la segunda capa desde la parte superior (Capa 2) para seleccionarla:
Seleccionando la segunda capa desde arriba.
Mantenga presionada la tecla Mayús y luego haga clic en la capa justo encima de la capa Fondo (Capa 9). Esto selecciona todos los otros cuadrados a la vez:
Manteniendo Shift y seleccionando el cuadro inferior.
Haga clic derecho (Win) / Control-clic (Mac) en cualquiera de las capas seleccionadas, y luego elija Pegar estilo de capa :
Elegir "Pegar estilo de capa".
Y así, Photoshop pega el trazo en los otros cuadrados:
Los 9 cuadrados ahora tienen el trazo alrededor de ellos.
Paso 9: mueve y gira los cuadrados
Para crear más de un efecto de collage, moveremos y giraremos los cuadrados usando el comando Transformación libre de Photoshop.
Seleccionar la herramienta Mover
Seleccione la herramienta Mover de la barra de herramientas:
Selección de la herramienta Mover.
Activar la selección automática
En la barra de opciones, asegúrese de que la Selección automática esté activada y que esté configurada en Capa . Esto nos permitirá seleccionar fácilmente cada cuadrado simplemente haciendo clic en él:
Asegurarse de que la Selección automática esté activada y configurada en Capa.
Haga clic para seleccionar un cuadrado
Haga clic en el cuadrado en la esquina superior izquierda para seleccionarlo:
Selección del cuadrado superior izquierdo.
Mueve y gira el cuadrado con Transformación libre
Luego vaya al menú Editar y elija Transformación libre. O utilice el método abreviado de teclado, Ctrl + T (Win) / Comando + T (Mac):
Ir a Edición> Transformación libre.
Photoshop coloca el cuadro Transformación libre y maneja alrededor del cuadrado:
Aparecen los controladores de Transformación libre.
Para mover el cuadrado, haga clic y arrastre a cualquier lugar dentro del cuadro Transformación libre. También puede moverlo usando las teclas de flecha en su teclado. Para rotarlo, mueva el cursor del mouse fuera del cuadro y luego haga clic y arrastre:
Moviendo y girando el cuadrado en su lugar.
Para aceptarlo, presione Entrar (Win) / Retorno (Mac), y nuestro primer cuadrado se ha movido y girado en su lugar:
El resultado después de mover y rotar el primer cuadrado.
Repitiendo los pasos para los otros cuadrados
Para mover y rotar los otros cuadrados, simplemente repita los mismos pasos. Primero, haga clic en un cuadrado para seleccionarlo, y luego presione Ctrl + T (Win) / Comando + T (Mac) para elegir rápidamente Transformación libre . Mueva el cuadrado a su lugar y luego gírelo a su posición. Presione Entrar (Win) / Volver (Mac) para aceptarlo.
En mi caso, voy a dejar el cuadrado central en su lugar original, pero continuaré moviendo y girando los cuadrados exteriores hasta que esté satisfecho con los resultados. Si solo desea mover un cuadrado sin rotarlo, no es necesario abrir Transformación libre. Puede hacer clic y arrastrarlo con la herramienta Mover, o empujarlo a su lugar con las teclas de flecha en su teclado:
El resultado después de ajustar todos los cuadrados exteriores.
Paso 10: cambie el color de fondo
En este punto, hemos creado el efecto principal, pero hay un par de cosas más que podemos hacer. Una de ellas es que podemos cambiar el color de fondo. Y para hacer eso, usaremos una capa de relleno de Color sólido.
En el panel Capas, haga clic en la capa Fondo para seleccionarla:
Selección de la capa de fondo.
Luego haga clic en el icono Nueva capa de relleno o ajuste :
Al hacer clic en el icono Nueva capa de relleno o ajuste.
Y elija Color sólido de la lista:
Elegir una capa de relleno de color sólido.
Muestreo de un color de fondo de la imagen
En el Selector de color, elija un nuevo color para su fondo. O bien, elija un color directamente de su imagen moviendo el cursor hacia la imagen y haciendo clic en un color para seleccionarlo:
Muestreo de un nuevo color de fondo de la imagen.
Una vez que haya encontrado un color que le guste, haga clic en Aceptar para cerrar el Selector de color:
El collage de fotos con el nuevo color de fondo muestreado de la imagen.
En el panel Capas, vemos nuestra nueva capa de relleno de Color sólido sobre la capa Fondo:
La capa de relleno se encuentra entre la capa de fondo y los cuadrados.
Paso 11: agregue una sombra paralela
Finalmente, terminemos el efecto agregando una sombra paralela detrás de los cuadrados. Para agregar la sombra a todos los cuadrados a la vez, primero los colocaremos en un grupo de capas.
Agrupando los cuadrados
Haga clic en la capa superior (Capa 1) para seleccionarla. Luego, mantenga presionada la tecla Mayús y haga clic en la capa directamente encima de la capa de relleno (Capa 9). Esto selecciona todos los cuadrados a la vez:
Haga clic en la Capa 1, luego presione Mayús y haga clic en la Capa 9.
Vaya al menú Capa y elija Agrupar capas :
Ir a Capa> Capas de grupo.
Y de vuelta en el panel Capas, todos nuestros cuadrados se han colocado en un nuevo grupo. Puede girar el grupo abierto o cerrado haciendo clic en la flecha al lado del nombre del grupo:
Los cuadrados ahora están dentro de un grupo de capas.
Agregar la sombra paralela
Para aplicar una sombra paralela al grupo, haga clic en el icono Estilos de capa :
Al hacer clic en el icono "fx" con el grupo de capas seleccionado.
Y luego elija Drop Shadow de la lista:
Elegir Drop Shadow.
Esto abre el cuadro de diálogo Estilo de capa establecido en las opciones de Sombra paralela:
Las opciones de Sombra paralela en el cuadro de diálogo Estilo de capa.
Puede ajustar el ángulo y la distancia de la sombra desde aquí, pero es más fácil hacer clic y arrastrar dentro del documento. A medida que arrastre, verá los valores de Ángulo y Distancia actualizándose en el cuadro de diálogo:
Haga clic y arrastre dentro del documento para ajustar el ángulo y la distancia de la sombra.
Una vez que haya configurado el ángulo y la distancia, regrese al cuadro de diálogo y ajuste el valor de Tamaño para suavizar los bordes. También puede ajustar la opacidad para que la sombra parezca más clara o más oscura. Bajaré la mía al 30% :
Ajuste del tamaño (suavidad) y la opacidad de la sombra paralela.
Cuando esté satisfecho con los resultados, haga clic en Aceptar para cerrar el cuadro de diálogo. Y con la sombra aplicada, aquí está mi efecto final:
El efecto final del collage de fotos.
¡Y ahí lo tenemos! ¡Así es como convertir una sola imagen en un simple collage de fotos cuadrado en Photoshop! ¡Para obtener más efectos de collage, aprende a crear un collage Polaroid, un collage de tiras de película o un collage de fotos deformadas! Visite nuestra sección de Efectos fotográficos para obtener más tutoriales. ¡Y no olvide que todos nuestros tutoriales de Photoshop ahora están disponibles para descargar como PDF!