Crear un cupón vintage en Photoshop

En este tutorial te guiaré a través del proceso de creación de un cupón vintage en Photoshop. Combinamos formas básicas, texturas, filtros e imágenes de archivo para lograr el diseño final. Sigue leyendo para ver cómo hacer este cupón vintage desde cero.

Avance

Paso 1

Abra Photoshop y cree un documento nuevo (Archivo Nuevo) con un tamaño de 700 x 600 píxeles. Rellene el fondo con el color #8eb072 y agregue algo de ruido.

Paso 2

Con la herramienta Marco rectangular (M), crea el cuerpo del cupón y rellénalo de color blanco. Nuestro siguiente paso es crear recortes en los bordes. Haz zoom en el cupón, toma la herramienta Marco elíptico (M) y crea una selección circular: mantén presionada la tecla Shift para crear un círculo perfecto; colócalo cerca del borde izquierdo y presiona la tecla Eliminar. Con la herramienta Marco elíptico (M) aún seleccionada, mueve la selección usando las teclas de flecha para crear distancia desde el primer orificio y luego presiona la tecla Eliminar nuevamente. Repite esto para la longitud del cupón.

Paso 3

A continuación, crearemos un patrón y lo aplicaremos al cuerpo del cupón. Crea un nuevo documento con 1 píxel de ancho y 5 píxeles de alto, con fondo transparente. Con la herramienta Rectángulo (U), dibuja un pequeño rectángulo y rellénalo con color negro. Ve a Edición Definir patrón. Ponle el nombre que quieras al nuevo patrón. Volviendo a nuestro diseño, abre la ventana de diálogo Estilo de capa haciendo doble clic en la capa del cuerpo del cupón. Agrega el efecto Superposición de patrón con el patrón que creamos.

Paso 4

Cree un nuevo grupo de capas (Capa Nuevo Grupo), nómbrelo "cupón" y arrastre la capa del cuerpo del cupón hacia este grupo. Presione Cmd/Ctrl + clic en la miniatura de la capa del cuerpo del cupón para realizar la selección, luego seleccione la capa del grupo "cupón" y aplique la máscara de capa (Capa Máscara de capa Revelar selección).

Paso 5

Toma la herramienta Elipse (U) y dibuja un pequeño círculo sobre la capa del cuerpo del cupón, como en la imagen de abajo. Aplica un trazo de 2px desde la ventana de diálogo Estilo de capa y establece el relleno al 0%. Duplica esta capa (Cmd/Ctrl + J), luego, usando la herramienta Transformación libre (Cmd/Ctrl + T), haz que la capa duplicada sea un poco más grande. Repite esto 3 veces más. Selecciona todas las capas de círculos y agrúpalas en un grupo, luego duplica este grupo y muévelo un poco hacia abajo. Usa la imagen de abajo como referencia. Repite esto para la altura del cupón, luego continúa con la parte inferior, el otro lado y la parte superior hasta que todo tu cupón tenga el mismo detalle de borde. Selecciona todos esos grupos y agrúpalos en un grupo. Nombra este gran grupo "borde". Reduce la opacidad de este grupo al 70%. Con la herramienta Marco rectangular (M), crea una selección y aplica una máscara de capa al grupo "borde" (Capa Máscara de capa Ocultar selección).

Paso 6

Con la herramienta Rectángulo redondeado (U), dibuje un rectángulo (establezca el radio en 15 px) y establezca el color en #e2151c. Duplique el rectángulo (Cmd/Ctrl + J), cambie el color a #17269b, luego seleccione la herramienta Marco rectangular (M) y dibuje la selección, y vaya a Capa Máscara de capa Revelar selección.

Paso 7

Es hora de agregar algo de texto a nuestro cupón. Para la fuente, elija la fuente League Gothic . Cambie la fuente a Helvética y agregue más texto. Descargue e instale la fuente Franchise Bold y agregue "Mr. Clean" usando esta fuente. Cmd/Ctrl + clic en la miniatura de la capa "Mr. Clean" para crear una selección alrededor del texto, luego vaya a Seleccionar Modificar Expandir y expanda la selección por 2px. Cree una nueva capa debajo de la capa "Mr. Clean" y rellene la selección con color blanco. Use Helvética para el tipo de fuente "¡NUEVO!". Agreguemos otra línea de texto, pero esta vez usaremos la fuente Lobster . Para la última línea de texto, usaremos nuevamente la fuente Helvética. Aplique Sombra paralela a esta línea de texto.

Paso 8

Dibuje un rectángulo rojo (#e2151c) con la herramienta Rectángulo (U), luego vaya a Edición Transformar trazado Inclinar y modifique un poco el rectángulo y agregue texto. Dibuje otro rectángulo, pero esta vez blanco, agregue un trazo de 1 px y escriba el número del cupón. Esto es lo que tenemos hasta ahora.

Paso 9

Descargar y abrir en Photoshop Foto de archivo: vaporizador . Ahora tomemos la herramienta Pluma (P) y creemos un trazado para definir la etiqueta. En lugar de usar este trazado como una máscara para una sola capa, lo usaremos como una máscara para un grupo completo. Cree una nueva capa llamada fondo y rellénela con el color #fbef4b. Con la nueva capa seleccionada, presione Cmd/Ctrl + G para ponerla en su propio grupo. Selecciónela, Cmd/Ctrl + clic en el trazado para crear una selección, luego vaya a Capa Máscara de capa Revelar selección para aplicar Máscara de capa. Usando la herramienta Forma personalizada (U) cree 2 triángulos azules (#17269b) y colóquelos como en la imagen de abajo. Tome el logotipo de Mr. Clean , recórtelo del fondo usando la herramienta Pluma (P) e impórtelo a nuestro diseño, y colóquelo debajo de los triángulos. Duplica el logo de Mr. Clean, mueve la capa duplicada sobre los triángulos, toma la herramienta Pluma (P), dibuja el trazado, luego crea la selección y aplica Máscara de capa (Capa Máscara de capa Ocultar selección). Usa la imagen de abajo como referencia. Abre el Estilo de capa y aplica Sombra paralela a esta capa. Agreguemos algo de texto. Luego, presiona Cmd/Ctrl + clic en la capa "Clean" para crear una selección alrededor del texto, ve a Seleccionar Modificar Expandir y expande la selección en 4px. Crea una nueva capa debajo de la palabra "Clean" y rellénala con color blanco. Abre el Estilo de capa y aplica Bisel y Relieve y Trazo. Haz lo mismo con la palabra "Mr."

Paso 10

Recorta el vaporizador de su fondo con la herramienta Pluma (P) e insértalo en nuestro lienzo principal, redúcelo (hazlo más pequeño), rótalo y colócalo como en la imagen de abajo. Pulsa Cmd/Ctrl + clic en la miniatura del vaporizador para crear una selección a su alrededor, crea una nueva capa debajo de la capa del vaporizador y rellénala de negro. Nombra esta capa "sombra del vaporizador". Borra la selección (Cmd/Ctrl + D). Mueve la capa "sombra del vaporizador" un poco hacia la izquierda, luego dale a esta capa un Desenfoque gaussiano de 5 px. Crea una selección alrededor del rectángulo redondeado rojo (pulsa Cmd/Ctrl + clic en la miniatura de la capa del rectángulo redondeado rojo), selecciona la capa "sombra del vaporizador" y aplica Máscara de capa (Capa Máscara de capa Revelar selección).

Paso 11

Dibuja un círculo con la herramienta Marco elíptico (M), crea una nueva capa encima y rellena la selección con color blanco. Duplica esta capa y reduce su tamaño con la herramienta Transformación libre (Cmd/Ctrl + T). Abre la ventana Estilo de capa y aplica Superposición de color. Para el color, utiliza #e2151c. Por último, añade texto. Crea otra, utilizando el mismo método, en la esquina superior derecha y añade más texto.

Paso 12

Vaya a Capa Nueva capa de ajuste Mapa de degradado para agregar una capa de ajuste sobre todas las demás capas. Establezca un degradado que vaya de #480283 a #fbef4b, configure el Modo de fusión en Multiplicar y luego reduzca la Opacidad de la capa de ajuste al 35 %. Presione Cmd/Ctrl + clic en la miniatura de la máscara de capa del grupo "cupón", Editar Copiar fusionado y luego Editar Pegar para pegar la capa resultante sobre todas las capas. Aplique Filtro de ruido a esta capa. Configure el Modo de fusión en Multiplicar y la Opacidad al 60 %.

Paso 13

Importa la textura Paper11, del paquete gratuito de 12 texturas de papel de alta resolución , en el lienzo principal, reduce su tamaño, desatura (Imagen Ajustes Desaturar), ajusta el Brillo y los Contrastes (Imagen Ajustes Brillo/Contraste) y establece el Modo de fusión en Multiplicar y reduce la Opacidad al 50 %. Descarga la Textura de película y ábrela en Photoshop. Colócala en nuestro diseño. Cambia el Modo de fusión a Luz suave y la Opacidad al 50 %.

Paso 14

Ya casi llegamos. Es hora de los detalles finales: necesitamos crear una sombra debajo del cupón. Primero, presiona Cmd/Ctrl y haz clic en la miniatura de la capa del grupo "cupón" para crear una selección alrededor del cupón. Luego, crea una nueva capa debajo del grupo "cupón" y rellénala con color negro. Oculta el grupo "cupón" para ver esta capa. Aplica a esta capa un Desenfoque gaussiano con un radio de 1,1 px y establece la Opacidad en 40 %. Luego, duplica esta capa, aplica Desenfoque gaussiano con un radio de 3 px y reduce la Opacidad de esta capa a 30 %. Finalmente, muestra el grupo "cupón".

Resultado final

Podemos cambiar el fondo para obtener un resultado más interesante como el que se muestra a continuación. Espero que hayas disfrutado de este tutorial. ¡Gracias por leer!