Cómo diseñar una postal retro de Navidad en Adobe Illustrator

Lo que vas a crear

Llámeme anticuado, pero no hay nada mejor que recibir una tarjeta inteligente por correo, especialmente durante las vacaciones. Así que vamos a crear una postal retro divertida y divertida que puedes imprimir (o comprar tarjetas en blanco e imprimir tú mismo) para enviar a familiares y amigos lejanos..

Utilizaremos las herramientas de dibujo integradas de Illustrator para crear ilustraciones vectoriales simples y le daremos a nuestro diseño un toque de mediados de siglo con fuentes retro y texturas entintadas. Alternativamente, si desea acelerar y simplificar el proceso, puede adquirir algunos adornos ya hechos de estilo retro y vectores de árboles de Navidad listos para usar..

En el camino, incluiré sugerencias de colores y otras configuraciones si desea duplicar los resultados que ve aquí, pero siéntase libre de cambiarlos para que brille su propio estilo. Empecemos!

1. Configure su espacio de trabajo en Illustrator

Paso 1

Ir Archivo> Nuevo y abra un nuevo documento de acuerdo con la configuración a continuación; Estoy usando un tamaño de tarjeta postal estándar de EE.UU. Además, si está planeando imprimir su tarjeta postal terminada, asegúrese de crear dos mesas de trabajo para el anverso y el anverso..

He elegido establecer el modo de color en RGB para que el proyecto se muestre bien en la pantalla. Pero si pretende imprimir su tarjeta postal terminada, querrá convertir el archivo final a CMYK para asegurarse de que los colores salgan bien durante la impresión. La Guía para principiantes sobre preparación y envío a la impresión también tiene algunos consejos excelentes.

Paso 2

A continuación, instalaremos nuestra paleta de colores para el diseño. He incluido un archivo en el adjunto de este tutorial. Después de instalarlo, las muestras de color que necesitamos para el diseño aparecerán en Illustrator..

Ir Windows> Muestras o seleccione el Muestras Icono de la barra de herramientas de sus paneles. Haga clic en el botón en la esquina superior derecha de la ventana Muestras, y en el menú desplegable que aparece, seleccione Biblioteca abierta de swatch > Otra biblioteca.

Encuentre dónde ha guardado el archivo adjunto en su computadora, luego seleccione navidad-postal-paleta.ase y haga clic Abierto.

Y ahí lo tienes. Le asigné un nombre a cada muestra e incluí los códigos hex para una referencia fácil:

Cada vez que usamos un color, enumeraré su nombre y código hexadecimal en primer lugar, y luego lo referiré solo por su nombre en el futuro.

Paso 3

Abre el Capas panel. Organizar sus capas con anticipación lo ayudará a mantenerse organizado durante el proceso de diseño y a realizar ciertos pasos de forma mucho más rápida y sencilla. Puede configurarlos de acuerdo con el orden que se muestra a continuación. Para nombrar una capa, simplemente haga doble clic en ella: a Opciones de capa Aparecerá un cuadro donde puede escribir un nuevo título..

Etapa 4

Como paso final de la configuración, es posible que desee descargar los recursos que usaremos en el diseño. De esa manera, no tendrás que pausar e instalarlos más tarde. Puede encontrar enlaces a cada recurso gratuito a continuación: 

Primero, las fuentes:

  • Fuente Go Long (a través de Dafont)
  • Fuente desaparecida (a través de Dribbble)
  • Fuente de compromiso (a través de 1001 fuentes)

Y los pinceles de textura.

  • Pinceles vectoriales (a través de Dribbble)

2. Crear el fondo

Paso 1

Acércate a la mesa de trabajo superior; Vamos a hacer la parte frontal de la postal primero. Utilizando la Herramienta rectangular, llena toda la tarjeta con el tono más claro de azul (menta / # D4EBE2). Asegúrese de extender el fondo hasta las líneas de sangrado rojas, especialmente si planea imprimir la postal.

Paso 2

Para la parte de la ladera nevada del fondo, use la Lapicera Para dibujar una forma curva en blanco. Si encuentra que la herramienta Pluma es problemática, puede intentar dibujar la forma a mano alzada con la herramienta Lápiz o la herramienta Pincel.

Con cualquiera de estas técnicas, si su curva no resulta tan suave como quisiera, puede usar la Herramienta lisa (mantenga pulsado el Herramienta Lápiz para acceder a él) para limpiarlo, simplemente mantenga presionado y arrastre el cursor por el camino en cualquier punto torcido o lleno de baches.

3. Añadir el saludo

Paso 1

Descarga las fuentes vinculadas arriba si aún no lo has hecho. Agregaremos el saludo "Ten una feliz y brillante Navidad" (pero puedes cambiarlo a otra frase si lo deseas), trabajando desde abajo hacia arriba..

Paso 2

En la capa de texto, escriba 'Navidad' usando la fuente Compromiso a 85 puntos. Cambia el color a rojo / # EF4428. Colóquelo sobre la ladera en el lado derecho de la postal..

Paso 3

A continuación, escriba 'BRILLO' en mayúsculas con la fuente Ido. Ajusta el tamaño para que coincida con el ancho de 'Navidad'; esto debería ser aproximadamente 40 pt. Colóquelo justo encima de 'Navidad' y cambie el color a la opción verde más oscura (siempre verde / # 2B9690).

Luego, escribe 'MERRY' arriba de 'BRIGHT', usando la misma fuente y color y dejando un espacio entre las dos palabras. Nuevamente, haga que 'MERRY' tenga el mismo ancho que las otras dos palabras; será un poco más grande que 'BRIGHT' en aproximadamente 45 puntos.

Etapa 4

Por último, utilizando la fuente. Ve largo a 35 puntos, escriba "HAVE A" en mayúsculas y céntrelo sobre "MERRY". En el Personaje panel, establece el seguimiento en 100 Para espaciar las letras un poco más lejos. Haz el color turquesa / # 77CCC8.

Escriba 'AND' usando el mismo tamaño y color que el de arriba y céntrelo entre 'MERRY' y 'BRIGHT'. Establezca el seguimiento en 50. Si lo desea, puede agregar un poco de personalidad retro adicional seleccionando 'AND' y yendo a Tipo> Crear Contornos, y luego seleccionando Objeto> Desagrupar. Ahora puede ajustar cada letra a una altura diferente (ver más abajo).

Paso 5

Ahora, para los toques finales al texto ... Si es necesario, ajuste el espaciado vertical entre las palabras. Debería haber aproximadamente la misma cantidad de espacio entre cada palabra, pero no tiene que ser exacto, simplemente haga lo que se vea visualmente. También puede agregar algunas formas triangulares u otros adornos simples a cada lado de 'Y' para llenar esos espacios..

Cuando hayas terminado, deberías terminar con algo como esto:

4. Dibuja algunos árboles

Ahora es el momento de algunas ilustraciones divertidas. Estamos usando un estilo holgado y angular inspirado en los años 50 y 60. Esta estética de mediados de siglo es a propósito un poco áspera e imperfecta, eso es parte de su encanto. Estamos replicando un estilo que se creó originalmente con elementos de diseño que fueron dibujados a mano, pintados a mano o cortados en papel y pegados juntos. 

Así que te animo a que trabajes bastante rápido mientras estás dibujando los árboles (y luego, agregando otros objetos y adornos); Deje que la espontaneidad se manifieste en el diseño y no se preocupe demasiado por hacer que todo sea perfectamente recto o simétrico. Por encima de todo, diviértete con ello.!

Paso 1

Ve a la capa Árboles. Utilizar el Lapicera para crear una forma simple de pino (básicamente un diamante alargado con un rectángulo que sale de la parte inferior). Si es necesario, ajuste el tamaño para que se ajuste bien entre 'Navidad' y el borde derecho de la postal. Hacer el color verde claro / # 79C9B4.

Si quieres ir con un estilo aún más minimalista, puedes dejar los troncos y simplemente crear algunos triángulos delgados y altos para representar los árboles..

Paso 2

Crea unos cuantos árboles más y agrúpalos al otro lado de "Navidad". Usé el verde claro otra vez, junto con el turquesa para un poco de contraste. Selecciona los árboles verdes y cambia el Opacidad a 45%; hacer el árbol turquesa un poco más oscuro en 60%.

Paso 3

Ahora vamos a crear algunas ramas de árboles que vienen del lado izquierdo de la postal. Los colores para estos serán turquesa y hoja perenne..

Para el primero, selecciona la Lapicera De nuevo, si no estás muy familiarizado con esta herramienta, te guiaré a través de los pasos, ya que estaremos haciendo un poco más que hacer clic en una línea recta como lo hicimos con los árboles: 

  • Establezca su primer punto de anclaje en la línea de sangrado izquierda, cerca de la esquina superior. 
  • Para dar a la parte superior de la rama una ligera curva hacia abajo, establezca su segundo punto de anclaje más bajo que el primero y aproximadamente tres cuartos del camino a través de 'MERRY'. Mientras coloca ese segundo punto, haga clic y mantenga presionado, moviendo el cursor hacia arriba lentamente hasta que la curva tome la forma que desee..
  • Entonces, todavía usando el Lapicera, haga clic en el punto de anclaje que termina su curva para convertirla en una esquina afilada.
  • Ahora continúe con la herramienta para crear una serie de líneas y ángulos para representar las agujas de pino en la rama, moviéndose hacia arriba y hacia abajo en la esquina donde comenzó. Haga esto de forma algo rápida y aleatoria, variando las longitudes y los anchos de las formas de las agujas.

Etapa 4

Repita ese proceso para crear una segunda rama. Elegí tener la segunda curva hacia arriba para superponerse con la primera rama. Seleccione ambos y cambie el Opacidad 55%.

5. Añadir textura al fondo

Paso 1

Si aún no ha instalado los pinceles de textura, hágalo ahora. Ábrelos y selecciona uno de los pinceles; Me gusta Scatter Brush 9 (el último). Cambia el color del trazo a blanco y Peso del trazo a 0.25 pt.

Paso 2

Primero agregaremos algo de textura detrás del saludo de Navidad, así que vaya a la capa Texturas de fondo. Usando la forma del texto como guía, dibuje algunos remolinos y líneas circulares usando la Herramienta de pincel con el pincel de textura que seleccionaste. Si tiene problemas para ver lo que está haciendo, haga que la capa de Texto sea invisible temporalmente haciendo clic en el icono del ojo a la izquierda del nombre de la capa.

Haz que tus líneas estén más concentradas en el centro y más separadas a medida que avanzas hacia los bordes del texto. He incluido una foto con el texto eliminado para que pueda ver cómo se verían los trazos. Pero no hay necesidad de intentar copiar esa ubicación exacta; simplemente garabatee un puñado de líneas detrás del texto hasta que obtenga un efecto que le guste. 

En términos de tamaño, debes terminar con un círculo aproximado que se sienta entre los pinos y se extienda hasta la parte superior de la postal y hacia la ladera.

Paso 3 

En el Capas panel, seleccione todo en la capa Textura de fondo haciendo clic en el círculo abierto a la derecha del nombre de la capa. Entonces cambia el Opacidad a 60%.

Esto es lo que terminarás con:

También agregué un poco de sombra a los adornos a cada lado de 'Y' para ayudarlos a sobresalir un poco mejor con respecto a la textura de fondo. Si desea hacer lo mismo, seleccione ambas formas, cópielas (Comando / Control-C), y Pegar en frente (Editar> Pegar en frente o Comando / Control-F). Luego cambia a un color de tu elección; Fui con el mismo color que el cielo. Usa las teclas de flecha para mover las formas de colores un poco hacia un lado de las blancas.

Etapa 4

Ahora, aún trabajando en la capa de Texturas de fondo, agregaremos algo de textura a la nieve usando el mismo método. 

Esta vez, elegí Pincel de dispersión 14 de nuestro pincel. Cambia el color del trazo a menta y Peso del trazo a 0.25 pt. Utilizando la Herramienta de pincel, dibuja unUn par de líneas onduladas debajo de los árboles a cada lado de "Navidad". Seleccione ambas líneas y cambie la Opacidad a 50%.

6. Añadir textura a los árboles

A los árboles. Usaremos la misma técnica de pincel de textura más un paso adicional para recortar las texturas a la forma de los árboles y las ramas. Al principio, las texturas se verán muy desordenadas, pero no se preocupe, las arreglaremos en poco tiempo.

Paso 1 

Ir a la capa de texturas de árboles. Elige un pincel de textura (todavía estoy usando Pincel de dispersión 14) y asegúrese de Peso del trazo todavía está establecido en 0.25 pt. Haz que el color del trazo sea verde claro..

Paso 2

Dibuje algunas líneas curvas o angulosas a lo largo de los bordes de los tres árboles verdes con el Herramienta de pincel. No queremos que las texturas cubran completamente los árboles, solo para acentuar un borde o esquina. Luego cambie el color a perenne y haga lo mismo para el árbol central en el grupo de tres.

Para el Opacidad, cambiar las texturas verdes a 70% y siempre verde para 50%. Tendrás algo como esto:

Paso 3 

Ahora veremos algunos pasos para recortar las texturas para que se ajusten a la forma de los árboles.. 

Regrese a la capa Árboles y seleccione los cuatro árboles (deje las ramas solas por ahora). Puedes mantener presionado Cambio para seleccionar más de un objeto a la vez. Golpear Comando / Control-C para copiarlos, luego bloquee la capa Árboles-en el Capas panel, a la izquierda del nombre de esa capa, verá un cuadrado vacío. Haz clic en él, y aparecerá un pequeño icono de candado..

Etapa 4

Haga clic en la capa Texturas de árbol y seleccione Pegar en frente. Más formas de árboles aparecerán sobre los árboles y las texturas que ya ha creado. Con la ayuda de una herramienta práctica llamada máscara de recorte, utilizaremos estas formas de árbol adicionales como un sello o cortador de galletas para eliminar los trozos de textura que se extienden más allá del contorno de los árboles..

Seleccione uno de los árboles y la textura que lo acompaña manteniendo presionado Cambio al hacer clic en ellos, y luego ir a Objeto> Máscara de recorte> Hacer. Puede ver el resultado a continuación: al árbol de la derecha se le aplicó la máscara de recorte ... Neat, ¿no es así??

Paso 5

Repita el proceso de aplicar una máscara de recorte a los tres árboles restantes, uno a la vez. Para acelerar esto, puede utilizar el método abreviado de teclado para crear máscaras de recorte, que es Comando / Control-7.

Echemos un vistazo a nuestro progreso ... Está empezando a unirse!

7. Agrega textura a las ramas

Ahora deberías tener un buen manejo de este proceso de textura + máscara de recorte, pero si no, ¡obtienes un poco más de práctica! Vamos a utilizar los mismos pasos exactos para las ramas..

Paso 1

De nuevo usando Pincel de dispersión 14 a 0.25 pt, dibuje una línea que siga aproximadamente la curva en la parte superior de cada rama. La primera / superior está en turquesa con una opacidad del 100% y la segunda en verde perenne con una opacidad del 70%.

Paso 2 

Vaya a la capa Árboles y desbloquéela haciendo clic en el icono del candado. Seleccione las dos ramas a la vez y cópielas, luego vuelva a bloquear la capa. Ir a la capa de texturas de árboles y Pegar en frente

Paso 3 

Aplique máscaras de recorte a las texturas de rama con las formas de rama adicionales que acaba de pegar. (Si necesita un recordatorio rápido: seleccione una rama con su textura coincidente a la vez, manteniendo presionada la tecla Cambio, y luego pulsa Comando / Control-7.)

Esto es lo que tenemos:

8. cuelgue algunos adornos

Ahora es el momento de recortar el árbol con algunos ornamentos coloridos y retro. Además de las herramientas y técnicas que ya hemos cubierto, usaremos la herramienta Ellipse y algunos de los pinceles incorporados de Illustrator..

Primero, veamos los pasos para crear la forma de la base para nuestro primer adorno:

Paso 1 

Ir a la capa de ornamento rojo. Dibuja un óvalo estrecho en rojo; La mía es de aproximadamente 155 px de ancho. La altura no importa mucho, ya que principalmente queremos que se ajuste bien a lo ancho entre el borde izquierdo de la tarjeta y el grupo de árboles..

Paso 2

Ahora transformaremos este óvalo plano en un adorno con solo unas pocas acciones fáciles. Cada paso que sigue se ilustra en la imagen de abajo.. 

  • Haga clic en el óvalo rojo..
  • Selecciona el Convertir herramienta de punto de anclaje con un clic en la tecla Lapicera-Es la última opción en el menú que aparece. Con esta herramienta, haga clic en los puntos de anclaje superior e inferior en el óvalo; Esto cambiará los puntos suaves en afilados.. 
  • Ahora, desde el mismo menú, seleccione la Agregar herramienta de punto de anclaje y agregue puntos de anclaje adicionales aproximadamente a la mitad entre cada uno de los cuatro puntos existentes. 
  • Ahora elige el Herramienta de selección directa y, uno a la vez, haga clic nuevamente en los puntos de anclaje superior e inferior y arrástrelos ligeramente hacia afuera.

Ahora tenemos una auténtica forma de adorno retro. Coloque en el lado izquierdo de la postal debajo de las ramas.

Paso 3

Ahora repita esos pasos para crear un segundo adorno, asegurándose de que esté ahora en la capa Adorno rosa. El proceso será exactamente el mismo, excepto que la orientación de la forma será vertical en lugar de horizontal:

Ajuste el tamaño y la ubicación de este segundo adorno de manera que le quede bien. Me gusta que se superponga un poco con el adorno rojo..

9. Agregue un poco de textura y adornos a los adornos

Paso 1 

Primero, queremos agregar algo de textura alrededor de los bordes de los adornos. Vaya a la capa Texturas decorativas y repita la misma técnica que hemos usado hasta ahora, con pinceles de textura y máscaras de recorte..

Como antes, utilicé Pincel de dispersión 14 aquí en 0.25 pt. Esta vez, el Opacidad para ambas estancias en 100%. 

Cuando hayas terminado, bloquea esta capa.

Paso 2 

Regresa a la capa de Ornamento Rojo. Utilizar el Herramienta rectangular Para crear una banda blanca a lo ancho del adorno. O si desea optar por un look más retro, use el Lapicera Para dibujar una forma geométrica ligeramente torcida. Cualquiera que sea su elección, asegúrese de que la forma se extienda más allá de los bordes del adorno.

Ahora seleccione la forma de la base debajo, cópiela y Pegar en frente. Seleccione tanto la forma de adorno como el rectángulo blanco que se asoma desde abajo, y luego vaya a la Pionero panel y elegir Cultivo. Esto recortará la banda blanca a la forma del adorno..

Paso 3

Ir a la capa de adornos. Utilizar el Herramienta de elipsis para dibujar un par de óvalos, y apilarlos en el adorno rosa. Usé el Herramienta de selección directa para mover algunos de los puntos de anclaje y hacerlos un poco ladeados. El óvalo azul en mi versión es nuestro color aguamarina / # B1DED8.

También elegí agregar un poco de textura al óvalo interno para crear un poco de profundidad, pero siéntase libre de omitir este paso si lo desea..

Etapa 4

Ahora, usando uno de los pinceles caligráficos incorporados de Illustrator, dibujaremos algunas cadenas para que parezca que los adornos cuelgan de las ramas. Elegí un pincel ovalado porque tiene una variación de ancho que hace que se vea un poco más como si fuera un pincel real.

En el Cepillos panel, haga clic en el Menú Pinceles Bibliotecas en la esquina inferior izquierda, luego seleccione Artístico> Artístico_Caligráfico> 3 pt. Oval. Cambiar el tamaño del trazo a 0.5 pt. Ahora seleccione el Pincel. Encontrarás que es más fácil dibujar la parte vertical de la cuerda primero (manteniendo presionada la tecla Cambio como lo hace para mantenerlo perfectamente recto), y luego agregue el arco en la parte superior por separado.

Paso 5

¡Ya casi hemos terminado! Ahora es el momento de añadir algunas decoraciones festivas a tus adornos. Para el mío, utilicé el mismo pincel ovalado para dibujar algunos bucles y líneas, y la herramienta Elipse o el pincel ovalado para agregar algunos puntos de color aquí y allá. 

Algunas estrellas, rayas o zig-zags también pueden ser divertidos, jugar con diferentes adornos, o siéntete libre de copiar lo que veas aquí..

10. Añadir un lado trasero (opcional)

Si planea imprimir y enviar su postal, puede agregar un par de adornos al reverso. Mantuve el mío simple con un saludo y una línea divisoria para separar el área para escribir del espacio para la dirección, junto con una versión más pequeña del grupo de tres árboles de la parte frontal..

Impresionante trabajo, has terminado!

Espero que te hayas divertido usando pinceles, texturas, ajustes de opacidad y otras herramientas para crear un look ilustrativo y en capas para esta postal retro de Navidad. Siempre me gusta encontrar maneras de hacer que los proyectos digitales tengan un aspecto menos generado por computadora y un poco más personalizado y artesanal, y muchas de las técnicas que hemos utilizado en este tutorial son una excelente manera de hacerlo.. 

Siéntase libre de compartir cómo resultó su proyecto o haga preguntas en la sección de comentarios. Feliz diseño!