1. Design & Illustration
  2. Typography

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

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Juan Pablo Diaz Cuartas (you can also view the original English article)

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

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

Que necesitarás

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

¡Instale la fuente en su sistema y ya está listo para comenzar!

1. Cómo preparar la imagen del puente

Paso 1

Abra 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 el lado izquierdo del puente. Para ello, en el panel Capas, Duplique la capa de fondo presionando Comando-J y Ocultar la visibilidad de la capa de fondo original. Mientras selecciona la nueva capa de Copia de fondo en el panel Capas, haga clic en el botón Máscara de Vector para agregar una Máscara de Capa a copia de Fondo.

Bridge image by Matthew HenryBridge image by Matthew HenryBridge image by Matthew Henry

Paso 2

Mientras selecciona la nueva máscara de capa, use la herramienta Magic Wand (W) y haga clic en las áreas grises entre los cables de suspensión del puente. Haga esto solo al lado izquierdo de la imagen y sobre el puente. Mantenga presionada la tecla Shift en el teclado y haga clic para seleccionar más de un área. En el panel Herramientas, asegúrese de que el color de primer plano esté en blanco. Presione Eliminar para eliminar las áreas seleccionadas

Magic Wand Tool selectionMagic Wand Tool selectionMagic Wand Tool selection

Presione Command-D para anular la selección de las áreas que eliminamos. Por el momento, algunos de los bordes parecen ásperos, pero podemos suavizar las cosas más adelante en nuestro archivo final.

Deleted parts of the imageDeleted parts of the imageDeleted parts of the image

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

Paso 1

En Photoshop, vaya a Archivo> Nuevo. Denomine el documento Arquitectura de puentes y establezca el Ancho en 1275 px y Altura en 1650 px, con el Contenido de fondo en blanco. Haga clic en Aceptar para crear el documento.

Create a new documentCreate a new documentCreate a new document

Copiaremos las dos capas de puente en nuestro archivo Arquitectura de puentes. Para hacerlo, seleccione una capa, mantenga presionada la tecla Shift y seleccione la segunda capa. Haga clic con el botón derecho> Capas duplicadas y, en Destino, seleccione Documento> Arquitectura de puentes. Haga clic en Aceptar para continuar.

Duplicating layers onto a new documentDuplicating layers onto a new documentDuplicating layers onto a new document

Paso 2

En el archivo Architecture of Bridges, nuestras dos nuevas capas aparecerán en un tamaño más grande de lo que necesitamos. Vamos a hacerlos más pequeños presionando Command-T.

Dirígete a la barra de opciones, y en la ubicación del punto de referencia, selecciona el punto superior izquierdo. Esto mantendrá la imagen en ese punto cuando cambie el tamaño. Además, haga clic en el botón Mantener relación de aspecto ubicado entre los porcentajes de ancho y alto; esto permitirá que la imagen mantenga sus proporciones. Cambia el tamaño de la imagen al 40% y presiona Enter.

Resizing layersResizing layersResizing layers

Para rotar la imagen, presione Command-T una vez más; esto restablecerá el punto central al centro de la imagen. Mantenga presionada la tecla Shift mientras rota la imagen para obtener una rotación precisa. Presione Enter para colocar la imagen.

Paso 3

En nuestro panel Capas, observará que las capas puente duplicadas ahora tienen nombres similares. Renombreles Background, Background 1 y Background 2.

Change name on the layersChange name on the layersChange name on the layers

3. Cómo agregar texto

Paso 1

Usando la herramienta Tipo (T), escriba "La arquitectura de puentes". En el panel Carácter, configure la Fuente en Fira Sans Black, Tamaño 86 pt y Leading 95 pt.

En el panel Capas, muevamos la capa de Texto entre el Fondo 1 y el Fondo 2. Para alinear las capas, seleccione la Capa de fondo y la Capa de texto y, usando la Barra de opciones, alinee al Centro horizontal.

Adding text Adding text Adding text

Paso 2

Ahora que tenemos casi todos los componentes, podemos pulir nuestra imagen de puente. Active la visibilidad para el Fondo 1 y seleccione la capa. Podemos extender nuestra capa para cubrir la franja blanca de la derecha seleccionando la herramienta Rectangular Marquee Tool (M) y seleccionando una franja del cielo. Una vez que se haya seleccionado, presione la herramienta Mover (V). Mantenga presionada la tecla Opción y haga clic y arrastre la franja para cubrir el lado derecho de la imagen.

Extending a backgroundExtending a backgroundExtending a background

Paso 3

En el panel Capas, seleccione la Máscara de capa en la capa Fondo 2. En el panel Herramientas, reinicie los colores de fondo y primer plano en blanco y negro presionando D en el teclado. Puede cambiar entre estos dos colores presionando X. Con la herramienta Pincel (B) y el color blanco como primer plano, puede ocultar partes de la imagen. Si usa negro como color de primer plano, en su lugar revelará partes de la imagen. Continúa usando esta técnica hasta que reveles todo el título.

Using the brush tool to reveal parts of the textUsing the brush tool to reveal parts of the textUsing the brush tool to reveal parts of the text

Presione 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.

Adding smaller details on the posterAdding smaller details on the posterAdding smaller details on the poster

Haga clic en Archivo> Guardar para guardar el archivo como .PSD para editarlo más tarde, y también guárdelo como JPEG si lo va a usar en las redes sociales.

Saving the posterSaving the posterSaving the poster

Impresionante trabajo, ya has terminado!

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

  • Limpia una imagen usando capas de máscara.
  • Formatea la tipografía y permite que interactúe con la imagen.
  • Use la imagen de una manera no convencional para crear un póster diferente y cautivador.
Final posterFinal posterFinal poster
One subscription.
Unlimited Downloads.
Get unlimited downloads