1. Design & Illustration
  2. Illustration

Cómo crear un conjunto de estampillas vectoriales en Illustrator

by
Read Time:9 minsLanguages:

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

En el siguiente tutorial aprenderás a crear un conjunto de estampillas retro, vectoriales en Adobe Illustrator. Aprende a construir una ilustración de estampilla, forma por forma. Construiremos la forma vectorial del borde de la estampilla, destacaremos los bordes, crearemos la marca, y le daremos a la estampilla vectorial una textura retro, y un efecto final de estampilla de illustrator. Empecemos a hacer esta estampilla vectorial en Illustrator y luego transformémosla en un conjunto de estampillas vectoriales.


Paso 1 - Crea una estampilla vectorial, inicio

Ahora es el momento de empezar a hacer nuestra estampilla en vector. Crea un documento de 300 por 300px, RGB. Primero, activa la Cuadrícula (Vista > Cuadrícula) y la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). A continuación, necesitarás una cuadrícula cada 2,5px. Ve a Edición > Preferencias > Guías y cuadrícula, introduce 2,5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones.

También puedes abrir el panel de información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides cambiar la unidad de medida a píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.


Paso 2

Comienza con la herramienta Rectángulo (M). Crea un cuadrado de 200px y rellénalo de blanco. Sin trazo.


Paso 3

Vuelve a seleccionar la forma creada en el paso anterior y ve al panel Apariencia. Añade un trazo de 7.5pt y establece su color en R=227, G=220, B=192. Por defecto, debería estar alineado al centro. Selecciona este trazo en el panel Apariencia y haz clic en el botón Duplicar seleccionado de la parte inferior del panel Apariencia.

Es el pequeño icono de archivo situado junto al icono de la papelera. Obviamente, esto añadirá una copia del trazo seleccionado. Selecciona este nuevo trazo, aumenta su tamaño a 15pt, y ve al panel de Trazo (Ventana > Trazo). Marca la casilla Línea discontinua e introduce 8pt en las casillas de guión y hueco. Todavía en el panel de Trazos, asegúrate de que el botón de Alinear guiones con los vértices y extremos de los trazados está seleccionado. Está señalado con una pequeña flecha blanca. Al final tu forma debería ser como la siguiente imagen.

Selecciónala, ve a Objeto > Expandir apariencia, luego ve a Objeto > Expandir. Asegúrate de que las casillas de Relleno y Trazo están seleccionadas y haz clic en Aceptar. Ve al panel Capas y encontrarás un grupo relleno con un montón de formas.


Paso 4

Selecciona el grupo creado en el paso anterior y simplemente haz clic en el botón Unir del panel Buscatrazos. Esto convertirá tu grupo en una forma simple. Asegúrate de que esté rellena con R=227, G=220, B=192. De nuevo, sin trazo.


Paso 5

Toma la herramienta Rectángulo (M) y crea cuatro cuadrados de 7.5px. Rellénalos con un color llamativo y colócalos como se muestra en la siguiente imagen. La opción Ajustar a cuadrícula debería facilitar tu trabajo.


Paso 6

Selecciona las formas creadas en el paso anterior junto con la forma grande, de color beige, y haz clic en el botón Menos frente del panel Buscatrazos. Ahora, si miras en tu panel de capas deberías encontrar sólo una forma.


Paso 7

Selecciona la forma resultante del paso anterior y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 3px, haz clic en OK y ve a Objeto > Expandir apariencia.


Paso 8

Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula), luego ve a Edición > Preferencias > General, e introduce 1 en la casilla Incrementos de teclado. Selecciona tu forma beige y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2px y haz clic en Aceptar. Selecciona el trazado resultante y haz una copia delante (Control + C > Control + F).

Selecciona esta copia y pulsa la flecha hacia abajo una vez. Vuelve a seleccionar las dos formas creadas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Esto creará un grupo con formas estrechas. Rellénalas con blanco.


Paso 9

Vuelve a seleccionar la forma grande de color beige y añade un trazo de 2 puntos. Alinéalo al interior, establece el color en R=255, G=246, B=211, y luego añade un segundo trazo. Hazlo de 1pt de ancho, establece el color en R=165, G=160, B=141, y asegúrate de que está alineado hacia adentro. Vuelve a seleccionar todo el trazado y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 10

Reactiva la opción Ajustar a cuadrícula. Elige la herramienta Rectángulo (M), crea un cuadrado de 175px y colócalo como se muestra en la siguiente imagen. Rellénalo con Ninguno, pero añade un trazo de 5pt. Asegúrate de que está alineado al centro y establece el color en R=32, G=71, B=129. Guarda este color en tu panel de Muestras y nómbralo "Azul". Lo necesitarás más tarde.


Paso 11

Continúa con la herramienta Rectángulo (M), crea un cuadrado de 160px y colócalo como se muestra en la siguiente imagen. Rellénalo con ninguno, pero añade un trazo de 2 puntos. Alinéalo al interior y establece el color como azul (R=32, G=71, B=129). Ve al panel Apariencia, y duplica el trazo existente. Selecciona este nuevo trazo y ve a Efecto > Distorsionar y Transformar > Zig Zag. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 12

A continuación, tienes que enmascarar la forma creada en el paso anterior. Es una técnica bastante sencilla. Primero, selecciónala y haz una copia delante (Control + C > Control + F). Rellénala de blanco y elimina los dos trazos junto con el efecto Zig Zag.

Ahora, selecciona esta forma blanca simple junto con la forma creada en el paso anterior y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad. Al final, tu forma debe parecerse a la tercera imagen que se muestra a continuación.


Paso 13

Muévete a la herramienta Elipse (L). Crea un círculo de 150px, rellénalo con Ninguno y añade un trazo de 5pt. Alinéalo al interior y establece el color como azul (R=32, G=71, B=129).

Coloca esta forma como se muestra en la primera imagen, luego ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -7,5px y haz clic en Aceptar. Selecciona la forma resultante y ve al panel Apariencia. Aumenta el tamaño del trazo a 15pt, y luego ve a Objeto > Trazado > Desplazamiento.

Esta vez introduce un Desplazamiento de -12,5px y haz clic en Aceptar. Selecciona la forma resultante y vuelve al panel Apariencia. Disminuye el tamaño del trazo a 0.5px, establece el color en blanco, luego haz una copia de este círculo. Utilizarás estos dos trazados para escribir, así que las propiedades no son muy importantes. El trazo blanco sólo hace que sean más fáciles de detectar.


Paso 14

Continúa con la herramienta Elipse (L). Crea un círculo de 100px, rellénalo de Azul, y colócalo como se muestra en la siguiente imagen.


Paso 15

Vamos a añadir el texto. Primero, selecciona uno de los círculos con el trazo delgado y blanco. A continuación, escoge la herramienta Texto en trazado y haz clic en el borde de este trazado.

Ahora deberías poder añadir tu texto beige (R=227, G=220, B=192). Usa la fuente Myriad Pro con un tamaño de 13pt, un interlineado de 15,6 y un "tracking" de 1500. Tendrás que modificar estos números si decides utilizar un texto o una fuente diferente.


Paso 16

Toma la herramienta Elipse (L) y crea un círculo de 5px. Rellénalo con el mismo tono beige y ve a Efecto > Distorsionar y Transformar > Fruncir y engordar. Arrastra el deslizador al 40% y haz clic en Aceptar. Duplica este trazado, luego coloca estos dos círculos como se muestra en la siguiente imagen.


Paso 17

Elige la herramienta Rectángulo y crea dos nuevos rectángulos. Uno de 45 por 20px y otro de 20 por 45px. Colócalos como se muestra en la siguiente imagen, rellénalos de color beige y únelos.


Paso 18

Vuelve a seleccionar la forma grande de color beige (editada en el noveno paso), y haz una copia al frente (Control + C > Control + F). Selecciona esta copia, llévala al frente (Mayúsculas + Control + Tecla corchete derecho), y ve al panel de Apariencia.

Elimina los trazos y el efecto de Sombra paralela, luego reemplaza el relleno blanco por uno negro. Baja la Opacidad de este relleno al 5%, cambia el modo de fusión a Multiplicar, y ve a Efecto > Distorsionar > Cristal. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Ahora, tu estampilla debe verse como la tercera imagen mostrada.


Paso 19

Fíjate bien en los bordes de la estampilla y te darás cuenta de que el efecto Cristal sobrepasa los límites del trazado. No es un gran problema pero es mejor enmascararlo.

Entonces, selecciona la forma hecha en el paso anterior, haz una copia delante (Control + C > Control + F) y selecciónala. Elimina el efecto Cristal del panel Apariencia, sube la Opacidad al 100%, cambia el modo de fusión a Normal y el relleno a blanco.

Ahora, repite la misma técnica utilizada en el duodécimo paso. Selecciona esta nueva forma blanca junto con la forma creada en el paso anterior y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad. Los bordes pixelados deberían desaparecer.


Paso 20

Vuelve a seleccionar la forma de la estampilla beige y haz una nueva copia al frente (Control + C > Control + F). Rellena esta copia sólo con blanco y llévala al frente (Mayúsculas + Control + Tecla corchete derecho).


Paso 21

Cambia a la herramienta Elipse (L), crea una forma de 320px por 190px y colócala como se muestra en la primera imagen. Selecciona esta elipse junto con la forma creada en el paso anterior y haz clic en el botón de Intersectar del panel Buscatrazos.

Rellena la forma resultante con el degradado lineal mostrado en la segunda imagen, baja su Opacidad al 20% y cambia el modo de fusión a Multiplicar. Observa detenidamente la imagen del degradado y verás un cero amarillo. Representa el porcentaje de opacidad.


Paso 22

Ahora que tu estampilla está completa, puedes sustituir el azul por un verde claro, rojo, marrón o cualquier otro color que prefieras.


Conclusión

Este tutorial de estampillas de Illustrator ha finalizado. Ya tu trabajo está listo. Así es como debería verse nuestra imagen al final.

One subscription.
Unlimited Downloads.
Get unlimited downloads