Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Cómo hacer plantillas de photo booth con Photoshop

Scroll to top
Read Time: 13 min

Spanish (Español) translation by Valeria Angulo (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, veremos cómo crear plantillas de photo booth con Photoshop. Estas técnicas también te mostrarán cómo crear un collage de fotos, ya que las habilidades son transferibles. Por lo tanto, si deseas crear diseños divertidos de plantillas de tira de Photo Booth o crear tus propias plantillas de collage de fotos, permanece atento.

photo collage template photoshopphoto collage template photoshopphoto collage template photoshop
Fotografía de archivo de perro de IciakPhotos en Envato Elements.

Que necesitarás

Este tutorial utiliza los siguientes recursos para crear una plantilla de photobooth:

Puedes descargar estos recursos y continuar o utilizar los recursos alternativos de tu elección.

1. Cómo hacer plantillas de photo booth usando Photoshop

Paso 1

Comienza la plantilla de tu photo booth creando un Nuevo Documento. Hazlo yendo a Archivo > Nuevo en Adobe Photoshop.

Para esta demostración, crearemos un documento de 11 pulgadas de alto por 8.5 pulgadas de ancho, a 300 PPP. Esta sería una resolución apropiada para la impresión.

Sin embargo, ten en cuenta que puedes trabajar en cualquier tamaño que desees. Si, por ejemplo, prefieres crear una plantilla de photo booth de Instagram para usarla exclusivamente en línea, puede que no necesites trabajar con una resolución de impresión. Por ejemplo, una plantilla de photo booth para Instagram podría ser mejor a 1080 píxeles de ancho por 1080 píxeles de alto, si desearas crear una plantilla cuadrada de collage de Photoshop para esta plataforma.

Elige las opciones de tamaño que mejor se adapten a ti y lo que te gustaría para la plantilla de tu photobooth. A continuación, haz clic en Crear cuando estés satisfecho con tus valores.

photoshop new documentphotoshop new documentphotoshop new document

Paso 2

Comencemos por añadir algo de contenido a nuestro fondo, para que los inicios de nuestra plantilla de photo booth sean más fáciles de ver. Esto es opcional, pero también es útil.

Usé esta imagen de textura de madera de Envato Elements. Simplemente abre la imagen, cópiala y pégala en nuestra plantilla de photobooth.

Sugerencia: Puedes bajar la opacidad si quieres que este elemento de fondo opcional sea más claro.

photoshop paste imagephotoshop paste imagephotoshop paste image

Paso 3

A continuación, selecciona la Herramienta Rectángulo. Se encuentra en el panel de Herramientas. Si no la ves, podría estar anidada bajo tus otras Herramientas de Forma. Está resaltada en la captura de pantalla, abajo.

photoshop rectangle toolphotoshop rectangle toolphotoshop rectangle tool

Paso 4

Con la Herramienta Rectángulo seleccionada, asegúrate de que el color de relleno esté configurado en blanco y el color de trazo esté desactivado. Podemos encontrar estas opciones en el panel de Opciones, con la Herramienta Rectángulo seleccionada.

fill and stroke colorfill and stroke colorfill and stroke color

Paso 5

Ahora, haz clic y arrastra, con la Herramienta Rectángulo aún seleccionada, para dibujar un largo rectángulo blanco. Esto servirá como base para nuestra plantilla de photo booth.

Observa que el Photoshop pone nuestro nuevo rectángulo dibujado en una nueva capa.

photoshop rectangle toolphotoshop rectangle toolphotoshop rectangle tool

Paso 6

A continuación, volvamos a nuestra Herramienta Rectángulo.

Antes de dibujar otro rectángulo, cambiemos de nuevo nuestro Color de Relleno. Esta vez, elige un color gris claro. Este será un color de marcador de posición, para que podamos ver más fácilmente esta forma contra la base de la plantilla del photo booth blanco.

change fill color photoshopchange fill color photoshopchange fill color photoshop

Paso 7

Antes de dibujar nuestro nuevo rectángulo, crea una Nueva Capa en tu panel de Capas. De esta manera, nuestro rectángulo gris claro estará en su propia capa.

Haz clic en el icono más en la parte inferior del panel de Capas para crear una Nueva Capa.

photoshop new layerphotoshop new layerphotoshop new layer

Paso 8

Ahora, con esta capa recién creada seleccionada, dibuja un rectángulo haciendo clic y arrastrando con la Herramienta Rectángulo. De nuevo, este nuevo rectángulo debería ser de un color gris claro. Esta es nuestra primera foto en la plantilla de la tira del photo booth.

Dibújala en la parte superior de la franja blanca haciendo clic y arrastrando, o bien, utiliza la Herramienta Mover para posicionar el nuevo rectángulo dibujado en consecuencia.

photoshop draw rectangle shape toolphotoshop draw rectangle shape toolphotoshop draw rectangle shape tool

Paso 9

Podríamos dibujar más rectángulos para definir más áreas de fotos en nuestra plantilla de photo booth. Si quieres crear más de un aspecto de plantilla de collage de Photoshop, entonces sigue dibujando rectángulos de varios tamaños. Puedes crear un collage de fotos realmente genial trabajando con rectángulos de diferentes formas y tamaños.

Sin embargo, en una plantilla de tira de photo booth, las fotos tienden a ser del mismo tamaño, todas en fila. Para lograr este efecto, copiaremos el rectángulo que ya hemos dibujado.

Selecciona la capa con el rectángulo gris claro. Luego ve a Capa > Duplicar Capa para copiarla. Se nos da un cuadro de diálogo aquí, donde podemos nombrar a nuestro duplicado. Haz clic en OK para crear la capa duplicada.

Repite esto hasta que tengamos tres copias del rectángulo gris claro.

Sugerencia: Puedes cambiar el nombre de las capas, con fines de organización, haciendo clic en el nombre de la capa en el panel Capas.

photoshop duplicate layerphotoshop duplicate layerphotoshop duplicate layer

Paso 10

Selecciona la primera capa de rectángulo gris claro en tu panel de Capas. Luego, haz clic con el botón derecho del ratón en PC o Comando y clic en Mac y selecciona Convertir en objeto inteligente.

Una vez que lo hayas hecho, notarás que el icono de la miniatura de la capa ha cambiado. Esto indica que esta capa ahora contiene un Objeto inteligente.

photoshop convert to smart objectphotoshop convert to smart objectphotoshop convert to smart object

Paso 11

Repite este paso para cada rectángulo gris claro de tu composición. Al final, queremos tres objetos inteligentes separados. Es decir, tendremos uno para cada foto de nuestra plantilla de tiras para photo boot.

photoshop smart objectsphotoshop smart objectsphotoshop smart objects

Paso 12

Ahora, vamos a añadir algunos extras a nuestra plantilla del photo booth. No queremos que las cosas se vean como un montón de cuadrados aburridos.

Agreguemos un estilo de capas a nuestras fotos, para ayudar a que las cosas se vean más naturales. Selecciona la primera capa de rectángulo gris claro de tu composición. Luego, haz clic en el icono de Estilos de capas, en la parte inferior del panel de Capas. Selecciona Sombra interior.

photoshop inner shadowphotoshop inner shadowphotoshop inner shadow

Paso 13

Estas son las opciones de Estilo de Capas. Queremos los siguientes valores para nuestra Sombra Interior:

  • Modo de fusión establecido en multiplicar
  • Color del modo de fusión ajustado a Negro
  • Opacidad 35%
  • Ángulo 90%
  • Distancia 4
  • Retraer 0%
  • Tamaño 21 px

Estos son los valores recomendados. Siéntete libre de experimentar y trabajar con los valores que prefieras. Activa la vista previa para obtener una vista previa de cómo estos valores afectan a tu trabajo, antes de que te comprometas con ellos. Haz clic en Aceptar cuando estés satisfecho con ellos.

inner shadow settingsinner shadow settingsinner shadow settings

Paso 14

Y así es como se ve nuestra foto con esta Sombra Interior aplicada. Es un ligero añadido, pero ayuda a que las cosas parezcan un poco menos planas.

En lugar de repetir el último paso de nuevo, podemos hacer clic con el botón derecho del ratón en el PC o con comando clic en el Mac y seleccionar Copiar estilo de capa.

photoshop copy layer stylephotoshop copy layer stylephotoshop copy layer style

Paso 15

Luego, ve a una de las otras capas de rectángulo gris claro. Haz clic con el botón derecho del ratón en PC o con control clich en Mac, y entonces podremos seleccionar Pegar estilo de la capa. Ahora, nuestra Sombra Interior se aplica fácilmente en esta capa también.

Repite este proceso hasta que los tres marcadores de posición de nuestras fotos en gris claro tengan la misma Sombra Interior aplicada en ellos.

photoshop paste layer stylephotoshop paste layer stylephotoshop paste layer style

Paso 16

También podemos añadir más extras a la plantilla de la tira del photo booth. Intentemos añadir algunos elementos divertidos e ilustrativos a la parte blanca de nuestra tira de fotos. Usaremos estas ilustraciones florales dibujadas a mano por vintagio en este ejemplo.

Comienza abriendo la ilustración en Adobe Photoshop. Luego, cópiala y pégala en la plantilla de la tira de fotos.

Puedes cambiar el tamaño de las imágenes yendo a Edición > Transformación Libre. Esto te permite arrastrar las manijas de cambio de tamaño para escalar la imagen insertada. Utiliza la Herramienta Mover para organizarla en la tira de fotos.

photoshop paste imagephotoshop paste imagephotoshop paste image

Paso 17

Como queremos que esta ilustración se aplique solo a la parte blanca de la tira de fotos, colócala debajo de los rectángulos de fotos de color gris claro en nuestro panel de Capas. Debería estar justo encima de nuestro mayor rectángulo blanco.

Aquí hay un ejemplo de cómo deberían verse las capas.

photoshop move layersphotoshop move layersphotoshop move layers

Paso 18

Con nuestra capa de ilustración seleccionada, haz clic con el botón derecho del ratón en PC o control clic en Mac, y selecciona Crear máscara de recorte. Observa cómo la capa se indenta con una flecha que apunta hacia abajo a la capa que está debajo de ella. Esta es una pista visual que nos dice que una máscara de recorte está en acción aquí.

Ahora, la ilustración solo se aplica a la parte blanca de nuestra tira de fotos.

photoshop clipping maskphotoshop clipping maskphotoshop clipping mask

Paso 19

Repite este proceso con tantos elementos ilustrativos o decorativos como quieras. También usé la misma ilustración floral en el lado opuesto de la plantilla del photo booth.

Luego, también apliqué una tira de garabatos dibujados a mano por Youandigraphics en la base y la parte superior de la tira de fotos. Añade tantos elementos decorativos como quieras. ¡Diviértete con ello!

photoshop clipping masksphotoshop clipping masksphotoshop clipping masks

Paso 20

Podemos aplicar algunos efectos de color a estos elementos decorativos también. Crea una nueva capa sobre nuestras ilustraciones, y seguir el mismo proceso para convertirla en una máscara de recorte.

Luego, usando la Herramienta Bote de Pintura, rellena la capa con un color verde. Establece el Modo de Fusión de esta capa en la pantalla.

Ahora, nuestras ilustraciones tienen un color verde, en lugar de negro.

photoshop layer blending modephotoshop layer blending modephotoshop layer blending mode

Paso 21

Podemos aplicar elementos decorativos sobre la plantilla también. Por ejemplo, mira este divertido paquete de pegatinas vectoriales, hay más de 300 pegatinas para elegir.

Copié y pegué algunas de estas pegatinas en la plantilla del photo booth. Asegúrate de que estén en la parte superior de tus capas, para que parezca que han sido "pegadas" en la parte superior.

add stickers to photobooth templateadd stickers to photobooth templateadd stickers to photobooth template

Paso 22

También podemos añadir fácilmente algo de texto a nuestra plantilla de tiras para photo booth. La elección de una fuente divertida y manuscrita puede ayudar a que se parezca más a la escritura a mano en la parte inferior de la tira de fotos.

Selecciona la Herramienta de Texto. A continuación, haz clic en tu plantilla del photobooth y empieza a escribir como lo harías en la mayoría de los programas de procesamiento de texto. Notarás que Photoshop pone el texto en una nueva capa para ti.

Para cambiar cosas como el tamaño de la fuente, el color de la fuente y la fuente misma, ve al panel de Caracteres. Puedes encontrarlo yendo a Ventana > Carácter.

Usé la linda fuente manuscrita Heart in Song.

photoshop text toolphotoshop text toolphotoshop text tool

Paso 23

Ahora, tenemos un diseño funcional de la plantilla del photobooth. Asegúrate de guardar tu trabajo yendo a Archivo > Guardar.

Este proceso puede ser una forma divertida de crear ideas de plantillas para photo booth que puedes reutilizar y remezclar todo lo que quieras. Prueba con diferentes tamaños de fotos. Prueba diferentes pegatinas o ilustraciones. Con Objetos Inteligentes, puedes reutilizar tu plantilla de photo booth para tantas fotos diferentes como quieras.

photobooth template designphotobooth template designphotobooth template design

2. Cómo usar una plantilla de photobooth con objetos inteligentes

Paso 1

Ahora, vamos a añadir nuestras fotos a nuestra recién creada plantilla de photo booth.

Una de las mejores cosas de trabajar con objetos inteligentes es lo fácil que es de usar. Ve al panel Capas y haz doble clic en la miniatura de la capa en una de las capas del marcador de posición de la foto de color gris claro. Todas ellas deberían ser Objetos inteligentes, si has seguido los pasos del tutorial.

add image to smart objectadd image to smart objectadd image to smart object

Paso 2

Photoshop nos llevará automáticamente a un PSB separado. Este es el "interior" de nuestro Objeto Inteligente.

inside of smart object photoshopinside of smart object photoshopinside of smart object photoshop

Paso 3

Abre cualquier foto que quieras insertar en la plantilla de tu photobooth. Voy a usar esta foto de un lindo cachorro. Copia y pega la foto en este documento PSB.

Una vez que tengas la foto pegada en este espacio, ve a Archivo > Guardar para guardar el documento.

photoshop smart objectphotoshop smart objectphotoshop smart object

Paso 4

Ahora, volvamos a nuestra plantilla de photobooth. Te darás cuenta de que Photoshop ha insertado la foto en la plantilla por nosotros.

Repite este proceso para tantos marcadores de posición de fotos (Objetos Inteligentes) como hayas creado en tu plantilla.

El proceso es el mismo si quieres crear plantillas de foto collages o simular un aspecto de foto collage genial en lugar de una tira de fotos. Tus objetos inteligentes pueden tener el tamaño que prefieras.

finished photobooth templatefinished photobooth templatefinished photobooth template

¿Qué tipo de ideas para plantillas de photo booth vas a probar?

Hay tantas indicaciones diferentes que podrías tomar cuando desarrolles tu propia plantilla de photobooth. La mejor parte de crear tu propio archivo de Photoshop de una plantilla de foto collage que puedes reutilizarlo y adaptarlo a todo tipo de diseños diferentes.

Puedes deshacerte de los elementos de fondo (como la textura de la madera) y luego imprimir este diseño en papel fotográfico. O puedes mantenerlo digital y publicarlo en tus reuniones sociales o compartirlo con familiares y amigos.

photo collage template photoshopphoto collage template photoshopphoto collage template photoshop
Fotografía de archivo de perro de IciakPhotos en Envato Elements.

Ahora que conoces los conceptos básicos de cómo crear un collage de fotos o una plantilla de photobooth, ¿qué vas a crear?

Si buscas más ideas para plantillas de photo booth o incluso diseños de plantillas de photo booth que puedas descargar ahora, échale un vistazo a estos inspiradores diseños de Envato Elements.

1. Plantillas de photo booth de acuarela (PSD, PNG)

photo booth strip templatephoto booth strip templatephoto booth strip template

Estas divertidas plantillas de photo booth usan fondos de acuarela de colores. Podrían funcionar para una gran variedad de fotos, desde vacaciones hasta cumpleaños y recuerdos felices.

2. Kit de collage divertido (PNG, SVG)

Funny Collage Kit TemplateFunny Collage Kit TemplateFunny Collage Kit Template

Échale un vistazo a este divertido kit de colección que contiene un montón de elementos diferentes para usar en tus collages de fotos. Puedes crear imágenes tipo polaroid. ¡Viene incluido con un montón de patrones impecables y cientos de elementos de diseño!

3. Plantilla de collage de Photoshop (PSD)

Photoshop Collage TemplatePhotoshop Collage TemplatePhotoshop Collage Template

¿Prefieres un aspecto de fotos universitarias? Este efecto de collage de fotos tomará una sola foto y la mezclará en una colección de varias. Es un efecto muy divertido y artístico.

4. Collage de plantillas de photo boot de Instagram (PSD, Sketch)

Instagram Photo Booth Template CollageInstagram Photo Booth Template CollageInstagram Photo Booth Template Collage

¿Buscas específicamente plantillas de photobooth para Instagram? Mira este. Tiene varias estéticas diferentes con las que puedes experimentar.

5. Colección de plantillas de collage de Photoshop (PSD)

Photoshop Collage Template CollectionPhotoshop Collage Template CollectionPhotoshop Collage Template Collection

Aquí tienes una divertida colección de diferentes diseños de plantillas de collage de Photoshop que puedes probar con tus fotos favoritas. Hay varias opciones para que las pruebes. Descárgalo hoy mismo.

¿Quieres aprender más sobre Adobe Photoshop?

¿Quieres aprender más sobre Photoshop, álbumes de recortes digitales y otros temas de diseño divertidos? Échale un vistazo a estos tutoriales gratuitos de Envato Tuts+ hoy.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.