7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Vector

Crea un colorido efecto de texto con salpicaduras de pintura

Read Time: 10 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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.

Create new illustrator fileCreate new illustrator fileCreate new illustrator file

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.

Type the text on artboardType the text on artboardType the text on artboard

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".

Manipulate the text 1Manipulate the text 1Manipulate the text 1

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".

Manipulate the text 2Manipulate the text 2Manipulate the text 2

Paso 4

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

Create compound pathCreate compound pathCreate compound path

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".

Apply Bas Relief effectApply Bas Relief effectApply Bas Relief effect

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

Bas Relief effect settingsBas Relief effect settingsBas Relief effect settings

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"

Add shadow to textAdd shadow to textAdd shadow to text

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

Drop Shadow effect settingsDrop Shadow effect settingsDrop Shadow effect settings

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.

Mask the Bas Relief effectMask the Bas Relief effectMask the Bas Relief effect

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".

Create white text effectCreate white text effectCreate white text effect

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.

Add splashes on text 1Add splashes on text 1Add splashes on text 1

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.

Add splashes on text 2Add splashes on text 2Add splashes on text 2

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.

Add splashes on text 3Add splashes on text 3Add splashes on text 3

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.

Add splashes on text 4Add splashes on text 4Add splashes on text 4

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.

Add splashes on text 5Add splashes on text 5Add splashes on text 5

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.

Add splashes on text 6Add splashes on text 6Add splashes on text 6

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.

Add splashes on text 7Add splashes on text 7Add splashes on text 7

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).

Mask the splashesMask the splashesMask the splashes

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.

Add more splashesAdd more splashesAdd more splashes

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.

Clean up the splashesClean up the splashesClean up the splashes

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).

Add shading to textAdd shading to textAdd shading to text

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).

Add highlights to textAdd highlights to textAdd highlights to text

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.

Highlights and shading on textHighlights and shading on textHighlights and shading on text

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).

Add dimension to splashes 1Add dimension to splashes 1Add dimension to splashes 1

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.

Add dimension to splashes 2Add dimension to splashes 2Add dimension to splashes 2

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.

Add dimension to splashes 3Add dimension to splashes 3Add dimension to splashes 3

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

Add dimension to splashes 4Add dimension to splashes 4Add dimension to splashes 4

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!

Add dimension to splashes 5Add dimension to splashes 5Add dimension to splashes 5

¡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.

Splashed text effectSplashed text effectSplashed text effect
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.