En este tutorial de efectos fotográficos, aprenderemos cómo convertir cualquier imagen en un collage de polaroids. En otras palabras, crearemos lo que parece un montón de fotos polaroid distribuidas aleatoriamente en el fondo, pero dentro de cada polaroid hay una pequeña sección de su imagen general más grande. Puede parecer complicado al principio, pero como veremos, en realidad es un efecto muy fácil de crear en Photoshop, especialmente porque gran parte del trabajo es una simple repetición.

Esta versión del tutorial ha sido completamente reescrita y actualizada del original y ahora es totalmente compatible con ambos. Photoshop cs6 y Photoshop CC (Creative Cloud). También presenta una forma ligeramente diferente de crear el efecto (en comparación con la forma que cubrí en la versión original), esta vez aprovechando las capas de forma de Photoshop, así como una característica poco conocida pero muy poderosa que se encuentra en las opciones de fusión avanzada de Photoshop. Sin embargo, no dejes que la parte «Avanzada» te engañe. Cualquiera puede hacer esto y, como siempre, cubriré cada paso del camino.

Como mencioné, necesitará Photoshop CS6 o CC para seguirlo. Si está utilizando Photoshop CS5 o una versión anterior, querrá consultar nuestro tutorial original Convertir una foto en un collage de polaroides.

Aquí está la imagen que usaré (foto de vacaciones de mamá e hija de Shutterstock):

Y así es como se verá el efecto final de «collage de polaroides»:

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

¡Descargue este tutorial como PDF listo para imprimir!

Cómo crear un collage de fotos Polaroid en Photoshop

Paso 1: seleccione la herramienta Rectángulo

Con nuestra imagen recién abierta en Photoshop, comencemos nuestro efecto de collage polaroid creando nuestra primera polaroid. Para crearlo, usaremos una de las herramientas de forma de Photoshop: el Herramienta rectangular. Haga clic en su icono en la mitad inferior del panel Herramientas para seleccionarlo. Si una herramienta de forma diferente está visible en su lugar, haga clic y mantenga presionada la herramienta para que aparezca el menú desplegable, luego seleccione la herramienta Rectángulo de la lista:

Paso 2: Configure el modo de herramienta en forma

Las herramientas de forma de Photoshop nos permiten dibujar formas vectoriales, trazados o formas basadas en píxeles. Queremos dibujar nuestra polaroid usando formas vectoriales, que no solo mantendrán los bordes agradables y nítidos, sino que también evitarán que el tamaño general de nuestro archivo se salga de control a medida que agregamos más y más polaroides al collage. Para configurar la herramienta Rectángulo para dibujar formas vectoriales, configure el Modo de herramienta opción en el extremo izquierdo de la barra de opciones para Forma:

Paso 3: establezca el color de relleno en negro y el trazo en ninguno

Establezcamos el color de nuestra forma de rectángulo en negro, ya que esta forma se utilizará como el área en el centro de la polaroid donde aparece la foto. En realidad, no importa qué color usemos para esta forma. El negro es fácil de ver frente a nuestra imagen. Para establecer su color en negro, haga clic en el Muestra de color de relleno en la barra de opciones. Puede notar que el mío ya está configurado en negro, pero está bien:

Al hacer clic en la muestra de color, se abre el Tipo de relleno cuadro de diálogo donde elegimos el tipo de relleno que queremos para la forma. Hay cuatro tipos de relleno diferentes para elegir, y cambiamos entre ellos usando los cuatro íconos que se muestran en una fila en la parte superior izquierda del cuadro de diálogo. Cada icono representa un tipo de relleno diferente. Comenzando por la izquierda, tenemos Ninguno (para ningún relleno), Color sólido, Degradado y luego Patrón. Queremos rellenar nuestra forma con un color sólido, así que haga clic en el Color sólido icono (segundo desde la izquierda) para seleccionarlo. Entonces escoge negro de las muestras de color que aparecen. Lo elegiré de mi lista de colores usados ​​recientemente, pero también puede elegirlo en el área de muestra principal. Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) en su teclado para cerrar el cuadro de diálogo:

También debemos asegurarnos de que nuestra forma no tenga un trazo aplicado alrededor de sus bordes. Para hacer eso, haga clic en el Carrera muestra directamente a la derecha de la muestra de relleno en la barra de opciones:

Esto abre el Tipo de trazo cuadro de diálogo que se ve exactamente como el cuadro de diálogo Tipo de relleno, pero estas opciones se aplican al trazo. Como no queremos ningún trazo, haga clic en el Ninguno en la parte superior izquierda del cuadro de diálogo (el que tiene la línea roja diagonal a través de él). prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado de cerrarlo:

Paso 4: arrastre una forma cuadrada

Con la herramienta Rectángulo seleccionada, negro como Color de relleno y Trazo establecido en Ninguno, presione y mantenga presionada la tecla Cambio en su teclado, luego haga clic y arrastre su forma. Mantener presionada la tecla Mayús mientras arrastra forzará la forma a un cuadrado perfecto, pero asegúrese de soltar el botón del mouse antes de soltando la tecla Shift, de lo contrario no funcionará. También puede mover la forma mientras la dibuja presionando y manteniendo presionada la tecla barra espaciadora en su teclado mientras arrastra.

Dado que esta forma se usará como el área central de la polaroid donde aparece la imagen, arrastraré mi forma para que sea lo suficientemente grande como para que quepa la cara de la niña dentro de ella. Para su efecto, es posible que desee que las polaroides sean más grandes o más pequeñas, pero creo que este tamaño funciona bien para esta imagen. Aquí, vemos el contorno de la forma mientras la dibujo:

Cuando suelta el botón del mouse (y luego suelte la tecla Shift), ahí es cuando la forma aparece realmente con el color de relleno elegido. Aquí lo vemos bloqueando temporalmente la cara de la niña de la vista:

Nota para los usuarios de Photoshop CC: En Photoshop CC, Adobe ha introducido una nueva función Live Shapes, y tan pronto como haya dibujado su forma, la Panel de propiedades se abrirá a lo nuevo Propiedades de forma viva. No haremos nada con estas opciones aquí, así que no dude en cerrar o minimizar el panel Propiedades. Nuevamente, esto es solo para usuarios de Photoshop CC. Photoshop CS6 no ofrece Live Shapes.

Paso 5: Duplica la capa de forma

Si miramos en el panel Capas, vemos el recién agregado capa de forma, que Photoshop ha denominado «Rectángulo 1», situado encima de la imagen en la capa de fondo:

Hagamos una copia de esta forma, que luego cambiaremos de tamaño para crear el marco exterior de la polaroid. Para duplicarlo, asegúrese de que la capa de forma esté seleccionada (resaltada en azul) en el panel Capas. Entonces sube al Capa menú en la barra de menú en la parte superior de la pantalla, elija Nuevo, entonces escoge Capa de forma mediante copia. O una forma aún más rápida de duplicar la capa es simplemente presionar Ctrl + J (Ganar) / Comando + J (Mac) en tu teclado:

Photoshop duplica la capa de forma, le da a la copia el nombre genérico «Copia del rectángulo 1» y la coloca sobre el original:

Paso 6: cambie el nombre de las dos capas de forma

Antes de continuar, reemplacemos esos nombres genéricos que Photoshop le dio a nuestras capas de forma con nombres que sean más significativos. A partir de Photoshop CS6, Adobe ha facilitado mucho el cambio de nombre de varias capas. Usaremos la capa de forma superior como el área de imagen interna de la polaroid, así que resalte su nombre actual «Rectángulo 1» por doble clic en él, luego cambie el nombre de la capa «área de imagen». No presione Entrar (Win) / Retorno (Mac) para aceptarlo todavía, simplemente deje el nombre resaltado:

presione el Pestaña en su teclado para saltar instantáneamente a la siguiente capa debajo de ella y resaltar su nombre. Esta capa se utilizará como borde blanco de la polaroid, así que cambie el nombre de esta segunda capa como «borde». prensa Ingresar (Ganar) / Regreso (Mac) en su teclado cuando haya terminado de aceptar el nuevo nombre:

Paso 7: cambia el color de la forma a blanco

Necesitaremos que el área fronteriza de nuestra polaroid sea blanco, no negro, por lo que con la capa «borde» seleccionada en el panel Capas, haga clic una vez más en el Muestra de color de relleno en la barra de opciones:

Esto vuelve a abrir el cuadro de diálogo Tipo de relleno. Deje el tipo establecido en Color sólido y elija blanco de las muestras de color. prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado. No verá que la forma cambie de color en el documento todavía porque la forma rellena de negro está encima de él y lo bloquea de la vista, pero lo veremos en un momento:

Paso 8: Cambiar el tamaño de la forma del borde

Con el color de la forma ahora establecido en blanco, suba al Editar en la parte superior de la pantalla y elija Ruta de transformación libre. O presione Ctrl + T (Ganar) / Comando + T (Mac) en su teclado para seleccionar el comando Free Transform Path desde el teclado:

Estos lugares se transforman manejas (esos pequeños cuadrados) alrededor de la forma, y ​​podemos usar estos controladores para cambiar su tamaño. Para crear un borde alrededor del área de la imagen, necesitamos que esta forma blanca sea un poco más grande que la forma negra, así que presione Mayús + Alt (Ganar) / Mayús + Opción (Mac) en su teclado, y con las teclas aún presionadas, haga clic en cualquiera de las cuatro manijas de esquina alrededor de la forma y arrastre una pequeña distancia hacia afuera hasta que haya agregado suficiente área de borde. Como vimos anteriormente, mantener presionada la tecla Shift fuerza la forma a un cuadrado perfecto, y agregar la tecla Alt (Win) / Opción (Mac) junto con ella nos permite cambiar el tamaño de la forma desde su centro en lugar de desde la esquina. Nuevamente, recuerde soltar el botón del mouse primero cuando haya terminado, luego suelte las teclas:

Las polaroides tienen un área de borde adicional en la parte inferior, así que haga clic en el asa inferior y arrástrelo hacia abajo para agregar espacio adicional. No es necesario agregar ninguna tecla desde el teclado esta vez. Cuando haya terminado de cambiar el tamaño de la forma, presione Ingresar (Ganar) / Regreso (Mac) en su teclado para aceptarlo y salir del modo de transformación:

Paso 9: agregue una sombra paralela al borde

Para darle un poco de profundidad a nuestro collage polaroid, agreguemos una sombra paralela al borde. Clickea en el Estilos de capa icono (el icono «fx») en la parte inferior del panel Capas:

Escoger Sombra paralela desde la parte inferior de la lista que aparece:

Esto abre el cuadro de diálogo Estilo de capa establecido en las opciones de Sombra paralela en la columna central. Bajar el Opacidad de la sombra a su alrededor 40% para que parezca más sutil, luego cambie el Ángulo para 135 ° por lo que la fuente de luz estará en la esquina superior izquierda. Finalmente, aumente el Distancia y Tamaño opciones un poco para controlar qué tan lejos se extiende la sombra hacia afuera desde detrás de la polaroid y qué tan suave parece. En mi caso, estableceré mis valores de Distancia y Tamaño en alrededor de 16 px, pero es posible que necesite valores más pequeños o más grandes según el tamaño de su imagen. Cuando haya terminado, haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa:

Aquí está mi polaroid con la sombra paralela aplicada:

Paso 10: seleccione la capa del área de la imagen

Haga clic en la capa de forma del «área de la imagen» en el panel Capas para seleccionarla:

Paso 11: abra las opciones de fusión

Dibujamos nuestra polaroid, pero ahora necesitamos una forma de revelar nuestra imagen dentro de la forma rellena de negro en el centro. Podemos hacer eso usando el Knockear función en las Opciones de fusión de Photoshop. Una forma de acceder a las Opciones de fusión es hacer clic en el pequeño icono de menú en la esquina superior derecha del panel Capas:

Entonces escoge Opciones de fusión en el menú que aparece:

Photoshop abre una vez más el cuadro de diálogo Estilo de capa, esta vez configurado en las principales Opciones de fusión. En el Mezcla avanzada sección en el centro, cambie el Knockear opción de Ninguno a Profundo:

¡Esto esencialmente convertirá nuestra forma negra en un agujero que nos permitirá ver la imagen en la capa de Fondo! O al menos, lo hará en un momento. Para que funcione, también necesitamos bajar el Rellenar opacidad todo el camino hasta 0%. Encontrará la opción Opacidad de relleno justo encima de la opción Eliminación:

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. Con la Opacidad de relleno establecida en 0%, nuestra imagen ahora es completamente visible dentro del área de imagen de la polaroid:

Paso 12: seleccione ambas capas de forma

Para crear nuestro collage, haremos copias de esta polaroid inicial, así que facilitemos las cosas colocando nuestras dos capas de forma en una grupo de capas. Para hacer eso, primero necesitamos tener ambas capas de forma seleccionadas. Actualmente, la capa superior del «área de imagen» está seleccionada en el panel Capas. Mantenga presionado el Cambio en su teclado y haga clic en la capa «borde» debajo de ella para seleccionar ambas capas a la vez:

Paso 13: agrupa las capas

Con ambas capas seleccionadas, haga clic una vez más en el icono de menú en la esquina superior derecha del panel Capas:

Escoger Nuevo grupo de capas del menú:

Photoshop abrirá el cuadro de diálogo Nuevo grupo a partir de capas donde podemos nombrar el grupo antes de agregarlo. Llamaré a la mía «Polaroid». Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo:

El nuevo grupo de capas aparece encima de la capa Fondo en el panel Capas:

Paso 14: seleccione la capa de fondo

Antes de comenzar a agregar más polaroids al collage, primero ocultemos la foto principal en la capa Fondo. Usaremos una de las capas de relleno de color sólido de Photoshop como fondo para nuestro collage. Clickea en el Capa de fondo para seleccionarlo:

Paso 15: agregue una capa de relleno de color sólido

Con la capa de Fondo seleccionada, haga clic en el Nueva capa de relleno o ajuste en la parte inferior del panel Capas:

Escoger Color sólido desde la parte superior de la lista que aparece:

Esto abre el Selector de color donde elegimos con qué color queremos llenar la capa. Puedes usar el color que quieras, pero voy a ir con negro por ahora. Más adelante, veremos cómo podemos volver fácilmente y cambiar el color a algo diferente:

Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color. Podemos ver la nueva capa de relleno de color sólido (llamada «Relleno de color 1») entre el grupo de capas «Polaroid» y la capa de fondo en el panel Capas:

Y en el documento en sí, vemos que nuestra polaroid ahora está sentada frente a un fondo de color sólido. La única parte de nuestra imagen principal que todavía es visible es el área dentro de la polaroid:

Paso 16: seleccione el grupo de capas

Rotemos rápidamente nuestra polaroid para darle un poco más de interés visual. Haga clic en el grupo de capas «Polaroid» en el panel Capas para seleccionarlo:

Paso 17: Gire la Polaroid con Free Transform

Con el grupo de capas seleccionado, suba al Editar en la parte superior de la pantalla y elija Transformación libre. O presione Ctrl + T (Ganar) / Comando + T (Mac) para seleccionar Transformación libre con el atajo de teclado:

Luego, mueva el cursor a cualquier lugar fuera del cuadro Transformación libre. Cuando vea que su cursor se convierte en una flecha curva de doble cara, haga clic y arrastre con el mouse para rotar la polaroid. Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) para aceptar la rotación y salir de Transformación libre:

Paso 18: Copie, mueva y gire más Polaroids

En este punto, todo el trabajo duro está hecho. Crear el resto del collage es simplemente una cuestión de duplicar el grupo de capas para crear una nueva polaroid, usar Transformación libre para moverlo y rotarlo en su posición, y luego repetir los mismos pasos una y otra vez. Para acelerar las cosas, en lugar de perder el tiempo seleccionando comandos de la barra de menú en la parte superior de la pantalla, sugiero usar los atajos de teclado más rápidos. Seguiré los pasos aquí una vez, y luego, como dije, es solo cuestión de repetirlos hasta que termine su collage.

Primero, para agregar una nueva polaroid, presione Ctrl + J (Ganar) / Comando + J (Mac) en tu teclado. Esto duplicará el que agregó anteriormente. No parecerá que se ha agregado nada nuevo en el documento, pero eso se debe a que la nueva polaroid está ubicada directamente encima de la anterior. Sin embargo, el panel Capas mostrará que se ha agregado una copia de la polaroid:

Luego, para mover la nueva polaroid a su posición y rotarla, seleccione Transformación libre presionando Ctrl + T (ganar) / Comando + T (Mac). Para mover la polaroid y revelar más de su imagen, haga clic en cualquier lugar dentro el cuadro Transformación libre y arrástrelo con el mouse:

Gire la polaroid como lo hicimos antes haciendo clic y arrastrándola a cualquier lugar fuera de del cuadro Transformación libre. Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) para aceptarlo. O también puede aceptarlo y salir de Free Transform simplemente por doble clic en cualquier lugar dentro del cuadro Transformación libre:

Continúe agregando más polaroides a su collage, moviéndolas y girándolas a su posición siguiendo los mismos pasos, presionando Ctrl + J (Ganar) / Comando + J (Mac) a duplicar la polaroid anterior, luego Ctrl + T (Ganar) / Comando + T (Mac) a moverse y girar el nuevo con Transformación libre tal como hicimos arriba. prensa Ingresar (Ganar) / Regreso (Mac) en su teclado o haga doble clic dentro del cuadro Transformación libre para aceptarlo. Así es como se ve mi collage. Observe cómo dispuse las polaroids para enfocar el tema principal de la foto sin preocuparme demasiado por el resto de la imagen:

Paso 19: cambie el color de fondo (opcional)

Anteriormente, elegimos el negro como color de fondo para nuestro collage, pero si llega a este punto y decide que el negro es demasiado oscuro, es fácil cambiar el color. Haga doble clic sobre el muestra de color para la capa de relleno de Color sólido en el panel Capas:

Esto reabrirá el Selector de color. Puede elegir un color diferente del Selector de color en sí, o puede probar un color directamente de la imagen. Para muestrear un color, mueva el cursor del mouse lejos del Selector de color y sobre la imagen. Verás que tu cursor se convierte en un cuentagotas. Mueva el cuentagotas sobre el color que desea usar para el fondo, luego haga clic en el color para probarlo. Aquí, estoy haciendo clic en un área de gris azulado claro en una de las polaroids:

Con el color muestreado, haga clic en Aceptar para cerrar el Selector de color. Photoshop actualiza instantáneamente el collage con su nuevo color de fondo:

¡Y ahí lo tenemos! ¡Así es como convertir cualquier foto en un collage de polaroids con Photoshop CS6 y Photoshop CC (Creative Cloud)! Visite nuestra sección Efectos fotográficos para obtener más tutoriales de efectos de Photoshop.