7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Graphic Design

Cómo crear una insignia Vintage Retro en Adobe Photoshop

Scroll to top
Read Time: 18 mins

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

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

Este tutorial te mostrará cómo dibujar tus propias formas y utilizar estilos de capa para crear una insignia de publicidad vintage. ¡Empecemos!

La insignia vintage que crearemos es una parte de Retro Vintage Badges de mi portfolio en GraphicRiver.

Retro Vintage BadgesRetro Vintage BadgesRetro Vintage Badges
Insignias vintage retro

Material del tutorial

Antes de empezar a crear esta insignia, descarga e instala las fuentes y el patrón de rayas azules, y descarga la imagen PNG rayada:

1. Cómo crear un documento

Paso 1

Empecemos con un nuevo documento. Ve a Archivo > Nuevo y establece el Anchura: 850 px, Altura: 600 px, Modo de Color: Color RGB y el Contenido de Fondo: Blanco.

Create a New DocumentCreate a New DocumentCreate a New Document

Paso 2

Para nuestras mediciones utilizaremos píxeles, así que si estás utilizando pulgadas u otras unidades, ve a Edición > Preferencias > Unidades y Reglas, y establece las Reglas en Píxeles. Da OK para aplicar los cambios.

Change the UnitsChange the UnitsChange the Units

2. Cómo crear una forma de insignia

Paso 1

Comienza agregando múltiples guías verticales y horizontales, lo cual te ayudará a crear la forma de la insignia. Ve a Vista > Guía Nueva y luego elige la orientación Vertical y establece la Posición: 27 px. Repite este paso y crea consecutivamente:

  • Guías Verticales en las Posiciones 34, 41, 44, 56, 58, 76, 101, 118, 122, 130 y 154 px.
  • Guías Horizontales en las Posiciones 11, 16, 41, 43, 55, 59, 69 y 107 px.
Add GuidesAdd GuidesAdd Guides

Paso 2

Ve al menú Vista y selecciona Bloquear Guías para evitar movimientos no deseados de las guías.

Lock GuidesLock GuidesLock Guides

Paso 3

Vamos a pegar nuestra forma a los guías y límites del documento, así que necesitamos tener la función de Ajustar preparada. Ve al menú Vista y selecciona Ajustar si no está ya seleccionada. Luego ve a Vista > Ajustar A y selecciona Límites del Documento  y Guías.

Snap to GuidesSnap to GuidesSnap to Guides

Paso 4

Elije la herramienta Rectángulo y haz clic izquierdo en el documento. Establece la Anchura: 155 px y Altura: 108 px. Da OK.

Create RectangleCreate RectangleCreate Rectangle

Paso 5

Ve a tu panel de Capas y haz doble clic en la imagen en miniatura de la capa del Rectángulo 1 y luego cambia su color a #f1b377.

Color PickerColor PickerColor Picker

Paso 6

Elije la herramienta Mover, y luego mueve el rectángulo en el documento y ajústalo a la esquina superior izquierda del documento.

Move the RectangleMove the RectangleMove the Rectangle

Paso 7

Haz zoom al 500% para una mejor visualización de las guías.

ZoomZoomZoom

Paso 8

En este paso añadiremos puntos de anclaje a nuestro rectángulo. Elije la herramienta Selección Directa, haz clic derecho en el borde superior de la forma del rectángulo y selecciona Añadir Punto de Ancla.

Add Anchor PointAdd Anchor PointAdd Anchor Point

Paso 9

De la misma manera, añade cuatro más puntos de ancla en el borde superior y dos nuevos puntos de ancla en el borde izquierdo.

Add Anchor PointsAdd Anchor PointsAdd Anchor Points

Paso 10

Haz clic derecho en el punto de anclaje superior izquierdo y seleccione Eliminar Punto de Ancla.

Select Anchor PointSelect Anchor PointSelect Anchor Point
Delete Anchor PointDelete Anchor PointDelete Anchor Point

Paso 11

Mueve los puntos de anclaje del borde superior de la forma a esos puntos de intersección, a partir del punto de anclaje izquierdo:

  • Punto de anclaje 1: muévelo hasta que intersecte con la Guía Vertical 3 y la Guía Horizontal 3.
  • Punto de anclaje 2: muévelo hasta que intersecte con la Guía Vertical 6 y la Guía Horizontal 4.
  • Punto de anclaje 3: muévelo hasta que intersecte con la Guía Vertical 8 y la Guía Horizontal 1.
  • Punto de anclaje 4: muévelo hasta que intersecte con la Guía Vertical 10 y la Guía Horizontal 2.
  • Punto de anclaje 5: muévelo hasta que intersecte con la Guía Vertical 12 y el borde superior del documento.
Move the Top Anchor PointsMove the Top Anchor PointsMove the Top Anchor Points

Paso 12

Mueve los puntos de anclaje del borde izquierdo de la forma a esos puntos de intersección, a partir del punto de anclaje superior:

  • Punto de anclaje 6: muévelo hasta que intersecte con la Guía Vertical 2 y la Guía Horizontal 5.
  • Punto de anclaje 7: muévelo hasta que intersecte con el borde izquierdo del documento y la Guía Horizontal 8.
Move the Left Anchor PointsMove the Left Anchor PointsMove the Left Anchor Points

Paso 13

Al hacer clic en uno de los puntos de anclaje, verás sus líneas de dirección, que terminan con puntos de dirección. Con la herramienta Selección Directa aún seleccionada, puedes hacer clic y arrastrar estos puntos.

Vamos a empezar con el primer punto de anclaje horizontal, que está cerca del punto de anclaje de la esquina superior derecha. Selecciona y arrastra el punto de Dirección Derecho para crear una intersección con el punto de anclaje de la esquina y, a continuación, arrastra el punto de Dirección Izquierdo para intersectar con la Guía Vertical 11.

Diret Selection ToolDiret Selection ToolDiret Selection Tool

Paso 14

Selecciona el siguiente punto de anclaje horizontal, mantén pulsada la tecla Mayúsculas y mueve sus Puntos de dirección para que se crucen con las Guías verticales más cercanas a la izquierda y a la derecha del punto de anclaje seleccionado. Repite esta operación con todos los puntos de anclaje horizontales.

Move Direction PointsMove Direction PointsMove Direction Points

Paso 15

Haz lo mismo que en el paso 14 para los puntos de anclaje verticales, pero esta vez mantén presionada la tecla Mayúsculas y mueve los Puntos de dirección para que se crucen con las Guías horizontales más cercanas.

Move Direction PointsMove Direction PointsMove Direction Points

Paso 16

Ya hemos creado una cuarta parte de la forma final de la insignia, y podemos borrar todas las guías. Ve al menú Vista y selecciona Borrar guías.

Clear GuidesClear GuidesClear Guides

Paso 17

Selecciona la capa Rectángulo 1 en tu panel Capas, y luego ve a Capa > Duplicar capa y nombra la capa como Forma 2.

Duplicate LayerDuplicate LayerDuplicate Layer

Paso 18

Selecciona la capa Forma 2 y ve a Edición > Transformar trazado > Voltear horizontal.

Flip Layer HorizontalFlip Layer HorizontalFlip Layer Horizontal

Paso 19

Mientras la capa Forma 2 sigue seleccionada, ve a Edición > Trazado de transformación libre, marca el botón Usar posicionamiento relativo y establece la posición horizontal X: 152 px.

Transform PathTransform PathTransform Path

Paso 20

Mantén presionada la tecla Mayúsculas y selecciona la capa Rectángulo 1 en tu panel Capas, y luego ve a Capa > Combinar formas > Unión de formas.

Unite ShapesUnite ShapesUnite Shapes

Paso 21

Selecciona la capa Forma 2 en tu panel Capas, y luego ve a Capa > Duplicar capa y nombra la capa como Insignia.

Duplicate LayerDuplicate LayerDuplicate Layer

Paso 22

Selecciona la capa Insignia y ve a Edición > Transformar trazado > Voltear vertical.

Flip Layer VerticalFlip Layer VerticalFlip Layer Vertical

Paso 23

Mientras la capa Insignia sigue seleccionada, ve a Edición > Trazado de transformación libre y establece la posición vertical Y: en 105 px.

Transform PathTransform PathTransform Path

Paso 24

Mantén presionada la tecla Mayúsculas y selecciona la capa de la Forma 2 en tu panel de Capas. A continuación, ve a Capa > Combinar formas > Unión de formas, y tu forma de insignia ya está lista.

Unite ShapesUnite ShapesUnite Shapes

Paso 25

Mantén pulsada la tecla Mayúsculas y selecciona la capa de Fondo en tu panel Capas. Ve a Capa > Alinear > Centro vertical y luego a Capa > Alinear > Centro horizontal. Este paso llevará nuestra forma de insignia al centro del documento.

Center the BadgeCenter the BadgeCenter the Badge

3. Cómo crear las formas del listón

Paso 1

Comienza añadiendo tres guías verticales que te ayudarán en el proceso de creación del listón. Ve a Vista > Guía nueva, elige la orientación Vertical y establece la Posición en 425 px. Repite este paso y crea otras dos guías verticales en las Posiciones 292 px y 559 px.

Create GuidesCreate GuidesCreate Guides

Paso 2

Elige la herramienta Rectángulo y haz clic con el botón izquierdo del ratón en el documento. Establece el Ancho: 78 px y el Alto: 56 px. Pulsa OK.

Create RectangleCreate RectangleCreate Rectangle

Paso 3

Selecciona la capa Rectángulo 1 y ve a Capa > Renombrar capa y renómbrala como Listón 1.

Rename LayerRename LayerRename Layer

Paso 4

Elige la herramienta Mover y ajusta el rectángulo en el documento a la guía vertical central.

Snap the RectangleSnap the RectangleSnap the Rectangle

Paso 5

Ve a Capa > Duplicar capa y nómbrala como Listón 2.

Duplicate LayerDuplicate LayerDuplicate Layer

Paso 6

Ahora mantén presionada la tecla Mayúsculas y ajusta el Listón 2 en el lado opuesto de la misma guía vertical.

Snap the RectangleSnap the RectangleSnap the Rectangle

Paso 7

Elige de nuevo la herramienta Rectángulo y crea un nuevo rectángulo haciendo clic en tu documento. Establece el Ancho: 50 px y el Alto: 50 px. Pulsa OK.

Create RectangleCreate RectangleCreate Rectangle

Paso 8

Ve a Edición > Transformar > Rotar y establece el Ángulo en 45°. Pulsa Intro dos veces para aplicar la rotación.

Rotate RectangleRotate RectangleRotate Rectangle

Paso 9

Cambia el color de esta forma para que sea más visible. Haz doble clic en la miniatura de la capa en tu panel Capas y elige cualquier color diferente en el Selector de color, y luego pulsa OK. En mi ejemplo es #bababa.

Change the ColorChange the ColorChange the Color

Paso 10

Ve a Edición > Transformar > Escala y cambia la escala horizontal W: a 60%. Pulsa Intro dos veces para aplicar el cambio.

Transform PathTransform PathTransform Path

Paso 11

Selecciona la herramienta Mover y ajusta el centro del rectángulo a la misma guía vertical que las formas del listón.

Move the RectangleMove the RectangleMove the Rectangle

Paso 12

Mantén presionada la tecla Mayúsculas y selecciona la capa Listón 1 en tu panel Capas, para seleccionar ambos listones y el rectángulo. A continuación, ve a Capa > Alinear > Centro Vertical.

Align LayersAlign LayersAlign Layers

Paso 13

Selecciona la capa Listón 1 y, a continuación, mantén pulsada la tecla Control y haz clic en la miniatura de la capa Rectángulo 1. Por último, ve a Capa > Máscara de capa > Ocultar selección.

Mask and Hide SelectionMask and Hide SelectionMask and Hide Selection

Paso 14

Selecciona la capa Listón 2 y, a continuación, mantén pulsada la tecla Control y haz clic en la miniatura de la capa Rectángulo 1. Por último, ve a Capa > Máscara de capa > Ocultar selección.

Mask and Hide SelectionMask and Hide SelectionMask and Hide Selection

Paso 15

Tus formas de listón ya están listas y ya no necesitas la capa Rectángulo 1, así que selecciónala y pulsa la tecla Borrar.

Delete LayerDelete LayerDelete Layer

4. Cómo crear las costuras del listón

Paso 1

Selecciona la herramienta Línea, mantén presionada la tecla Mayúsculas y dibuja una línea horizontal con una longitud de 394 px. Si no puedes encontrar la herramienta Línea, haz clic y mantén presionada la herramienta Rectángulo para luego seleccionar la herramienta Línea.

Draw the LineDraw the LineDraw the Line

Paso 2

Cambia las propiedades de la línea:

  • Relleno: Sin color
  • Trazo: Color sólido rojo
  • Establece el ancho del trazo: 3 pt
  • Opciones de trazo: selecciona el trazo punteado
  • Grosor: 1 px
Set the Line PropertiesSet the Line PropertiesSet the Line Properties

Paso 3

Ve a Capa > Renombrar capa y renombra esta capa como Costura 1.

Rename LayerRename LayerRename Layer

Paso 4

Crea otra costura yendo a Capa > Duplicar capa y nombra la capa como Costura 2.

Duplicate LayerDuplicate LayerDuplicate Layer

Paso 5

Mantén presionada la tecla Control y selecciona las capas Costura 2, Costura 1 y la capa Fondo, luego ve a Capa > Alinear > Centro horizontal.

Align LayersAlign LayersAlign Layers

5. Cómo organizar todos los elementos

Paso 1

Selecciona la capa Listón 1, escoge la herramienta Mover, y luego mantén presionada la tecla Mayúsculas y ajusta el listón a la guía vertical derecha. A continuación, selecciona la capa Listón 2 y ajusta este listón a la guía vertical izquierda, mientras mantienes pulsada la tecla Mayúsculas.

Move the RibbonsMove the RibbonsMove the Ribbons

Paso 2

Selecciona la capa Costura 2 en tu panel Capas, mantén pulsada la tecla Mayúsculas y luego selecciona la capa Fondo para seleccionar éstas y todas las capas intermedias. Ve a Capa > Alinear > Centro Vertical.

Align LayersAlign LayersAlign Layers

Paso 3

Selecciona la capa Insignia y ve a Capa > Organizar > Traer al frente.

Bring Layer to FrontBring Layer to FrontBring Layer to Front

Paso 4

Selecciona la capa Costura 2, ve a Edición > Transformación libre, y establece la posición vertical Y: 278 px. Pulsa Intro dos veces para aplicar el cambio.

Transform LayerTransform LayerTransform Layer

Paso 5

Selecciona la capa Costura 1, ve a Edición > Transformación libre, y establece la posición vertical Y: 321 px. Pulsa Intro dos veces para aplicar el cambio.

Transform LayerTransform LayerTransform Layer

6. Cómo añadir un estilo a los listones y costuras

Paso 1

Selecciona la capa Costura 2, mantén pulsada la tecla Control y selecciona la capa Costura 1. Luego ve a Capa > Nueva > Crear un grupo nuevo y nómbralo "Costuras".

Group LayersGroup LayersGroup Layers

Paso 2

Haz clic con el botón derecho del ratón en el grupo Costuras y selecciona Opciones de fusión para aplicar el siguiente estilo:

Añade una Superposición de color con esta configuración:

  • Modo de fusión: Normal
  • Elige el color #977e53
  • Opacidad: 100%
Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

Paso 3

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Multiplicar
  • Elige el color #000000
  • Opacidad: 55%
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 110°.
  • Distancia: 1 px
  • Extensión: 55%
  • Tamaño: 0 px

Pulsa OK para aplicar todos los cambios.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow

Paso 4

Selecciona la capa Listón 2, haz clic con el botón derecho del ratón sobre ella y selecciona Opciones de fusión para aplicar el siguiente estilo:

Añade una Superposición de degradado con esta configuración:

  • Modo de fusión: Normal
  • Marca la casilla Tramado
  • Opacidad: 100%
  • Estilo: Lineal
  • Ángulo: 180º
  • Escala: 100%
  • Haz clic en el Degradado y establece estas detenciones de color:
  • Detención de color 1 - Color: #594a2e Ubicación: 0%
  • Detención de color 2 - Color: #a28450 Ubicación: 100%
Add a Gradient OverlayAdd a Gradient OverlayAdd a Gradient Overlay

Paso 5

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Multiplicar
  • Elige el color #171718
  • Opacidad: 73%
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 45°
  • Distancia: 3 px
  • Extensión: 100%
  • Tamaño: 0 px

Pulsa OK para aplicar todos los cambios.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow

Paso 6

Selecciona la capa Listón 1, haz clic con el botón derecho del ratón sobre ella y selecciona Opciones de fusión para aplicar el siguiente estilo:

Añade una Superposición de degradado con esta configuración:

  • Modo de fusión: Normal
  • Marca la casilla Tramado.
  • Opacidad: 100%
  • Estilo: Lineal
  • Ángulo: 0º
  • Escala: 100%
  • Haz clic en el Degradado y establece estas detenciones de color:
  • Detención de color 1 - Color: #594a2e Ubicación: 0%
  • Detención de color 2 - Color: #a28450 Ubicación: 100%
Add a Gradient OverlayAdd a Gradient OverlayAdd a Gradient Overlay

Paso 7

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Multiplicar
  • Elige el color #171718
  • Opacidad: 73%
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 135°
  • Distancia: 3 px
  • Extensión: 100%
  • Tamaño: 0 px

Pulsa Aceptar para aplicar todos los cambios.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow
Added StylesAdded StylesAdded Styles

7. Cómo duplicar y añadir un estilo a la forma de insignia

Paso 1

Haz doble clic con el ratón en la miniatura de la capa Insignia para abrir el Selector de color y selecciona el color #712020. A continuación, pulsa OK.

Color PickerColor PickerColor Picker

Paso 2

Mientras la capa de la Insignia en tu panel de Capas está seleccionada, ve a Capa > Duplicar capa y nómbrala como Insignia 2.

Duplicate LayerDuplicate LayerDuplicate Layer

Paso 3

Haz doble clic con el ratón en la miniatura de la capa de la Insignia 2 para abrir el Selector de color y selecciona el color #a38551. Pulsa OK.

Color PickerColor PickerColor Picker

Paso 4

Utiliza el atajo de teclado Control-T para mostrar las opciones de transformación de la forma y establece la escala horizontal W: en 95% y la escala vertical H: en 95%.

Transform LayerTransform LayerTransform Layer

Paso 5

Selecciona la capa de la Insignia 2 en tu panel Capas, y luego ve a Capa > Duplicar capa y nómbrala como Insignia 3.

Duplicate LayerDuplicate LayerDuplicate Layer

Paso 6

Haz doble clic con el ratón en la miniatura de la capa de la Insignia 3 para abrir el Selector de color y selecciona el color #912a2a. Pulsa OK.

Color PickerColor PickerColor Picker

Paso 7

Utiliza el atajo de teclado Control-T para mostrar las opciones de transformación de la forma y establece la escala horizontal W: al 98% y la escala vertical H: al 98%.

Transform LayerTransform LayerTransform Layer

Paso 8

Selecciona la capa Insignia 3 en tu panel Capas, y luego ve a Capa > Duplicar capa y nómbrala como Insignia 4.

Duplicate LayerDuplicate LayerDuplicate Layer

Paso 9

Utiliza el atajo de teclado Control-T para mostrar las opciones de transformación de la forma y establece la escala horizontal W: al 94% y la escala vertical H: al 94%.

Transform LayerTransform LayerTransform Layer

Paso 10

Selecciona la capa de la Insignia, haz clic con el botón derecho del ratón sobre ella y selecciona Opciones de fusión para aplicar el siguiente estilo:

Añade un estilo Satinado con estos ajustes:

  • Modo de fusión: Sobreexposición de color y elige el color #ffffff
  • Opacidad: 45%
  • Ángulo: 132°
  • Distancia: 7 px
  • Tamaño: 21 px
  • Marca la casilla Invertir
Add a SatinAdd a SatinAdd a Satin

Paso 11

Añade una Sombra paralela con estos ajustes:

  • Modo de fusión: Multiplicar
  • Elige el color #000000
  • Opacidad: 100%
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 90°
  • Distancia: 4 px
  • Extensión: 0%
  • Tamaño: 7 px

Pulsa Aceptar para aplicar todos los cambios.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow
Added StyleAdded StyleAdded Style

Paso 12

Selecciona la capa Insignia 2 en tu panel Capas, mantén pulsada la tecla Control y haz clic con el botón izquierdo del ratón en la miniatura de la capa Insignia, y luego ve a Capa > Máscara de capa > Revelar selección.

Mask LayerMask LayerMask Layer

Paso 13

Mientras la capa Insignia 2 sigue seleccionada, haz clic con el botón derecho del ratón sobre ella y selecciona Opciones de fusión para aplicar el siguiente estilo:

En las Opciones de fusión marca la casilla Máscara de capa oculta efectos.

Blending OptionsBlending OptionsBlending Options

Paso 14

Agrega una Superposición de degradado con estos ajustes:

  • Modo de fusión: Sobreexposición lineal (Añadir)
  • Marca la casilla Tramado
  • Opacidad: 18%
  • Estilo: Reflejado
  • Ángulo: 90°
  • Escala: 100%
  • Haz clic en el Degradado y establece estas detenciones de color:
  • Detención de color 1 - Color: #ffffff Ubicación: 0%
  • Detención de color 2 - Color#171718 Ubicación: 100%
Add a Gradient OverlayAdd a Gradient OverlayAdd a Gradient Overlay

Paso 15

Agrega una Sombra paralela con estos ajustes:

  • Modo de fusión: Multiplicar
  • Elige el color #171718
  • Opacidad: 46%
  • Distancia: 0 px
  • Extensión: 23%
  • Tamaño: 16 px

Pulsa Aceptar para aplicar todos los cambios.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow
Added StyleAdded StyleAdded Style

Paso 16

Selecciona la capa Insignia 3, haz clic con el botón derecho del ratón y selecciona Opciones de fusión para aplicar el siguiente estilo:

Agrega una Sombra interior con estos ajustes:

  • Modo de fusión: Normal y elige el Color #a73d2c
  • Opacidad: 100%
  • Distancia: 0 px
  • Retraer: 100%
  • Tamaño: 3 px
Add an Inner ShadowAdd an Inner ShadowAdd an Inner Shadow

Paso 17

Añade un Resplandor interior con estos ajustes:

  • Modo de fusión: Multiplicar
  • Opacidad: 54%
  • Ruido: 10%.
  • Elige el color #000000
  • Técnica: Más suavizado
  • Fuente: Borde
  • Extensión: 0%
  • Tamaño: 21 px
  • Marca la casilla Suavizado

Pulsa OK para aplicar los cambios.

Add an Inner GlowAdd an Inner GlowAdd an Inner Glow
Added StyleAdded StyleAdded Style

Paso 18

Selecciona la capa Insignia 3, haz clic con el botón derecho del ratón y selecciona Opciones de fusión para aplicar el siguiente estilo:

En las Opciones de fusión, ajusta la Opacidad de relleno a 0%.

Blending OptionsBlending OptionsBlending Options

Paso 19

Agrega un Resplandor interior con estos ajustes:

  • Modo de fusión: Multiplicar
  • Opacidad: 20%
  • Ruido: 21%
  • Elige el color #5e1010
  • Técnica: Más suavizado
  • Origen: Centro
  • Retraer: 0%
  • Tamaño: 62 px
  • Marca la casilla Suavizado

Pulsa Aceptar para aplicar los cambios.

Add an Inner GlowAdd an Inner GlowAdd an Inner Glow
Added StyleAdded StyleAdded Style

Paso 20

Ve a Archivo > Colocar, selecciona la imagen de Franjas que descargaste de los recursos del tutorial y pulsa Colocar. Mueve la imagen hacia arriba unas cuantas veces con tu tecla de flecha hacia arriba y luego pulsa Intro para colocar la imagen.

Place the ImagePlace the ImagePlace the Image

Paso 21

Selecciona la capa de las franjas en tu panel Capas, mantén pulsada la tecla Control y haz clic en la miniatura de la capa Insignia 4. A continuación, ve a Capa > Máscara de capa > Revelar selección.

Mask the LayerMask the LayerMask the Layer

Paso 22

Mientras la capa de franjas sigue seleccionada, haz clic con el botón derecho y selecciona Opciones de fusión para aplicar el siguiente estilo:

En las Opciones de fusión establece la Opacidad de relleno: 0%.

Blending OptionsBlending OptionsBlending Options

Paso 23

Agrega una Superposición de degradado con estos ajustes:

  • Modo de fusión: Subexposición lineal
  • Marca la casilla Tramado
  • Opacidad: 7%
  • Estilo: Radial
  • Ángulo: 90°
  • Escala: 100%
  • Haz clic en el Degradado y establece estas detenciones de color:
  • Detención de color 1 - Color: #171818 Ubicación: 0%
  • Detención de color 2 - Color#ffffff Ubicación:100%

Pulsa Aceptar para aplicar los cambios.

Add a Gradient OverlayAdd a Gradient OverlayAdd a Gradient Overlay
Added StyleAdded StyleAdded Style

8. Cómo añadir y estilizar el texto

Paso 1

Selecciona la herramienta Texto y elige la fuente Lobster 2. Establece el Estilo de fuente en Negrita y cursiva, el Tamaño en 52 pt, luego elige el color #dec9a4 y escribe la palabra "Awesome" en el documento.

Type ToolType ToolType Tool

Paso 2

Selecciona de nuevo la herramienta Texto, pero ahora selecciona la fuente Steelfish. Establece el Estilo de fuente en Negrita y cursiva, el Tamaño en 30 pt, luego elige el color #a58752 y escribe "insignia retro vintage" en cualquier lugar del documento.

Type ToolType ToolType Tool

Paso 3

Selecciona la capa Awesome en tu panel Capas, luego mantén presionada la tecla Control y selecciona la capa "insignia retro vintage". Ve a Capa > Nueva > Grupo nuevo y nómbrala Textos.

Group LayersGroup LayersGroup Layers

Paso 4

Mientras el grupo Textos está seleccionado, haz clic con el botón derecho y selecciona Opciones de fusión para añadir una Sombra paralela con estos ajustes:

  • Modo de fusión: Multiplicar
  • Elige el color #171718
  • Opacidad: 75%
  • Desmarca la casilla Usar luz global antes de establecer un Ángulo: 120°
  • Distancia: 1 px
  • Extensión: 0%
  • Tamaño: 2 px

Pulsa OK para aplicar todos los cambios.

Add a Drop ShadowAdd a Drop ShadowAdd a Drop Shadow

9. Cómo crear el fondo

Paso 1

Selecciona la capa de Fondo, y luego ve a Capa > Nueva > Capa a partir de fondo y nómbrala como Fondo. Esto desbloqueará la capa de fondo.

Unlock the Background LayerUnlock the Background LayerUnlock the Background Layer

Paso 2

Mientras la capa Fondo está seleccionada, haz clic con el botón derecho del ratón sobre ella y selecciona Opciones de fusión para aplicar el siguiente estilo:

Añade una Superposición de motivo con estos ajustes:

  • Modo de fusión: Normal
  • Opacidad: 100%
  • Haz clic en la casilla Motivo y elige el Motivo de Franjas azules descargado de los recursos del tutorial.
  • Escala: 50%
Add a Pattern OverlayAdd a Pattern OverlayAdd a Pattern Overlay

Paso 3

Añade una Superposición de degradado con estos ajustes:

  • Modo de fusión: Subexposición lineal
  • Marca la casilla Tramado
  • Opacidad: 84%
  • Estilo: Radial
  • Ángulo:
  • Escala: 70%
  • Haz clic en el Degradado y establece estas detenciones de color:
  • Detención de color 1 - Color:  #dec9a4 Ubicación: 0%
  • Detención de color 2 - Color:  #76603b Ubicación: 100%
Add a Gradient OverlayAdd a Gradient OverlayAdd a Gradient Overlay

Paso 4

Agrega una Superposición de color con estos ajustes:

  • Modo de fusión: Color
  • Elige el color #ffffff
  • Opacidad: 48%

Pulsa Aceptar para aplicar los cambios.

Add a Color OverlayAdd a Color OverlayAdd a Color Overlay

Y este debería ser tu resultado final.

¡Felicidades! ¡Terminaste!

En este tutorial, aprendiste a crear una insignia retro vintage en Adobe Photoshop. Empezamos creando las formas de la insignia y del listón, y después dimos estilo a las formas y añadimos algunas capas de texto. Finalmente, creamos el fondo.

Espero que hayas disfrutado de este tutorial, y no dudes en dejar tus sugerencias, comentarios y resultados a continuación.

Esta insignia vintage es parte de mi colección Insignias retro vintage en GraphicRiver.

Retro Vintage BadgesRetro Vintage BadgesRetro Vintage Badges
Insignias retro vintage
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.