Cómo diseñar una tarjeta navideña de collage de fotos en Photoshop

Vaya más allá de la edición de fotos y entre en el mundo del diseño gráfico. Aprenderá algunas técnicas esenciales para mostrar sus imágenes en collages, y cómo formatear el collage como un archivo que puede enviar a un laboratorio profesional para la impresión de la prensa. Bono: una breve descripción de cómo utilizar estas versátiles técnicas para presentar collages en la Web y también en impresiones de fotos.

Vista previa de la tarjeta de vacaciones final

Creará una tarjeta navideña impresa con las siguientes especificaciones:

  • Postal plana de 4 pulgadas x 5,5 pulgadas
  • Diseños delanteros y traseros.
  • Sangrado completo (color impreso en el borde del papel)

Este tutorial está escrito para personas que están familiarizadas con las herramientas de Photoshop y la edición de fotos, pero que son nuevas en diseño gráfico..

Descarga el PSD

Antes de comenzar, vale la pena señalar que puede descargar el archivo PSD original utilizado en este tutorial si lo desea. Esto puede facilitar el seguimiento y comprender cómo funciona parte del proceso. Dicho esto, no es un sustituto para trabajar a través de los pasos a ti mismo!

  • Descarga la Holiday Card PSD

Paso 1: Ensamble sus activos

Descarga esta ilustración de Navidad de Vectortuts.

Reúna cuatro fotos en blanco y negro para colocarlas en su documento. Abrirlos en Photoshop..

Paso 2: Configura tu documento

Esta es probablemente la parte más importante de este tutorial, así que lea detenidamente lo siguiente:

  1. Ir a Archivo> Nuevo.
  2. Dimensiones: 4.25 pulgadas x 5.75 pulgadas. Observe las .25 pulgadas extra en cada lado. Esto debe agregarse porque la impresora imprimirá el documento demasiado grande y luego cortará el papel después de que se imprima. Hacen esto para que pueda tener color que se extienda a los bordes de la tarjeta, lo que se denomina sangrado. Las impresoras no pueden imprimir hasta el borde del papel, por lo que se sobreimprimen y luego se recortan para que pueda sangrar.
  3. Resolución: ajústelo a 300 ppi, que es calidad de prensa..
  4. Formatea el archivo como color RGB. La mayoría de las tiendas de impresión imprimen en CMYK, pero la mayoría de los laboratorios de fotografía profesionales que ofrecen productos impresos como tarjetas, marcadores y libros se imprimen en RGB. Si tiene alguna pregunta al respecto, pregunte primero a su impresora porque la conversión entre los dos realmente puede cambiar la apariencia de los colores. Ahórrese algunos dolores de cabeza y dinero desperdiciado al comenzar con este derecho.
  5. Agregue guías que muestran el tamaño de impresión final después de recortar (consulte la imagen a continuación). Primero, asegúrese de que sus reglas estén activadas (ver> reglas). Configúrelos para mostrar pulgadas haciendo clic con el botón derecho sobre la regla y seleccionando "pulgadas" en el menú desplegable. Luego, con el mouse sobre la regla vertical, haga clic con el botón izquierdo y arrastre hacia la derecha y verá que aparece una línea azul. Arrástrelo para que quede .125 pulgadas dentro del margen derecho. Arrastre otro para que quede .125 pulgadas dentro del margen izquierdo. Repita y cree dos guías horizontales .125 pulgadas desde los márgenes superior e inferior.

    No piense que debido a que sobreexpuso su documento por .25 pulgadas, las guías deberían estar a .25 pulgadas de los márgenes o tendrá márgenes que son el doble del tamaño que deberían tener. Usted quiere .125 pulgadas extra en todos los lados, que sumados equivalen a las .25 pulgadas que agregó a las dimensiones horizontal y vertical.

Nota: esta tarjeta está diseñada para imprimirse en un laboratorio fotográfico profesional de EE. UU. No debería haber una gran diferencia para otros países, pero debe verificar las dimensiones y asegurarse de tener el RGB o CMYK correcto antes de tu empiezas.

Paso 3: Agregar un gradiente de fondo

Ok, ahora que tenemos todo eso detrás, vámonos.!

Haga clic en el color de primer plano y hágalo # d71e25. Hacer el fondo # 781214. Haga clic en la herramienta de degradado y elija un degradado radial que pase del primer plano al fondo. Luego haga clic en la esquina superior izquierda de su documento y haga una línea diagonal que vaya 3/4 del camino hacia la esquina inferior izquierda de su documento.

Su documento debe tener este aspecto:

Paso 4: Importar el arte vectorial

El vector de arte navideño es un archivo vectorial EPS. Para mi versión de esta tarjeta, la abrí en Illustrator, eliminé el fondo y desvanecí un montón de copos de nieve en la parte inferior. Luego arrastré el árbol y los copos de nieve a PS para poder usar el fondo de PS que creé. Sin embargo, para simplificar, voy a utilizar el arte sin modificar y te enseñaré cómo hacerlo solo con Photoshop. La mejor manera de trabajar con vectores en Photoshop es mediante la función de objetos inteligentes, que le dará el beneficio de las propiedades de los vectores, como cambiar el tamaño sin perder la calidad de la imagen..

Para importar el archivo EPS a Photoshop, vaya a Archivo> Colocar. Elija su archivo y se importará en el documento de trabajo con los controladores habituales en cada esquina. Arrastre los controladores para cambiar el tamaño del árbol un poco más grande y a la izquierda de la tarjeta un poco. Haga clic en la marca de verificación para guardar los cambios. Observe que la capa de árbol tiene una miniatura diferente, lo que indica que es un objeto inteligente.

Paso 5: dibujar algunas cajas

Primero, haga clic y mantenga presionada la herramienta Forma y elija la herramienta Rectángulo. Aparecerá una barra de herramientas horizontal justo debajo del menú principal en la parte superior de la ventana. A la derecha, hay un cuadro de color. Haga clic en él para que aparezca el cuadro de diálogo de color e ingrese # 911519, que es un granate profundo elegido desde el fondo con el cuentagotas. Dibuje la caja divisoria vertical para los nombres de los niños al hacerla de aproximadamente 4 pulgadas de ancho y la altura completa del documento.

Ahora dibujaremos los cuatro rectángulos horizontales que enmarcarán nuestras fotos. Queremos que los rectángulos se rellenen con un color rosado más claro, así que cambie el color a # e6dbda. Ahora dibuja un rectángulo de aproximadamente .75 pulgadas de alto x 2.4 pulgadas de ancho. Si desea cambiar el color más tarde, haga doble clic en la miniatura de la capa y aparecerá la paleta de colores estándar para que pueda elegir.

Duplica el rectángulo presionando Ctr-J tres veces. Ahora tienes cuatro capas idénticas, aunque parezca una porque todas están apiladas una encima de la otra. Haga clic en la herramienta Seleccionar o use las teclas de flecha arriba / abajo para moverlas hacia arriba o hacia abajo verticalmente en una fila como en la imagen final de la tarjeta.

Paso 5: Insertar tus fotos

¡Finalmente! La siguiente técnica es un "must-know" para los fotógrafos. Si no obtiene nada más de este tutorial, recuerde este paso. Descubrirá que será útil en todo tipo de aplicaciones que pueda encontrar..

Primero, trae todas tus imágenes en el documento de tu tarjeta. Hago esto abriendo todas mis fotos como documentos separados y luego arrastrando cada capa de fotos al documento de trabajo. Cada foto se importará como su propia capa. Coloque cada capa de foto directamente sobre el rectángulo en el que desea que aparezca. Debe tener cuatro capas de rectángulo, cada una con una foto arriba..

A continuación, haga clic derecho en la primera foto y elija "Crear máscara de recorte". Tu foto debe quedar restringida dentro del rectángulo, de modo que la única parte de la foto que está visible sea la parte dentro el rectángulo Luego puede ir a la Herramienta de selección, hacer clic en la foto y arrastrarla mientras está dentro del rectángulo. Las Máscaras de recorte son una forma de recortar tu imagen de forma no destructiva. Podría usar la Herramienta de recorte, pero las Máscaras de recorte son mucho más flexibles porque puede cambiar el área que se recorta cuando lo desee. Si usas la herramienta de recorte, lo que recortas desaparecerá para siempre.

Ahora solo crea máscaras de recorte para todas las fotos..

Podría detenerse aquí, pero si desea ir más lejos, como se muestra en el resultado final, puede recortar una sección del fondo de su foto y colocarla sobre la foto y crear una máscara de recorte también. Simplemente colóquelo encima de la primera máscara de recorte para que cada rectángulo tenga la foto arriba y la pieza de fondo arriba. Luego, coloque el cuadro de fondo a la izquierda de la foto y deje una porción del fondo rosa claro que se muestra entre esta y la foto..

Paso 6: Escribir tu texto

Primero, escribiremos los nombres de los niños. Haga clic y mantenga presionada la herramienta de tipo, luego elija la herramienta de tipo vertical. La fuente que utilicé es Rage Italic, que no es gratuita, pero puedes elegir una buena fuente gratuita como DearJoe Four. El tamaño es de 12 puntos.

A continuación, también usando Rage Italic, escriba "Felices fiestas" en 14.5 pts. Agregué una Sombra y un Resplandor exterior, que creo que se ve muy bien contra el rojo brillante en el fondo degradado. Para el año, elegí un rojo más claro del fondo usando el gotero. Solo asegúrese de hacer clic en la opción de color en el menú de Fuente horizontal que aparece en la parte superior de la ventana cuando se selecciona la Herramienta de Fuente (no el color de fondo / primer plano).

Finalmente, escribe el saludo en la parte inferior izquierda y listo.!

Paso 7: No olvides la espalda!

La descarga del archivo también incluye el reverso de la tarjeta, que puede ver a continuación. Simplemente duplique el archivo "frontal" y elimine todo menos el fondo y el árbol. Luego, con la herramienta Forma, dibuje un cuadro blanco, pero esta vez configure el Modo de capa en Esquema lineal (Agregar) y disminuya la opacidad al gusto (utilicé 87%).

Paso 8: Algunos pensamientos acerca de la impresión

Los laboratorios profesionales con los que estoy más familiarizado son WHCC (White House Custom Color) y MPixPro. Para enviar este archivo a un laboratorio profesional, elija Guardar como y elija JPG en el menú desplegable. Elija 10 para la calidad. Debes tener dos archivos, uno para el frente y otro para el reverso.

Estos laboratorios ofrecen diferentes tipos de papel, que incluyen una cubierta gruesa y brillante, lino y perla. Incluyen también sobres..

Algunas sugerencias son:

  • No coloque bordes ni logotipos en el área de sangrado, que se recortará.
  • Coloque cualquier borde adicional de 1/8 de pulgada (.125 pulgada) o más desde el borde recortado.
  • Incrementar el contraste un poco puede mejorar su diseño..

Bono: Plantillas de collage de máscara de recorte gratis

Puede utilizar la técnica de máscara de recorte para mostrar sus imágenes como guiones gráficos o collages, ya sea para impresiones de fotos o para la visualización web. ¿Alguna vez has notado que, en la web, las imágenes verticales a menudo se ven mejor agrupadas de dos en dos? Las máscaras de recorte hacen este trabajo rápido.

Es fácil agregar esquinas redondeadas o hacer un círculo / forma ovalada para mostrar su imagen. ¡Acabo de recibir un folleto en el correo en el que el diseñador usó una fuente de bloques como máscara de recorte! Las posibilidades son infinitas.

Consulte el blog de Jessica Hamlin para ver ejemplos de plantillas de máscara de recorte utilizadas para mostrar la cartera de blogs de un fotógrafo..

¿Quieres acelerar las cosas? Aquí hay algunos lugares para encontrar plantillas gratuitas:

Cafetería

Rita en el blog CoffeeShop ofrece todo tipo de plantillas de guión gráfico para la web. Su más reciente es el juego de storyboards de esquinas redondeadas CoffeeShop.

Dawn Mikulich

La plantilla Moo Card de Dawn Mikulich, que está diseñada para ser impresa en Moo.com. Dawn también comparte un guión gráfico o libro de Photoshop de 30 × 30 con aperturas para 13 imágenes.

GingerPixel

GingerPixel tiene un poco más.

Conclusión

¡Eso es! Sube tus pies y siéntete orgulloso de ti mismo ... Y piensa en todas las cosas que harás con tu nuevo talento para la fotografía de máscaras de recorte!