Cómo usar máscaras de capa para crear un póster de tipografía en negrita en Photoshop

Lo que vas a crear

Para este tutorial, diseñaremos un póster con máscaras de capa para crear texto que interactúe con la imagen de una manera cautivadora.. 

Que necesitarás

También deberá descargar e instalar el siguiente archivo de fuente e imagen: 

  • Fira Sans de Google Fonts
  • Foto del puente por Matthew Henry a través de Unsplash

Instala la fuente en tu sistema y estás listo para comenzar! 

1. Cómo preparar la imagen del puente

Paso 1

Abre la imagen del puente en Photoshop.

Queremos eliminar parte del fondo blanco de la imagen del puente antes de usarlo en el póster. En este caso solo usaremos solo el lado izquierdo del puente. Para ello, en el Capas panel, Duplicar la Fondo capa presionando Comando-J y Esconder La visibilidad del original. Fondo capa. Al seleccionar el nuevo Copia de fondo capa en la Capas panel, haga clic en el Mascara vector botón para agregar un Máscara de capa Copia de fondo. 

Paso 2

Al seleccionar el nuevo Máscara de capa, utilizar el Herramienta de varita mágica (W) y haga clic en las áreas grises entre los cables de suspensión del puente. Haga esto solo en el lado izquierdo de la imagen y sobre el puente. Sostener Cambio en el teclado y hacer clic para seleccionar más de un área. Sobre el Herramientas panel, asegúrese de que el color de primer plano esté configurado en blanco. Golpear Borrar para eliminar las áreas seleccionadas. 

prensa Mando-re para deseleccionar las áreas que eliminamos. En este momento, algunos de los bordes parecen ásperos, pero podemos suavizar las cosas más adelante en nuestro archivo final.

2. Cómo configurar un nuevo documento y duplicar capas  

Paso 1

En Photoshop, ir Archivo> Nuevo. Nombra el documento Arquitectura de Puentes, y establecer el Anchura a 1275 px y Altura a1650 px, con Contenidos de fondo blanco. Hacer clic DE ACUERDO para crear el documento. 

Copiaremos las dos capas de puente en nuestro archivo de Arquitectura de Puentes. Para ello, seleccione una capa, mantenga Cambio, y selecciona la segunda capa. Clic derecho> Duplicar capas, Y debajo Destino seleccionar Documento> Arquitectura de puentes. Hacer clic DE ACUERDO continuar.

Paso 2

En el archivo de Arquitectura de puentes, nuestras dos nuevas capas aparecerán en un tamaño más grande del que necesitamos. Vamos a hacerlos más pequeños presionandoMando-T

Dirígete a la Barra de opciones, y en la ubicación del punto de referencia, seleccione el punto superior izquierdo. Esto mantendrá la imagen en ese punto cuando cambie de tamaño. También, haga clic en el Mantener la relación de aspecto botón ubicado entre los porcentajes de ancho y alto; Esto permitirá que la imagen mantenga sus proporciones.. Redimensionar la imagen en 40% y presione Entrar.

Para rotar la imagen, pulsa Mando-T una vez más; esto restablecerá el punto central al centro de la imagen. Sostener Cambio a medida que gira la imagen para una rotación precisa. prensa Entrar colocar la imagen.

Paso 3

En nuestro Capas En el panel, notará que las capas de Bridge duplicadas ahora tienen nombres similares. Renombrarlos Fondo, Fondo 1, y Fondo 2.

3. Cómo agregar texto

Paso 1

Utilizando la Tipo de herramienta (T), tipo "La arquitectura de los puentes". Sobre el Personaje panel, establecer el Fuente a Fira Sans Black, Tamaño 86 pt,y Liderando 95 puntos. 

Sobre el Capas panel, vamos a mover el Texto capa entre Fondo 1 y Fondo 2. Para alinear capas, seleccione la Capa de fondo y el Capa de texto y, usando el Barra de opciones, alinear hacia Centro horizontal

Paso 2

Ahora que tenemos casi todos los componentes, podemos pulir la imagen de nuestro puente. Activar la visibilidad para Fondo 1 y seleccione la capa. Podemos extender nuestra capa para cubrir la franja blanca de la derecha seleccionando la Herramienta de marquesina rectangular (M) y seleccionando una franja del cielo. Una vez que está seleccionado, presione Mover herramienta (V). Sostener el Opción clave y haga clic y arrastre la raya para cubrir el lado derecho de la imagen.

Paso 3

Sobre el Capas panel, seleccione el Máscara de capa sobre el Fondo 2 capa. Sobre el Herramientas panel, restablecer el Fondo y Colores de primer plano a blanco y negro presionando re en el teclado. Puedes cambiar entre estos dos colores presionando X. Utilizando la Herramienta de pincel (B) y blanco como el Color de primer plano, Puedes ocultar partes de la imagen. Si usa negro como color de primer plano, en cambio, revelará partes de la imagen. Continúa usando esta técnica hasta que reveles todo el título.. 

prensa T para agregar una nueva capa de texto y agregar otros detalles. Para crear equilibrio, podemos aprovechar la fuerte curva del puente y agregar los detalles a su lado.. 

Hacer clic Archivo> Guardar para guardar el archivo como .PSD para editarlo más tarde, y también guardarlo como JPEG Si lo vas a usar para las redes sociales..

Impresionante trabajo, has terminado!

¡Felicidades por terminar este tutorial! Hemos cubierto una habilidad interesante para armar una pieza promocional para redes sociales. Hoy hemos aprendido a:

  • Limpia una imagen usando máscaras de capa.
  • Dar formato a la tipografía y permitirle interactuar con la imagen..
  • Usa la imagen de una manera no convencional para crear un póster diferente y cautivador..