Cómo crear una ilustración de una lápida tenebrosa en Adobe Illustrator

En este tutorial aprenderás a crear una ilustración de una lápida tenebrosa en Adobe Illustrator. Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear las formas principales utilizando herramientas básicas junto con el panel Buscatrazos y la función Esquinas vivas.

A continuación, utilizando técnicas básicas de fusión y algunos efectos de rasterizado, aprenderás a añadir sombreado y algunas texturas grunge a tus formas. Aprovechando el panel Trazo y utilizando un grupo de efectos sencillos, aprenderás a crear las pequeñas grietas y a enmascararlas fácilmente.

A continuación, crearás la base de la lápida y añadirás una pequeña vela con algunas flores. Por último, aprenderás a crear el fondo oscuro utilizando dos simples cuadrados y el panel Apariencia.

Si te ha inspirado este tutorial, ¿por qué no te unes a nuestro Reto de la Comunidad de Halloween en Tuts+?

1. Crea un nuevo documento y configura una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable de Unidades, introduce 600 en las casillas de ancho y alto, y luego haz clic en el botón Avanzado. Selecciona RGB, Pantalla (72 ppp), y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en Aceptar.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 5 px, así que simplemente 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. Intenta no sentirte abrumado por la cuadrícula: te facilitará el trabajo. Ten en cuenta que puedes activarla o desactivarla fácilmente con el atajo de teclado Control-".

También deberías 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 establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

2. Crea las formas principales y añade un sombreado sutil

Paso 1

Escoge la herramienta Rectángulo (M) y céntrate en tu barra de herramientas. Elimina el color del trazo, luego selecciona el relleno y establece su color en R=109 G=110 B=113. Muévete a tu mesa de trabajo y crea un rectángulo de 150 x 230 px.

Paso 2

Concéntrate en la parte superior de tu rectángulo y toma la herramienta Selección directa (A). Selecciona ambos puntos de anclaje, muévete a la barra superior e introduce 70 px en la casilla Vértices. Al final tu forma debería ser como la segunda imagen.

Esta función sólo está disponible para los usuarios de CC. La mejor solución para sustituir este efecto sería la Secuencia de comandos Redondear cualquier esquina que se puede encontrar en este artículo: 20 secuencias de comandos gratuitas y útiles de Adobe Illustrator. Guárdala en tu disco duro, vuelve a Illustrator y toma la herramienta Selección directa (A). Selecciona esos puntos de anclaje y ve a Archivo > Secuencias de comandos > Otra secuencia de comandos. Abre la Secuencia de comandos Redondear cualquier esquina, introduce un radio de 70 px y haz clic en Aceptar. El resultado final puede ser un poco diferente, pero no será muy notable. No dudes en probar un valor diferente para el radio. En algunos casos tendrás que aumentar/disminuir el valor mencionado en la casilla Vértices.

Paso 3

Reemplaza el color de relleno existente por un simple rojo, y toma la herramienta Elipse (L). Crea dos círculos de 40 px y colócalos como se muestra aquí.

Paso 4

Usando la herramienta Selección (V), selecciona las tres formas hechas hasta ahora, abre el panel Buscatrazos (Ventana > Buscatrazos) y haz clic en Menos frente. La forma resultante debería parecerse a la imagen 2.

Paso 5

Enfócate en la parte superior de tu forma y vuelve a seleccionar la herramienta Selección directa (A). Selecciona los cuatro puntos de anclaje resaltados en la primera imagen, muévete a la barra superior e introduce 10 px en la casilla Vértices. Muévete al panel Capas (Ventana > Capas), haz doble clic en el nombre de la forma existente y cámbiale el nombre a "parte trasera".

Paso 6

Asegúrate de que tu forma "parte trasera" está seleccionada, abre el panel Degradado (Ventana > Degradado) y haz clic en la miniatura del degradado para añadir el degradado lineal predeterminado de negro a blanco.  Sigue concentrándote en el panel Degradado, establece el ángulo en 90 grados y luego pasa a los colores del degradado. Selecciona el deslizador izquierdo y fija el color en R=109 G=110 B=113. A continuación, selecciona el control deslizante de la derecha y establece el color en R=147 G=149 B=152.

Paso 7

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula), y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está fijado en 1 px. Asegúrate de que tu forma "parte trasera" está seleccionada, y haz dos copias delante (Control-C, Control-F, Control-F). Selecciona la copia superior y muévela 1 px hacia abajo usando el botón de flecha hacia abajo de tu teclado. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos.

Asegúrate de que el grupo de formas resultante está seleccionado y simplemente pulsa Control-8 (o ve a Objeto > Trazado compuesto > Crear) para convertirlo en un trazado compuesto. Selecciona este trazado compuesto y céntrate en el panel Apariencia (Ventana > Apariencia). Establece el color de relleno en negro (R=0 G=0 B=0) y luego haz clic en Opacidad para abrir el panel desplegable Transparencia. Baja la Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 8

Asegúrate de que tu forma "parte trasera" está seleccionada y haz dos copias delante (Control-C, Control-F, Control-F). Selecciona la copia superior y muévela 2 px hacia abajo. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto (Control-8), hazlo negro, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 9

Asegúrate de que tu forma "parte trasera" está seleccionada y haz dos copias delante (Control-C, Control-F, Control-F). Selecciona la copia superior y muévela 3 px hacia abajo. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto (Control-8), hazlo negro, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 10

Asegúrate de que tu forma "parte trasera" está seleccionada y haz dos copias delante (Control-C, Control-F, Control-F). Selecciona la copia superior y muévela 6 px hacia abajo. Vuelve a seleccionar las dos copias hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Convierte el grupo de formas resultante en un trazado compuesto (Control-8), hazlo negro, baja su Opacidad al 10% y cambia el Modo de fusión a Luz suave.

Paso 11

Vuelve a seleccionar tu forma "parte trasera" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -10 px y haz clic en Aceptar. Selecciona la forma resultante, enfócate en el panel Degradado y simplemente reemplaza el degradado lineal existente por el que se muestra en la siguiente imagen. Ve al panel Capas, busca la forma hecha en este paso y renómbrala "parte delantera".

Paso 12

Activa la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Concéntrate en la parte inferior de tu forma "parte delantera" y toma la herramienta Selección directa (A). Selecciona ambos puntos de anclaje y simplemente arrástralos 10 px hacia abajo como se muestra en la segunda imagen. Una vez más, la opción Ajustar a cuadrícula será muy útil.

3. Añade texturas sutiles

Paso 1

Vuelve a seleccionar tu forma "parte trasera", céntrate en el panel Apariencia, selecciona el relleno existente y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 2

Asegúrate de que tu forma "parte trasera" sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando la opción Añadir nuevo relleno. Selecciona este nuevo relleno, establece el color de relleno en negro, baja su Opacidad al 5%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico > Película granulada. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 3

Selecciona tu forma "parte delantera", enfócate en el panel Apariencia, y añade un segundo relleno usando el mismo botón Añadir nuevo relleno. Selecciona este nuevo relleno, establece el color en negro, baja su Opacidad al 5%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico > Película granulada. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

4. Crea las grietas

Paso 1

Desactiva la Cuadrícula (Ver > Ocultar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Utilizando la herramienta Pluma (P) o la herramienta Pincel (B), crea tres trazados simples aproximadamente como se muestra en la siguiente imagen. Selecciona todos estos nuevos trazados y céntrate en el panel Apariencia. Asegúrate de que no hay ningún color establecido para el relleno y añade un simple trazo negro de 1 px.

Paso 2

Asegúrate de que tus trazados negros siguen seleccionados y ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 3

Asegúrate de que tus trazados negros siguen seleccionados, céntrate en el panel Apariencia y haz clic en Trazo para abrir el panel desplegable de Trazo. Incrementa el Grosor a 5 px y selecciona Perfil de anchura 4 en el menú desplegable Perfil. Haz clic en el botón Voltear a lo largo si deseas invertir la orientación del trazado.

Paso 4

Asegúrate de que tus trazados negros siguen seleccionados y céntrate en el panel Apariencia. Selecciona el trazo, muévete al panel Degradado y añade el degradado lineal que se muestra en la siguiente imagen. Tendrás que invertir el ángulo del degradado lineal utilizado para tu trazado izquierdo. Esto se puede hacer muy rápidamente utilizando el botón Invertir degradado del panel Degradado.

Paso 5

Asegúrate de que tus tres trazados siguen seleccionados y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

5. Añade una textura más grunge

Paso 1

Vuelve a seleccionar tu forma "parte trasera", haz una copia delante (Control-C, Control-F), y llévala al frente (Mayúsculas-Control-]). Asegúrate de que esta copia permanece seleccionada y céntrate en el panel Apariencia. En primer lugar, elimina el relleno negro utilizando el botón Eliminar elemento seleccionado situado en la esquina inferior izquierda del panel.

A continuación, abre el efecto Resplandor interior aplicado al relleno restante y sustituye los atributos existentes por los que se muestran en la siguiente imagen. Vuelve al panel Apariencia y asegúrate de que tu relleno sigue seleccionado. Baja su Opacidad al 20%, cambia el Modo de fusión a Multiplicar y reemplaza el color de relleno existente con el degradado radial que se muestra a continuación. Concéntrate en tu mesa de trabajo y utiliza la herramienta Degradado (T) para estirar ese degradado como se muestra en la siguiente imagen. Además, ten en cuenta que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad. Esto significa simplemente que tienes que seleccionar ese deslizador de degradado, centrarte en la casilla Opacidad (del panel Degradado) y ponerla en 0%. Por último, ve al panel Capas, busca la forma hecha en este paso y renómbrala "textura".

Paso 2

Asegúrate de que tu forma "textura" sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el mismo botón de Añadir nuevo relleno. Selecciona este nuevo relleno, establece el color en negro, baja su Opacidad al 50%, cambia el Modo de fusión a Luz suave, y ve a Efecto > Artístico > Esponja. Introduce las propiedades que se muestran en la ventana superior (en la siguiente imagen), haz clic en Aceptar y ve de nuevo a Efecto > Artístico > Esponja. Introduce las propiedades que se muestran en la ventana inferior y haz clic en Aceptar.

6. Enmascara las formas y añade el texto

Paso 1

Selecciona todas las formas hechas hasta ahora y pulsa Control-G para agruparlas. Ve al panel Capas, cambia el nombre de este nuevo grupo por el de "Lápida" y ábrelo. Selecciona tu forma "textura", haz una copia delante (Control-C ,Control-F), y arrástrala fuera del grupo, a la parte superior del panel Capas.

Asegúrate de que esta copia permanece seleccionada y simplemente pulsa el botón D de tu teclado para reemplazar los atributos de Apariencia existentes por los predeterminados (relleno blanco y un trazo negro de 1 px). Concéntrate en el panel Apariencia, elimina el trazo negro y mantén el relleno blanco.

Ahora, selecciona esta forma blanca junto con tu grupo "Lápida", abre el panel Transparencia (Ventana > Transparencia) y haz clic en el botón Crear máscara. Si no eres usuario de Illustrator CC, tienes que abrir el menú desplegable del panel Transparencia y hacer clic en el comando Crear máscara de opacidad. Al final las cosas deberían verse como en la cuarta imagen.

Paso 2

Toma la herramienta Texto (T), haz clic en tu mesa de trabajo y añade el texto "R.I.P.". Establece su color en R=70 G=70 B=70 y utiliza la fuente Viner Hand ITC con el tamaño establecido en 25 px.

Asegúrate de que el texto permanece seleccionado y ve a Efecto > Estilizar > Resplandor interior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en Aceptar y ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

7. Crea la base de la lápida

Paso 1

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Utilizando la herramienta Rectángulo (M), crea una forma de 160 x 10 px, rellénala con el degradado lineal que se muestra a continuación y colócala como se muestra en la primera imagen. Concéntrate en la parte superior de este nuevo rectángulo y cambia a la herramienta Selección directa (A). Selecciona ambos puntos de anclaje y simplemente introduce 5 px en la casilla Vértices. Ve al panel Capas, busca la forma hecha en este paso y renómbrala "base".

Paso 2

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Asegúrate de que tu forma "base" está seleccionada y haz dos copias delante (Control-C, Control-F, Control-F). Selecciona la copia superior y muévela 1 px hacia abajo. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con negro, baja su Opacidad al 20%, y cambia el Modo de fusión a Luz suave.

Paso 3

Asegúrate de que tu forma "base" está seleccionada y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1 px y haz clic en Aceptar. Selecciona la forma resultante y haz una copia delante (Control-C, Control-F). Selecciona esta copia y muévela 1 px hacia abajo. Vuelve a seleccionar las dos formas hechas en este paso y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco, baja su Opacidad al 10%, y cambia el Modo de fusión a Luz suave.

Paso 4

Asegúrate de que tu forma "base" permanece seleccionada, céntrate en el panel Apariencia y añade un segundo relleno utilizando el mismo botón Añadir nuevo relleno. Selecciona este nuevo relleno, establece el color en negro, baja su Opacidad al 30%, y cambia el Modo de fusión a Luz suave.

Sigue concentrándote en el panel Apariencia y añade un tercer relleno para tu forma. Selecciónalo, establece el color en negro, baja su Opacidad al 5%, cambia el Modo de fusión a Multiplicar y ve a Efecto > Artístico > Película granulada. Introduce las propiedades que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 5

Vuelve a seleccionar tu forma "base", céntrate en el panel Apariencia, asegúrate de que todo el trazado está seleccionado (simplemente haz clic en el texto "Trazado" de la parte superior del panel Apariencia) y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades que se muestran en la ventana de la izquierda (en la siguiente imagen), haz clic en Aceptar, y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la ventana de la derecha y haz clic en Aceptar.

8. Añade una vela y algunas flores

Paso 1

Para este paso necesitarás una imagen de una vela. Simplemente descarga el archivo Ai adjunto al fantástico tutorial de Cheryl, copia la vela (Control-C) y pégala (Control-V) dentro de tu documento.

Agrupa (Control-G) todas las formas que componen tu vela, luego cambia el tamaño y colócala aproximadamente como se muestra en la siguiente imagen. Usando la herramienta Elipse (L), crea un círculo de 10 px y colócalo como se muestra. Establece su color de relleno en R=247 G=148 B=30 y ve a Efecto > Desenfocar > Desenfoque Gaussiano. Introduce un Radio de 10 px y haz clic en Aceptar.

Paso 2

A continuación, tomaremos algunas flores de este artículo: 70+ gráficos gratuitos: Conjuntos de flores y adornos florales vintage vectoriales. Descarga el archivo Flores ABC y ábrelo. Copia el grupo de flores azules y pégalo dentro de tu documento.

Paso 3

Céntrate en tus flores, mantén las formas resaltadas en la primera imagen y elimina el resto. Selecciona las flores restantes y agrúpalas (Control-G).

Paso 4

Contrae tu grupo de flores, colócalo sobre la lápida, y luego añade los tres efectos de Sombra paralela (Efecto > Estilizar > Sombra paralela) que se muestran a continuación.

9. Crea el fondo

Paso 1

Elige la herramienta Rectángulo (M) y haz clic en tu mesa de trabajo para abrir la ventana Rectángulo. Introduce 620 en las casillas de Anchura y Altura, y haz clic en el botón Aceptar. Asegúrate de que la forma resultante permanece seleccionada, envíala al fondo (Mayúsculas-Control-[), y establece el color de relleno en R=167 G=169 B=172. Ve al panel Capas y renombra este nuevo rectángulo como "Fondo".

A continuación, necesitarás centrar tu forma "Fondo", así que abre el panel Alinear (Ventana > Alinear). Ajusta la alineación a la Mesa de trabajo (abre el menú desplegable y ve a Mostrar opciones si no puedes ver la sección Alinear a que se muestra aquí), asegúrate de que tu forma está seleccionada y haz clic en los botones Alinear centro horizontal y Alinear centro vertical. Al final, tu cuadrado debería cubrir toda la mesa de trabajo.

Paso 2

Asegúrate de que tu forma "Fondo" sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciona este nuevo relleno y añade el degradado radial que se muestra en la siguiente imagen. No olvides que el cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad.

Paso 3

Asegúrate de que tu forma "Fondo" sigue seleccionada, céntrate en el panel Apariencia y añade un segundo relleno. Selecciona este nuevo relleno, establece el color en negro, baja su Opacidad al 5%, cambia el Modo de fusión a Multiplicar, y ve a Efecto > Artístico > Película granulada. Introduce las propiedades que se muestran a continuación y haz clic en Aceptar.

Paso 4

Usando la herramienta Rectángulo (M), crea un nuevo cuadrado de 620 px, y céntralo usando los botones Alinear Centro Horizontal y Alinear Centro Vertical del panel Alinear. Asegúrate de que esta nueva forma permanece seleccionada, rellénala con el degradado lineal que se muestra a continuación, baja su Opacidad al 80%, y cambia el Modo de fusión a Subexposición de color.

¡Felicidades! ¡Ya terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.

Una vez que hayas creado tu lápida, ¿por qué no te unes a nuestro Cementerio de diseñadores?