1. Design & Illustration
  2. Add-Ons

Consejo rápido: Cómo crear una ilustración de recibo en Adobe Illustrator

Scroll to top

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

En el siguiente tutorial aprenderás a crear una sencilla ilustración de recibo. Para empezar, sólo necesitarás un rectángulo y el efecto Zig Zag. A continuación, utilizando múltiples rellenos y trazos junto con algunos efectos sencillos, añadirás los colores. Por último, varias técnicas de construcción de formas vectoriales y algunos efectos básicos te ayudarán a crear los pequeños detalles que completan tu ilustración.


Paso 1

Crea un documento de 700 por 700px. En primer lugar, activa la Cuadrícula (Vista > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula). A continuación, necesitarás una cuadrícula cada 5px. Ve a Edición > Preferencias > Guías > Cuadrícula, introduce 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

Elige la herramienta Rectángulo y haz clic en tu mesa de trabajo. Ingresa 350 en el cuadro de ancho y 455 en el cuadro de alto y luego haz clic en OK. Esto creará una forma de 350 por 455px. Rellénala con ninguno y añade un simple trazo negro. Agarra la herramienta Selección directa (A) y selecciona los puntos de anclaje inferiores, luego ve a la barra superior y haz clic en el botón Cortar trazado en los puntos de anclaje seleccionados. Ahora, ve al panel de Capas y notarás que tu forma está ahora dividida en dos trazados separados.


Paso 3

Selecciona el trazado horizontal y ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce los datos que se muestran a continuación, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia. A continuación, escoge la herramienta Selección directa (A), selecciona los puntos de anclaje resaltados en la segunda imagen y ve a Objeto > Trazado > Unir. Continúa con la herramienta Selección directa (A) y selecciona los dos puntos de anclaje resaltados en la tercera imagen. De nuevo, ve a Objeto > Trazado > Unir. Al final deberías tener una sola forma en tu panel de Capas.


Paso 4

Añade algo de color a la forma creada en el paso anterior. Primero, rellénala con R=245 G=245 B=245 y elimina cualquier trazo. A continuación, ve al panel Apariencia, abre el menú desplegable y haz clic en Añadir nuevo relleno. Esto añadirá un segundo relleno para tu forma. Selecciónalo en el panel Apariencia y rellénelo con el degradado lineal que se muestra en la segunda imagen. El cero amarillo de la imagen del degradado representa el porcentaje de opacidad. Esto significa que necesitas seleccionar ese deslizador del degradado y bajar su opacidad a 0%. Añade un tercer relleno para tu forma. Hazlo negro, baja su opacidad al 2% y cambia el modo de fusión a Multiplicar, luego ve a Efecto > Artístico > Grano de película. Introduce los datos que se muestran en la tercera imagen y haz clic en OK.


Paso 5

Continúa con la forma del paso anterior y añade un primer trazo. Hazlo de 2.5pt de ancho, alinéalo al interior y establece su color en R=250 G=250 B=250. Selecciona este trazo en el panel Apariencia y haz clic en el botón Duplicar seleccionado de la parte inferior del panel Apariencia. Obviamente, esto añadirá una copia de tu trazo. Selecciónalo, hazlo de 1pt de ancho y establece el color en R=209 G=211 B=212. Finalmente, vuelve a seleccionar todo este trazado y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 6

Céntrate en la zona superior. Elige la herramienta Rectángulo (M), crea una forma de 390 por 70px y colócala como se muestra en la primera imagen. La opción Ajustar a cuadrícula te facilitará el trabajo. Selecciónala y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 15px, haz clic en OK y luego ve a Objeto > Expandir apariencia. Vuelve a seleccionar la herramienta Rectángulo (M) y crea una segunda forma. Hazla de 370px de ancho y 10px de alto y colócala como se muestra en la segunda imagen. De nuevo, selecciona esta forma y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 5px, haz clic en OK y luego ve a Objeto > Expandir apariencia. Selecciona la forma resultante, haz una copia delante (Control + C > Control + F) y desactiva su visibilidad. Esta forma la necesitarás más adelante.


Paso 7

Selecciona las dos formas creadas en el paso anterior y haz clic en el botón Menos frente del panel Buscatrazos. A continuación, elige la herramienta Pluma, dibuja un trazado horizontal simple y colócalo como se muestra en la segunda imagen. Una vez más, la opción Ajustar a cuadrícula será muy útil. Selecciónalo junto con la otra forma reciente y haz clic en el botón Dividir del panel Buscatrazos. Obtendrás un grupo con cuatro formas. Selecciona las dos formas seleccionadas en la tercera imagen y elimínalas, luego selecciona las otras dos formas y desagrúpalas (Shift + Control + G).


Paso 8

Concéntrate en la forma inferior creada en el paso anterior. Selecciónala, envíala al fondo (Mayúsculas + Control + Corchete izquierdo) y rellénala con R=188 G=190 B=192. Vuelve a seleccionar esta forma gris y añade un segundo relleno. Hazlo negro, baja su opacidad al 4% y cambia el modo de fusión a Multiplicar y luego ve a Efecto > Artístico > Grano de película. Introduce los datos que se muestran a continuación, haz clic en OK y luego añade un trazo. Hazlo de 2pt de ancho, alinéalo al interior y establece el color en R=230 G=231 B=232. Añade un segundo trazo para tu forma. Hazlo de 1pt de ancho, alinéalo al interior y establece el color en R=147 G=149 B=152. Muévete a la forma superior. Selecciónala y llévala al frente (Shift + Control + Corchete derecho) y luego añade las mismas propiedades utilizadas para la forma inferior.


Paso 9

Selecciona la forma superior, de color gris, y haz una copia delante (Control + C > Control + F), luego elige la herramienta Rectángulo (M) y crea una forma de 430 por 40px. Colócala como se muestra en la segunda imagen, luego selecciónala junto con la nueva copia y haz clic en el botón Intersectar del panel Buscatrazos. Rellena la forma resultante con el degradado lineal que se muestra en la tercera imagen y baja su opacidad al 25%.


Paso 10

Activa la visibilidad de la copia creada en el sexto paso. Selecciónala y haz una copia delante (Control + C > Control + F) y luego ve a Edición > Preferencias > Generales e introduce 0,5 en la casilla Incrementos de teclado. Desactiva la opción Ajustar a cuadrícula (Vista > Ajustar a cuadrícula) y luego selecciona la nueva copia y pulsa la flecha hacia abajo una vez (para moverla 0,5px hacia abajo). Vuelve a seleccionar las dos formas y haz clic en el botón Menos frente del panel Buscatrazos. Obtendrás una forma bastante delgada. Rellénala con R=88 G=89 B=91 y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 3px, haz clic en OK y luego ve al panel de capas. Vuelve a seleccionar esta forma desenfocada y muévela por debajo de la forma gris de arriba.


Paso 11

Elige la herramienta Elipse (L) y haz clic en tu mesa de trabajo. Ingresa 10 en las casillas de ancho y alto y luego haz clic en OK. Esto creará una forma de 10 por 10px. Rellénala con R=188 G=190 B=192 y luego ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en Aceptar. Duplica la forma resultante, luego selecciona la copia y pulsa la flecha hacia abajo una vez. Vuelve a seleccionar estas dos formas y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco.


Paso 12

Vuelve a seleccionar el círculo gris y añade un trazo de 1 punto. Alinéalo al interior y establece el color en R=128 G=130 B=133 luego añade un segundo relleno para tu forma. Ajusta su color a R=109 G=110 B=113 y luego ve a Efecto > Distorsionar y Transformar > Transformar. Introduce los datos que se muestran a continuación, haz clic en Aceptar y luego ve a Efecto > Distorsionar y transformar > Fruncir y engordar. Arrastra el control deslizante a -60% y luego haz clic en Aceptar. Selecciona este círculo final junto con la forma creada en el paso anterior y agrúpalos (Control + G).


Paso 13

Selecciona el grupo creado en el paso anterior y haz tres copias. Activa la opción Ajustar a cuadrícula y coloca los grupos como se muestra en la siguiente imagen.


Paso 14

Elige la herramienta Pluma (P), dibuja un trazado de 330px y colócalo como se muestra en la siguiente imagen. Rellénalo con Ninguno y luego añade un trazo de 2 puntos y establece su color en R=188 G=190 B=192. Selecciona este trazo en el panel Apariencia y luego ve al panel Trazo (Ventana > Trazo). Haz clic en el botón Remate redondeado y marca la casilla Línea discontinua, luego introduce 0pt en la casilla de guión y 5 en la casilla de hueco. Por último, ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 15

Vuelve a seleccionar la herramienta Pluma (P), dibuja un trazado horizontal de 330px y colócalo como se muestra en la primera imagen. Rellénalo con Ninguno y luego añade un trazo de 1 punto y establece su color en R=188 G=190 B=192. Selecciona este trazo y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación, haz clic en Aceptar y luego ve a Efecto > Distorsionar y transformar > Transformar. Introduce los datos que se muestran debajo de la segunda imagen y haz clic en Aceptar.


Paso 16

Elige la herramienta Texto (T) y añade tu texto. Utiliza la fuente Calbri y los colores que se muestran a continuación. Finalmente, selecciona todo el texto y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 17

Selecciona las dos formas grises y duplícalas, luego selecciona las copias y haz clic en el botón Unir del panel Buscatrazos. Rellena la forma resultante con un color simple y plano, envíala al fondo (Mayúsculas + Control + Corchete izquierdo) y luego ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran en la imagen final, haz clic en Aceptar y ya está.


Conclusión

Ya tienes el trabajo hecho. Así es como debería verse.