Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Flyers

Como Crear un Flyer para Patinaje de Alto Contraste

by
Read Time:9 minsLanguages:
This post is part of a series called Flyer Design & Templates.
Photoshop in 60 Seconds: How to Customize a Flyer Template
How to Create a Summer Picnic Community Event Flyer in Adobe InDesign

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

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

Para este tutorial vamos a diseñar un poster usando Capas de Mascara, mascaras de recorte y la Herramienta Licuar para crear un poster que es literalmente novedoso.

Si estas buscando mas diseños de flyer únicos, ve a GraphicRiver por mas.

Que necesitaras

necesitaras acceso a Photoshop. Si no tienes el programa, puedes descargar una version de prueba del sitio de Adobe.

También necesitaras descargar e instalar las siguientes fuentes e imágenes:

¡Instala la fuente en tu sistema y estas listo para empezar!

1. Como Usar Mascaras de Capa y Preparar la Imagen

Paso 1

Abre la imagen del patinador en Photoshop. Queremos quitar las nubes antes de usar la imagen del patinador en el poster. Para lograrlos, en el panel de Capas, Duplica la capa de Fondo presionando Command-J y Oculta la visibilidad de la capa de Fondo original.

Preparing and cleaning up imagePreparing and cleaning up imagePreparing and cleaning up image

Paso 2

Mientras seleccionas la capa Fondo copia en el panel de Capas, da clic en el botón Mascara Vectorial para agregar una Mascara de Capa a la copia del Fondo.

Using Layer Masks to clean backgroundUsing Layer Masks to clean backgroundUsing Layer Masks to clean background

Paso 3

Recomiendo usar la Herramienta Pincel (B). Usando la Herramienta Pincel (B) y un color frontal negro en el panel de Herramientas, puedes ocultar parte de la imagen. Si usas Blanco como color frontal, en su lugar estarás revelando partes de la imagen. Yo prefiero este método en lugar de la Herramienta Borrador ya que da la opción de ir a tras o adelante al revelar la imagen y arreglar errores.

Clic derecho para establecer el pincel a un tamaño de 200px y Dureza de 100% y empieza a pasar el pincel por las partes de la imagen. Me agrada hacer las partes mas grandes primero para después hacer zoom y concentrarme en los detalles al rededor del cuerpo.

Using the Layer Masks and Brush ToolUsing the Layer Masks and Brush ToolUsing the Layer Masks and Brush Tool

Paso 4

Vamos a Hacer zoom para trabajar en los detalle. Para esto reduzco y aumento los tamaños del pincel y a veces necesito llegar a las esquinas, pero empiezo con un tamaño de 30 px y una Dureza de 100%. Una gran herramienta que ayuda aquí es usar la tecla de la pleca invertida (\) para tener una tonalidad rojiza detrás de la imagen y saber que partes necesitan perfeccionarse.

Using the Brush Tool to clean up details of the imageUsing the Brush Tool to clean up details of the imageUsing the Brush Tool to clean up details of the image

2. Como Configurar el Nuevo Documento y las Guías.

Paso 1

En Photoshop, ve a Archivo>Nuevo. Nombra el documento Skateboard Culture, y establece el Ancho en 1275 px y el Alto en 1650 px con Contenido de Fondo Blanco. Voy a mantener el poster digital, por lo tanto trabajare con 72 ppp o 150 ppp. Clic en Aceptar para crear el nuevo documento.

Creating a new documentCreating a new documentCreating a new document

Paso 2

Vamos a Crear las guías en nuestro documento para asegurarnos que las cosas este alineadas de la manera que nosotros queremos que estén. La medidas de mi regla están en Pulgadas; puedes cambiarlas en Photoshop > Preferencias > Unidades y Reglas. Podemos ir a Vista > Guía Nueva, donde aparecerá una nueva ventana. Queremos hacer todas nuestras Guías a 0.75 pulgadas de cada borde. Selecciona Horizontal y bajo Posición escribe 0.75 in. Da Clic en Aceptar.

Haremos lo mismo para la opción Vertical. Para agregar una guía en el fondo y al lado derecho de la pagina, simplemente necesitamos restar 0.75 pulgadas a la medida final de la pagina. Para ocultar y mostrar las guías, presiona Command-;

Adding guides to our posterAdding guides to our posterAdding guides to our poster

3. Como Duplicar Capas y Agregar Color al fondo

Paso 1

Vamos a duplicar la capa Fondo Copia del patinador en nuestro nuevo archivo Skateboard Culture. Para hacerlo, da Clic Derecho > Duplicar Capas. En Como:, renombra la capa como Patinador, y en Destino selecciona Documento > Skateboard Culture. Clic en Aceptar para continuar.

Duplicating layers to another fileDuplicating layers to another fileDuplicating layers to another file

Paso 2

Vamos a ir a nuestro documento Skateborad Culture. Para hacer el poster resalte un poco mas, vamos a hacer el fondo negro. Usando la Herramienta Bote de Pintura (G), selecciona la capa de fondo y da clic en la pagina para pintar el poster.

Using the Paint Bucket Tool to colour backgroundUsing the Paint Bucket Tool to colour backgroundUsing the Paint Bucket Tool to colour background

4. Como Usar la Herramienta Licuar

Paso 1

Seleccionando la capa de Fondo, vamos a crear una nueva capa para poder agregar formas coloreadas. Presiona Mayus-Command-N y vamos a nombrar nuestra nueva capa por los colores que vamos a usar—en este caso, Rosa. Asegúrate que en Color este seleccionado Ninguno.

Creating new layersCreating new layersCreating new layers

Paso 2

Vamos a seleccionar un color dando clic en Configurar Color Frontal y escribimos el código de color  #ff0cf0. Usando la Herramienta Pincel (B), estableciendo el Tamaño a 125 px y Dureza en 100%. Podemos crear pinceladas al azar como se muestra abajo.

Preparing brush strokes behind skateboarder to liquifyPreparing brush strokes behind skateboarder to liquifyPreparing brush strokes behind skateboarder to liquify

Paso 3

Filtro > Licuar o Mayus-Command-X, y una nueva ventana aparecerá mostrando la capa seleccionada. en el panel izquierdo, usa la Herramienta Molinete a la derecha (C), y elige la siguiente configuración en el panel derecho: Tamaño de Pincel: 300,Densidad de Pincel: 100 y Presión de Pincel: 100 Usa el pincel sobre los trazos en esta nueva ventana. La meta aquí es crear figuras inestables que pueden actuar como fondo del poster. No hay un modo correcto o incorrecto de hacerlo, así que siéntete libre de hacerlo a tu manera.

Siéntete libre de usar también la Herramienta Deformar Hacia Adelante (W), Herramienta Desinflar (S) y Herramienta Inflar(B). No te preocupes sobre hacerlo muy perfecto ya que podemos usar la Mascara de capa luego para ocultar cosas que no queremos.

Una vez que hayas terminado, da clic en Aceptar.

Using the Liquify Tool to create different shapesUsing the Liquify Tool to create different shapesUsing the Liquify Tool to create different shapes

Paso 4

Has lo mismo con las nuevas capas para los colores verde y amarillo con los código de color siguientes: Verde: #0cffd1, Amarilo: #0fffe10.

Podemos editar algunas de las formas usando Mascara de Capa, el mismo método que usamos para limpiar la imagen inicial de la capa patinador. Puedes crear una Mascara de Capa en cada capa coloreada y usar la Herramienta Pincel (B) para ocultar o mostrar ciertas partes de la capa.

All three different colours after using the Liquify ToolAll three different colours after using the Liquify ToolAll three different colours after using the Liquify Tool

Paso 5

Vamos a ocultar las caps de color y crear una Nueva Capa. Esta nueva capa va a contener trazos de cada color para ser colocados detrás del patinador. Hacemos esto para que podamos Licuar los tres colores al mismo tiempo. Estoy usando un Tamaño de pincel de 250 px y una Nitidez de 100%.

Creating a new Layer with all three colours to be blended with the Liquify ToolCreating a new Layer with all three colours to be blended with the Liquify ToolCreating a new Layer with all three colours to be blended with the Liquify Tool

Paso 6

Procederemos de la misma manera para las capas coloreadas antes de usar la Herramienta Licuar, experimentando con ella hasta encontrar algo que me guste. Puedes experimentar con el tamaño del pincel en la nueva ventana. De nuevo, no hay algo que sea correcto o incorrecto.

Una vez que tengamos todos estos componentes, podemos regresar y editar con la Máscara de Capa para balancear estos colores.

Using Layer Masks to clean up the coloured shapes that are not necessaryUsing Layer Masks to clean up the coloured shapes that are not necessaryUsing Layer Masks to clean up the coloured shapes that are not necessary

5. Usar la Herramienta Rectángulo y Añadir Texto

Paso 1

Usando las Guías que creamos en el principio de este tutorial, añadiremos algunas líneas rígidas a este poster. Vamos a seleccionar nuestra capa de Colores Mezclados y activar nuestras guías presionando Comando-;.

En el panel Herramientas, da clic en la Herramienta Rectángulo (U). Ve a la Barra de Opciones. Pon el Relleno a Sin Color, Trazo a blanco, y Forma de Anchura de Trazo a 5 pt.

Options Bar setting before using the Rectangle ToolOptions Bar setting before using the Rectangle ToolOptions Bar setting before using the Rectangle Tool

Crea el rectángulo basado en el margen. Volveremos a esto luego, pero por ahora ajustaremos y añadiremos algunas cosas. Vamos a ocultar nuestras guías de nuevo, presionando Comando-;.

Poster without margins to make sure the Rectangle Tool is workingPoster without margins to make sure the Rectangle Tool is workingPoster without margins to make sure the Rectangle Tool is working

Paso 2

Usando la Herramienta Texto (T), pon SKATE-BOARD CULTURE en tres líneas; esto es para ocupar más espacio en la parte inferior del póster. En el panel Carácter, pon la Fuente a Universe 93 Black Extended, Tamaño 75 pt, e Interlineado 60 pt. Si estás usando una de las fuentes alternativas, se verá un poco diferente, pero de igual manera funcionará. Pon al centro la casilla de texto en el rectángulo que creamos.

Adding text to our posterAdding text to our posterAdding text to our poster

6. ¿Cómo Usar Máscaras de Capa Blanco y Negro?

Queremos crear la ilusión de que el patinador está saliendo de la página, y también queremos hacer que destaque del fondo.

Paso 1

Recortaremos una Máscara de Capa de Blanco y Negro a la capa del patinador. Vamos a comenzar seleccionando la capa del patinador. Ve a la parte inferior del panel Capas. Da clic en Crear Nuevo Relleno o Ajuste de Capa y mientras presionas Alt, da clic en Blanco y Negro. Una nueva ventana de Nueva Capa aparecerá. Nombra esta capa Patinador BW; marca Usar Capa Anterior para Crear Máscara de Recorte, y da clic en OK. Esto creará una capa que cambiará el color solo de la capa del patinador a Blanco y Negro.

Using Black and White Layer Mask to clip onto only one layerUsing Black and White Layer Mask to clip onto only one layerUsing Black and White Layer Mask to clip onto only one layer

Paso 2

Ahora queremos ajustar el contraste. Selecciona la capa inicial del patinador, y ve a Imagen > Ajustes > Brillo y Contraste. Escogí Brillo: 36 y Contraste: 68 para hacer que la foto sobresalga.

Correcting Brightness and Contrast on our new Black and White layerCorrecting Brightness and Contrast on our new Black and White layerCorrecting Brightness and Contrast on our new Black and White layer

Paso 3

Ahora queremos cambiar el tamaño del patinador un poco. Mientras seleccionas la misma capa, presiona Comando-T y, mientras mantienes presionado Mayus para mantener las mismas proporciones, da clic y arrastra desde cualquiera de las esquinas para aumentarla 120% y reposiciona la imagen. Queremos que la imagen del patinador parezca como si está saliendo del rectángulo que creamos anteriormente.

Resizing the Skateboarder Layer Resizing the Skateboarder Layer Resizing the Skateboarder Layer

7. Añadir Detalles Finales

Vamos añadir una fecha y lugar para este póster. Selecciona la capa Rectángulo 1 y crea un nuevo rectángulo usando la Herramienta Rectángulo (U), puesto verticalmente en el lado derecho del poster. Podemos ajustar nuestro capa Skateboard Culture, presionando Comando-T, mientras presionas Mayus y cambia el tamaño para mantener las proporciones originales.

Vamos añadir texto a este rectángulo con la Herramienta Texto. Vamos añadir una fecha, hora y un sitio web. Una vez que la información está, mantén presionada la tecla Comando, y la casilla de texto se hará en un objeto que seremos capaz de voltear. Mantén presionado Comando, ve sobre una de las esquinas de la casilla de texto, y da clic y rota. Alternativamente, puedes mantener Mayus y voltear el texto 90° con precisión.

Adding details to the right side of our posterAdding details to the right side of our posterAdding details to the right side of our poster

Vamos añadir un tercer rectángulo sobre el título del poster para igualar al del lado derecho. Tus capas debe verse como la imagen de abajo.

A view of all our layersA view of all our layersA view of all our layers

8. ¿Cómo Guardar el Póster?

Da clic en Archivo > Guardar para guardar el archivo como .PSD para editarla luego y como JPEG si la usarás para las redes sociales.

Saving the poster as a PSD or JPEG fileSaving the poster as a PSD or JPEG fileSaving the poster as a PSD or JPEG file

¡Lo Hiciste!

¡Felicidades en terminar este tutorial! Hemos cubierto una habilidad interesante para poner en práctica para publicidad para las redes sociales. Hoy aprendimos a:

  • limpiar una imagen usando Máscaras de Capas.
  • Darle formato a la tipografía y permitirle interactuar con la imagen.
  • Usar la imagen de una manera diferente para crear un poster con ilusión fuera del cuadro.
  • Usar Máscaras de Capa y Máscaras de Recorte para editar los colores en solo una capa.
  • Usar la Herramienta Licuar.
Final PosterFinal PosterFinal Poster
One subscription.
Unlimited Downloads.
Get unlimited downloads