Cómo crear un efecto de texto artístico de papel en capas en Adobe Illustrator

En los siguientes pasos aprenderás a crear un efecto de texto artístico de papel en capas en Adobe Illustrator. Primero, aprenderás a poner una cuadrícula simple y crear un fondo bastante sencillo. Aprenderás a crear un grupo de trazados compuestos con una fuente libre y técnicas básicas de creación de formas vectoriales.

Por otro lado, aprenderás a crear un efecto de sombra interior con varios efectos de Sombra paralela y algunas máscaras de opacidad. Por último, estilizarás los trazados compuestos y aprenderás a añadir una textura sutil para tu diseño final.

Para obtener más inspiración sobre cómo ajustar o mejorar el efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.

1. Cómo crear un nuevo documento y poner una cuadrícula

Presiona Control+N para crear un nuevo documento. En el menú desplegable Unidades, selecciona Píxeles, coloca 850 en los cuadros de anchura y altura, y luego haz clic en el botón Más ajustes. Selecciona RGB para el Modo de color, establece Efectos de rasterizado en Pantalla (72 ppp) y luego haz clic en Crear documento.

Habilita la cuadrícula (Ver > Mostrar cuadrícula) y Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 5 px, así que solo tienes que ir a Edición > Preferencias > Guías > Cuadrícula, coloca 5 en el recuadro de Línea de cuadrícula cada y 1 en el recuadro de Subdivisiones. No te desanimes al ver toda esa cuadrícula ya que te facilitará el trabajo y ten en cuenta que puedes habilitarla o deshabilitarla fácilmente mediante el atajo del teclado Control+".

Puede obtener más información sobre el sistema de cuadrícula de Illustrator en este breve tutorial de Andrei Stefan: Descripción del sistema de cuadrículas de Adobe Illustrator.

También debes abrir el panel Información (Ventana > Información) para obtener una previsualización en vivo con el tamaño y la posición de las formas. No te olvides de establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades. Todas estas opciones aumentarán significativamente su velocidad de trabajo.

2. Cómo crear el fondo y añadir texto

Paso 1

Elige la Herramienta rectángulo (M) y enfócate en la Barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=140 G=198 B=63. Pasa a tu mesa de trabajo, crea un cuadrado de 860 px y asegúrate de que cubra toda la mesa de trabajo.

Paso 2

Selecciona la Herramienta texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Comical Cartoon y establece el tamaño en 130 px y el interlineado en 220 px. Solo haz clic en tu mesa de trabajo, añade tu parte de texto y establece el color en R=0 G=113 B=188.

3. Cómo crear los trazados compuestos principales

Paso 1

Asegúrate de que el texto siga seleccionado y ve a Texto > Crear contornos (Shift+Control+O). Desagrupa (Shift+Control+G) el grupo resultante de formas y luego ve a Objeto > Trazado compuesto > Crear (Control+8) para convertir tus formas azules en un trazado compuesto.

Asegúrate de que el trazado compuesto esté seleccionado y ve a Objeto > Trazado > Desplazamiento. Coloca un Desplazamiento de -10 px y luego haz clic en el botón OK. Selecciona el trazado compuesto resultante y simplemente reemplaza el color de relleno existente con R=255 G=200 B=0.

Paso 2

Selecciona el trazado compuesto amarillo y ve a Objeto > Trazado > Desplazamiento. Coloca un Desplazamiento de -10 px y luego haz clic en OK. Selecciona el trazado compuesto resultante y simplemente reemplaza el color de relleno existente con R=240 G=30 B=40.

Paso 3

Selecciona los tres trazados compuestos y ve a Efecto > Distorsionar y Transformar > Emborronar. Coloca los datos que se muestran en la siguiente imagen, haz clic en el botón OK y luego ve a Objeto > Expandir apariencia.

Paso 4

Selecciona el trazado compuesto rojo y ve a Objeto > Trazado > Desplazamiento. Coloca un Desplazamiento de -10 px y haz clic en OK. Selecciona el trazado compuesto recién hecho y simplemente reemplaza el color de relleno existente con R=255 G=123 B=155.

4. Cómo añadir las sombras interiores

Paso 1

Selecciona el trazado compuesto azul junto con el rectángulo verde y añade copias delante (Control+C > Control+F). Trae estas dos copias delante (Shift+Control+]) y luego haz clic en el botón Menos frente del panel Buscatrazos (Ventana > Buscatrazos).

Convierte tu grupo resultante de formas en un trazado compuesto (Control+8), establece el color de relleno en R=140 G=198 B=63 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana izquierda (en la siguiente imagen), haz clic en el botón OK y luego, ve nuevamente a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana derecha y luego haz clic en el botón OK.

Paso 2

Haz una nueva copia de tu trazado compuesto azul (Control+C > Control+F), tráelo al frente (Shift+Control+]) y reemplaza el color de relleno existente por blanco (R=255 G=255 B=255).

Selecciona el trazado compuesto blanco junto con el creado en el paso anterior (el que tiene los efectos de Sombra paralela), abre el panel Transparencia (Ventana > Transparencia) y haz clic en el botón Crear máscara.

Paso 3

Selecciona tu trazado compuesto amarillo junto con el rectángulo verde y añade copias delante (Control+C > Control+F). Lleva estas dos copias al frente (Shift+Control+]) y luego haz clic en el botón Menos frente del panel Buscatrazos.

Convierte tu grupo resultante de formas en un trazado compuesto (Control+8), establece el color de relleno en R=57 G=181 B=74 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana izquierda, haz clic en el botón OK y luego ve nuevamente a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana derecha y luego haz clic en el botón OK.

Paso 4

Haz una nueva copia de tu trazado compuesto amarillo (Control+C > Control+F), tráelo al frente (Shift+Control+]) y reemplaza el color de relleno existente por blanco.

Selecciona tu trazado compuesto blanco junto con el creado en el paso anterior, ve al panel Transparencia y haz clic en el botón Crear máscara.

Paso 5

Selecciona tu trazado compuesto rojo junto con el rectángulo verde y añade copias delante (Control+C > Control+F). Lleva estas dos copias al frente (Shift+Control+]) y luego haz clic en el botón Menos Frente del panel Buscatrazos.

Convierte tu grupo resultante de formas en un trazado compuesto (Control+8), establece el color de relleno en R=0 G=146 B=69 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana izquierda, haz clic en el botón OK y luego ve nuevamente a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana derecha y luego haz clic en el botón OK.

Paso 6

Haz una nueva copia de tu trazado compuesto rojo (Control+C > Control+F), tráelo al frente (Shift+Control+]) y reemplaza el color de relleno existente por blanco.

Selecciona tu trazado compuesto blanco junto con el creado en el paso anterior, ve al panel Transparencia y haz clic en el botón Crear máscara.

Paso 7

Selecciona tu trazado compuesto rosado junto con el rectángulo verde y añade copias delante (Control+C > Control+F). Lleva estas dos copias al frente (Shift+Control+]) y luego haz clic en el botón Menos frente del panel Buscatrazos.

Convierte tu grupo resultante de formas en un trazado compuesto (Control+8), establece el color de relleno en R=0 G=104 B=55 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana izquierda, haz clic en el botón OK y luego ve nuevamente a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la ventana derecha y luego haz clic en el botón OK.

Paso 8

Haz una nueva copia de tu trazado compuesto rosado (Control+C > Control+F), tráelo al frente (Shift+Control+]) y reemplaza el color de relleno existente por blanco.

Selecciona este trazado compuesto blanco junto con el creado en el paso anterior, ve al panel Transparencia y haz clic en el botón Crear máscara.

5. Cómo estilizar los trazados compuestos

Paso 1

Selecciona el trazado compuesto azul y enfócate en el panel Apariencia (Ventana > Apariencia). Selecciona el relleno, reemplaza el color existente con R=117 G=181 B=32 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la siguiente imagen, haz clic en el botón OK y luego ve a Efecto > Estilizar > Resplandor exterior. Coloca los datos que se muestran en la siguiente imagen y luego haz clic en el botón OK.

Paso 2

Selecciona el trazado compuesto amarillo y enfócate en el panel Apariencia. Selecciona el relleno, reemplaza el color existente con R=57 G=181 B=74 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la siguiente imagen y luego haz clic en el botón OK.

Paso 3

Selecciona el trazado compuesto rojo y enfócate en el panel Apariencia. Selecciona el relleno, reemplaza el color existente con R=0 G=146 B=69 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la siguiente imagen y luego haz clic en OK.

Paso 4

Selecciona tu trazado compuesto rosado y enfócate en el panel Apariencia. Selecciona el relleno, reemplaza el color existente con R=0 G=104 B=5 y luego ve a Efecto > Estilizar > Sombra paralela. Coloca los datos que se muestran en la siguiente imagen y luego haz clic en el botón OK.

Paso 5

Asegúrate de que tu trazado compuesto más oscuro siga seleccionado y sigue enfocándote en el panel Apariencia. Añade un segundo relleno con el botón Añadir nuevo relleno y luego selecciónalo. Establece el color en R=0 G=84 B=35 y luego ve a Efecto > Trazado > Desplazamiento. Coloca un Desplazamiento de -7 px y luego haz clic en el botón OK.

6. Cómo añadir sombreado y una textura sutil

Paso 1

Selecciona tu cuadrado verde, haz una copia delante (Control+C > Control+F) y tráelo al frente (Shift+Control+]).

Asegúrate de que esta nueva forma siga seleccionada y enfócate en el panel Apariencia. Selecciona el relleno, cambie su Modo de fusión a Luz suave y luego reemplaza el color existente por el degradado radial que se muestra en la siguiente imagen. Ten en cuenta que el cero amarillo del panel Degradado (Ventana > Degradado) significa porcentaje de Opacidad.

Paso 2

Asegúrate de que el cuadrado añadido en el paso anterior todavía está seleccionado, enfócate en el panel Apariencia y añade un segundo relleno con el mismo botón Añadir nuevo relleno.

Selecciona este nuevo relleno y establece el color en negro (R=0 G=0 B=0). Reduce su Opacidad a 10%, cambia el Modo de fusión a Luz suave y luego ve a Efectos > Artístico > Película granulada. Coloca los datos que se muestran en la siguiente imagen y luego haz clic en el botón OK.

¡Felicitaciones! ¡Terminaste!

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

Siéntete libre de modificar el diseño final y hacerlo tuyo. Puedes encontrar algunas grandes fuentes de inspiración en GraphicRiver con interesantes soluciones para mejorar tu diseño.