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

Cómo crear una postal tipo vintage

by
Difficulty:IntermediateLength:MediumLanguages:

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

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

Sigue este análisis en profundidad del proceso de diseño de  tipografía para una postal de estilo vintage en Adobe Illustrator CS5. Recuerda una época en la que las postales estaban de moda con este estilo de letra amigable. El tutorial profundizará en las máscaras de recorte, utilizando imágenes de mapa de bits, trabajando con capas y efectos de texto.

Encuentra más efectos de texto retro sorprendentes en Envato Market.


Recursos


1. Cómo crear el texto

Paso 1

Selecciona el tipo de letra con el que te gustaría comenzar para tu texto dominante. Nuestra palabra es "HOME". Recomiendo un tipo sans-serif condensado grueso y yo utilicé Berthold Akzidenz Grotesk.

 Create the Text Create the Text Create the Text

Paso 2

Ve a Texto > Crear contornos para convertir el texto en un objeto.

 Create the Text Create the Text Create the Text

Paso 3

Ve a Efecto > Deformar y elige Subir debajo de los 'estilos'. Ingresa los mismos números que se muestran en la pantalla.

 Create the Text Create the Text Create the Text

Paso 4

Con tu nueva tipografía seleccionada, ve a Objeto > Expandir apariencia. Esto aplicará el efecto.

 Create the Text Create the Text Create the Text

PAso 5

Crea una copia de "HOME" y colócala en otra capa.

 Create the Text Create the Text Create the Text

2. Cómo crear texto en 3D

Paso 1

Selecciona "HOME" en la capa inferior. Elige Efecto > 3D > Extrusión y bisel. Ingresa las coordenadas que se muestran.

 Make 3D Text Make 3D Text Make 3D Text

Paso 2

Haz la parte superior "HOME" blanca.

 Make 3D Text Make 3D Text Make 3D Text

Paso 3

Aplica un color a la letra tridimensional.

 Make 3D Text Make 3D Text Make 3D Text

3. Cómo crear el texto restante

Paso 1

Selecciona un tipo de letra para "Welcome". Yo usé una versión modificada de Wisdom Script.

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

Paso 2

Ve a Texto > Crear contornos para convertir el texto en un objeto.

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

Paso 3

Agrega un Trazo negro al texto.

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

Paso 4

Selecciona Efecto > Deformar > Subir e ingresa las coordenadas mostradas.

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

Paso 5

Utiliza el mismo tipo de letra para South Haven, MI.

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

Paso 6

Después de crear los contornos, como se mostró anteriormente, selecciona Efecto > Deformar > Arco e ingresa las coordenadas mostradas.

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

Paso 7

Aplica un color a la letra

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

Paso 8

Seleccione una letra simple para los derechos de autor de la postal. Yo usé Berthold Akzidenz Grotesk nuevamente.

Create the Remaining TextCreate the Remaining TextCreate the Remaining Text

4. Cómo agregar una imagen al texto

Paso 1

Volviendo al texto "HOME", ahora reemplazaremos las letras negras con una imagen.

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 2

Ahora necesitaremos la Imagen 1: Filadelfia desde el edificio Pensilvania. Coloca la imagen detrás de la "H". Selecciona la imagen y la "H", y selecciona Máscara de recorte > Crear.

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 3

Tu "H" ahora debería verse así.

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 4

Aplica la misma técnica para la letra "O"

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 5

Hasta ahorita, la imagen debería verse como esto.

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 6

Después de aplicar la misma técnica al resto de las letras, esto es lo que debes tener.

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 7

Reúne todos tus elementos y alínealos como se muestra.

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 8

Seleccione el objeto "HOME" y agrega un trazo de 1 punto.

Add an Image to TextAdd an Image to TextAdd an Image to Text

Paso 9

Selecciona el objeto tridimensional "HOME" y agrega un trazo de 0.75.

Add an Image to TextAdd an Image to TextAdd an Image to Text

5. Cómo agregar el fondo

Ahora necesitaremos la Imagen 2 (nuestra imagen de fondo): Cannon Beach en la costa de Oregon. Agrega tu imagen de fondo como la capa inferior. Illustrator procesa las imágenes bastante mal, así que no te preocupes si todo parece extraño en este paso. Una vez que lo guardes, la imagen se arreglará.

Add the BackgroundAdd the BackgroundAdd the Background

Imagen final

Ahora has visto el proceso y las técnicas utilizadas para crear este tipo de postal vintage. Esto se puede usar fácilmente con diferentes imágenes y letras para reflejar cualquier tipo de evento.

Vintage Type Postcard Illustrator TutorialVintage Type Postcard Illustrator TutorialVintage Type Postcard Illustrator Tutorial

Efectos de texto vintage de Envato Market

Agregua el encanto de la tipografía vintage a tus diseños. ¡Regístrate para obtener una cuenta en Envato Market y obtén acceso a miles de recursos de diseño de alta calidad a precios accesibles!

21 estilos gráficos retro y vintage

¡Crea 21 estilos gráficos asombrosos con solo hacer clic en un botón! Este paquete de efectos de texto vintage incluye 21 archivos vectoriales totalmente editables para agregar efectos retro a tu tipografía. Ideal para carteles, sitios web y más, ¡definitivamente te encantará este paquete!

21 Vintage Retro Graphic Styles 21 Vintage Retro Graphic Styles 21 Vintage Retro Graphic Styles
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.