Crea un colorido efecto de texto con salpicaduras de pintura

En este tutorial aprenderás cómo crear un colorido efecto de texto con salpicaduras de pintura en Adobe Illustrator. Al inicio manipularás el texto un poco y una vez que esté listo, le añadirás algo de dimensión con la ayuda del efecto bajorrelieve.

A continuación, crearás las coloridas salpicaduras usando el panel Apariencia y experimentando con dos pinceles de dispersión y sus ajustes.

Hacia el final del tutorial añadirás iluminaciones y sombreado al texto y también a las salpicaduras ¡y eso es todo! ¿Suena fácil? Descubrámoslo.

1. Comienza un nuevo proyecto

Abre Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo y configura las dimensiones y luego selecciona Pixeles como Unidades y RGB como Modo de color. En seguida, ve a Edición > Preferencias > General y establece el Incremento de teclado en 1 px y mientras estás ahí, ve a Unidades y rendimiento de visualización para asegurarte de que las Unidades estén en la siguiente imagen. Generalmente trabajo con estos ajustes y te ayudarán durante todo el proceso de dibujo.

2. Escribe y prepara el texto

Paso 1

Toma la herramienta Texto (T) y escribe Paint me en tu mesa de trabajo. La fuente que he usado es LeckerliOne, Regular, tamaño de 117 pt y es creada por Gesine Todt. Selecciona Expandir del menú Objeto.

Paso 2

A continuación, toma la herramienta Selección directa (A) y arrastra una selección hacia la mitad superior de la letra "t" como se muestra en la imagen que aparece en seguida. Esto te permite seleccionar todos los puntos en esa área y trasladarlos hacia arriba en un solo movimiento. Después, la letra "t" debería ser del mismo tamaño que la letra "i".

Paso 3

Usa la herramienta Selección directa (A) de nuevo para arrastrar una selección sobre la letra "t" como se muestra en la siguiente imagen. Mueve los puntos seleccionados hacia la letra "m".

Paso 4

Ahora, selecciona las letras y presiona Añadir en el panel Buscatrazos para unirlas en una sola forma.

3. Agrega dimensión al texto

Paso 1

Selecciona el trazado compuesto que creaste en el paso anterior y establece el color de relleno en negro. A continuación, ve a Efecto > Bosquejar y aplica el efecto Bajorrelieve. Reduce la Opacidad a 40% para un aspecto menos dramático. Lo nombraré "bas relief shape".

Aplica estos ajustes para el efecto Bajorrelieve y establece la Luz en Superior.

Paso 2

Copia y Pega detrás (Control-B) "bas relief shape" y elimina todas las apariencias existentes presionando el ícono Borrar apariencia en la parte inferior del panel Apariencia.

Usa el color indicado como el color de relleno y luego ve a Efecto > Estilizar > Sombra paralela y aplica este efecto cuatro veces. Lo nombraré "shadow shape"

Estos son los ajustes para los cuatro efectos de Sombra paralela:

Paso 3

Si haces un acercamiento en las letras, notarás que tienes los bordes pixelados. Para arreglar este problema, utilizarás una máscara. Copia y Pega delante (Control-F) "bas relief shape" y elimina todas las apariencias existentes. Ahora, selecciona esta nueva copia junto con "bas relief shape" y ve a Objeto > Máscara de recorte > Crear (Control-7).

Puedes nombrar el grupo resultante "Bas Relief" si quieres y en este punto en el panel Capas deberías tener este grupo y "shadow shape" debajo de él.

Paso 4

Copia y Pega delante (Control-F) "shadow shape" y luego llévalo al frente de todo al ir a Objeto > Organizar > Traer al frente (Mayúsculas-Control-]). Elimina todas las apariencias existentes, selecciona blanco como el color de relleno y establece el Modo de fusión en Luz suave. Como resultado, tu texto será más blanco y queremos esto porque las salpicaduras multicolores destacarán más. Nombraré este "white shape".

4. Crea salpicaduras multicolores

Paso 1

Toma la herramienta Lápiz (N) y dibuja un trazado sobre las letras como se observa en la siguiente imagen. Trata de seguir la forma de las letras tan exactamente como sea posible porque quieres que la mayoría de las salpicaduras estén en las letras, no alrededor de ellas en el fondo. Si es necesario, puedes hacer ajustes adicionales con la herramienta Selección directa (A).

Traza este trazado con el Pincel de dispersión manchas de tinta que puedes encontrar en el Menú bibliotecas de pincel > Artístico > Artístico_Tinta. Ya que el Método de colorear está establecido en Matices, cambiando el color de trazo a azul claro, tus salpicaduras también se tornarán azul claro.

Mantén el grosor del Trazo en 1 pt, pero ve al panel Apariencia y haz doble clic en el trazo del pincel para abrir la ventana Opciones de trazo y cambiar los ajustes. Solo he cambiado los ajustes de Tamaño y Espaciado y dejé los otros como estaban.

Paso 2

Con el trazado aún seleccionado, elige Añadir nuevo trazo desde el menú desplegable del panel Apariencia. Como resultado obtendrás un segundo atributo de Trazo arriba del primero. Cambia el color a rojo y usa de nuevo el Pincel de dispersión manchones de tinta. Abre la ventana Opciones de trazo y cambia los ajustes como se observa. Queremos salpicaduras más grandes al inicio y salpicaduras más pequeñas posteriormente.

Paso 3

Con el trazado aún seleccionado, añade el tercer atributo Trazo arriba de los otros. Establece el color en naranja y esta vez utiliza el Pincel de dispersión salpicaduras de tinta 1 de la biblioteca. Abre la ventana Opciones de trazo y cambia únicamente los ajustes de Tamaño y Espaciado como se muestra.

Paso 4

Añade un nuevo atributo de Trazo y usa el color indicado. Selecciona de nuevo Pincel de dispersión manchones de tinta, y luego cambia los ajustes. Obviamente, no obtendrás un resultado idéntico al mío, pero debería ser muy similar.

Paso 5

Añade un nuevo atributo de Trazo, establece el color en verde y usa de nuevo el Pincel de dispersión manchones de tinta. Usa valores más pequeños para Tamaño buscando obtener salpicaduras más pequeñas.

Paso 6

Añade otro atributo de Trazo arriba de los otros y establece el color en café. Esta vez usa el Pincel de dispersión salpicaduras de tinta 1 y cambia los ajustes para Tamaño y Espaciado en la ventana Opciones de trazo. Esta vez quieres obtener salpicaduras cafés en verdad muy pequeñas.

Paso 7

Añade el último atributo Trazo y establece el color en púrpura. Usa de nuevo el Pincel de dispersión salpicaduras de tinta 1, con los ajustes mostrados abajo. Las salpicaduras púrpuras también deberían ser muy pequeñas.

Paso 8

Es momento de aplicar una máscara a las salpicaduras alrededor de las letras, pero antes de continuar, haz una copia del trazado para uso posterior. Ahora, Copia y Pega delante (Control-F) "white shape" y elimina todas las apariencias existentes.

Trae esta copia delante de todo al ir a Objeto > Organizar > Traer al frente (Mayúsculas-Control-[). Selecciona la forma recientemente hecha junto con el trazado y ve a Objeto > Máscara de recorte > Crear (Control-7).

Paso 9

A continuación, agregaremos más salpicaduras alrededor del texto, en el fondo, porque en este punto el texto luce bastante extraño. Selecciona la copia del trazado que hiciste antes y muévela en una nueva capa debajo del texto. Selecciona Expandir apariencia para convertir los trazos en rellenos.

En este punto, en el panel Capas deberías tener un grupo que contiene otros siete grupos (cada atributo de Trazo se convertirá en un grupo de salpicaduras). En cada uno de estos grupos encontrarás el trazado que has usado (trazo-ninguno, relleno-ninguno). Por lo tanto, abre cada grupo, desplázate hasta el final de él y elimínalos. Es importante eliminar los siete trazados antes de continuar.

Cuando termines, selecciona el grupo grande de salpicaduras y Desagrupa (Mayúsculas-Control-G) dos o tres veces hasta que puedas seleccionar salpicaduras individuales o grupos más pequeños de salpicaduras.

Paso 10

Comienza a eliminar algunas de las salpicaduras de alrededor del texto porque en este punto está demasiado saturado. En la siguiente imagen puedes ver las áreas que he limpiado, así que puedes seguir mi ejemplo o crear tu propio diseño único.

Lo importante aquí es mantener las salpicaduras más grandes localizadas en el borde del texto (indicado por las flechas), de otra manera el aspecto general va a resultar raro. Puedes eliminar una parte grande de las salpicaduras que son más grandes que el texto.

5. Añade Illuminaciones/Sombreado al texto

Paso 1

Primero, crea una nueva capa arriba de la del texto. Toma la herramienta Pluma (P) o la herramienta Lápiz (N) y dibuja un trazado en el lado izquierdo de las letras "P", "a", "n", "t", "m" y "e" como se observa en la siguiente imagen (1).

Traza estos seis trazados con un pincel del Conjunto de Pinceles de fusión multiuso llamado Pincel de arte Black Angled, que creamos hace un rato. Incrementa el grosor del Trazo a 2 pt (2) y establécelos todos en Modo de fusión Superponer y Opacidad 75% (3).

Paso 2

Luego, dibuja los trazados mostrados en la siguiente imagen sobre las letras (1). Traza estos trazados con el Pincel de arte White Angled del Conjunto de Pinceles de fusión multiuso, que es solo la versión clara del pincel previamente utilizado. Establece el grosor del Trazo en 1-1.5 pt dependiendo de la letra (2) y luego establécelos todos en Modo de fusión Superponer (3).

Paso 3

Aquí está la imagen antes y después. Al inicio el texto lucía bastante plano, pero después de las iluminaciones y del sombreado el texto luce brillante y más definido.

6. Añade dimensión a las salpicaduras exteriores

Paso 1

Antes de continuar, bloquea la capa con el texto y la capa con las iluminaciones/sombreado. Ahora selecciona todas las salpicaduras alrededor de las letras y Copia y Pega delante (Control-F) todas ellas (1). Manteniéndolas seleccionadas, rellena todas las copias con un degradado radial de blanco a negro (2) y establécelas en Modo de fusión Sobreexponer color y Opacidad 50% (3).

Paso 2

Selecciona todas las salpicaduras alrededor del texto de nuevo y Copia y Pega delante (Control-F) todas ellas. Manteniéndolas seleccionadas, presiona Añadir en el panel Buscatrazos para unificarlas en una sola forma. Elimina cualquier apariencia existente del trazado compuesto recientemente creado y selecciona blanco como el color de relleno.

Paso 3

Con el trazado compuesto del paso anterior aún seleccionado, ve a Efecto > Estilizar y aplica el efecto Sombra paralela dos veces. Después de eso, reduce la Opacidad a 0% pero únicamente para el atributo Relleno blanco, de otra manera no podremos ver el color de las salpicaduras. Nos interesa únicamente la sombra. Establece la forma en Modo de fusión Subexponer color.

Estos son los ajustes para los dos efectos de Sombra paralela. Nota que el primero utiliza el color negro y el otro usa blanco.

Paso 4

En el último paso agreguemos todavía más brillo a las salpicaduras exteriores. Toma la herramienta Pluma (P) o la herramienta Lápiz (N) y dibuja algunos trazados pequeños en las salpicaduras más grandes (1).

Traza estos trazados con el Pincel artístico White blend, tamaño de 100 x 3 px, del Conjunto de Pinceles de fusión multiuso. Establece el grosor del Trazo en 1-2 pt dependiendo del tamaño de las salpicaduras y reduce la Opacidad en 40-75% dependiendo cuánto brillo quieres que tengan (2). Y con eso ¡acabas de terminar!

¡Felicidades! Terminaste

Espero que hayas aprendido algo nuevo de este tutorial. Si decides crear este efecto de texto salpicado, por favor compártelo con nosotros. Sería sensacional ver otras combinaciones de color, o quizá un diseño único.