Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Cómo crear un efecto de texto verde viscoso

by
Read Time:9 minsLanguages:
This post is part of a series called Vector Text Effects.
Create a Variety of 3D Lettering Effects for Poster Design
Learn to Create a Variety of Script Lettering

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

En el siguiente tutorial se amplía una fuente existente, se utilizan las herramientas 3D de illustrator para añadir dimensión, y luego se añade un efecto de texto verde viscoso. Si quieres añadir un divertido efecto de texto vectorial a tu portafolio, entonces empieza ahora.


Paso 1

En primer lugar, descarga la fuente Earthling y muévela a tu Directorio de fuentes. Ahora, abre Illustrator, crea un documento de 700px por 300px y elige la herramienta Texto (T). Haz clic en tu Mesa de trabajo, introduce tu texto y ve a Objeto > Expandir. Selecciona el grupo de formas resultante y rellénalas con R=142, G=198, B=64.


Paso 2

Selecciona el grupo hecho en el paso anterior y ve a Efecto > 3D > Extrusión y Biselado. Haz clic en el botón Más opciones, introduce todos los datos que se muestran a continuación, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia.


Paso 3

Ve al grupo y subgrupos creados en los pasos anteriores. En primer lugar, elimina todos los Trazados de recorte y luego utiliza el botón Unir de su panel Buscatrazos para unir algunas de estas formas.


Paso 4

Selecciona todas las formas superiores, las letras y ve a Objeto > Trazado compuesto > Crear. Rellena el trazado resultante con R=6, G=105, B=57, y luego llévalo al frente (Mayúsculas + Comando + Tecla de corchete derecho). Haz doble clic en él (en el panel Capas) y nómbralo "vectores". Selecciona el resto de las formas y reemplaza el color de relleno con R=91, G=164, B=69.


Paso 5

Abre el panel de Degradado y Muestras. Crea los cuatro degradados que se muestran a continuación y guárdalos en el panel Muestras. Nómbralos de "1" a "4" como se muestra en los siguientes pasos. Observa de cerca el degradado y verás que hay un texto amarillo sobre algunos de los deslizadores del degradado. Esto representa la Opacidad.


Paso 6

Centrémonos en las formas "v". Ignora la forma de la letra superior y céntrate en las otras dos. Selecciona la forma superior, abre el menú desplegable del panel Apariencia y haz clic en Añadir relleno nuevo. Esto debería añadir un segundo relleno para la forma seleccionada.

Selecciona este nuevo relleno, y utiliza "Degradado 01", como se muestra a continuación. Selecciona la forma inferior, añade un nuevo relleno y utiliza el mismo degradado que se muestra en la primera imagen. Añade un tercer relleno para cada una de estas formas y utiliza el "Degradado 02". Selecciona la forma inferior, añade dos nuevos rellenos y utiliza el "Degradado 03", como se muestra en la tercera imagen. Añade un último relleno para la forma inferior y utiliza el "Degradado 04".


Paso 7

Ahora que sabes cómo trabajar con múltiples rellenos, utiliza los mismos degradados para el resto de las formas, como se muestra en las siguientes imágenes. Finalmente, selecciona todas estas formas y agrúpalas (Comando + G).


Paso 8

Vuelve a las formas "v". En este paso, veremos algunos detalles discretos. Primero, crea dos copias de la forma inferior, luego elige la herramienta Rectángulo (M) y crea dos rectángulos como se muestra en las primeras imágenes. Selecciona cada una de estas formas junto con una de las copias y haz clic en el botón Intersectar del panel Buscatrazos. Rellena ambas formas con blanco y baja su opacidad al 10%.


Paso 9

Repite las mismas técnicas para el resto de las formas. Observa que estos nuevos rectángulos deben estar situados por encima de las zonas más claras (donde se aplica el "Degradado 03"). Finalmente, selecciona todas estas formas blancas y agrúpalas (Comando + G).


Paso 10

Ahora, centrémonos en la forma "vectores". Selecciónala y haz dos copias (Comando + C > Comando + F). Ve a Edición > Preferencias > Generales y escribe "1" en la casilla Incrementos de teclado. Selecciona la copia superior y pulsa la flecha hacia arriba una vez (para moverla 1px hacia arriba). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos.

Rellena las formas resultantes con R=142, G=198, B=64. Vuelve a seleccionar la forma de los vectores y haz otras dos copias. Ve a Edición > Preferencias > Generales y escribe "0,5" en la casilla Incrementos de teclado. Selecciona la copia superior y pulsa la flecha hacia abajo una vez (para moverla 0,5px hacia abajo). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena las formas resultantes con R=0, G=67, B=31.


Paso 11

Paso 11Para el siguiente paso necesitarás una cuadrícula cada 1px. Primero, activa la Cuadrícula ( Ver > Cuadrícula) y selecciona Ajustar a Cuadrícula ( Ver > Ajustar a Cuadrícula), luego ve a Edición > Preferencias > Guías y Cuadrícula. Introduce "1" en las casillas "Línea de cuadrícula cada" y "Subdivisiones", y haz clic en Aceptar. Ahora, elige la herramienta Elipse (L) y crea tres círculos comprimidos (una forma de 6x5 px, otra de 4x3 px y otra de 3x2 px) y colócalos como se muestra en la siguiente imagen.

Rellénalos con R=91, G=164, B=69 y luego agrúpalos (Comando + G). Desactiva la Cuadrícula y la opción Ajustar a Cuadrícula, luego haz varias copias de este grupo y distribúyelas sobre el texto como se muestra en la segunda imagen.


Paso 12

Elije la herramienta Rectángulo (M), crea una forma de 680 por 30px y colócala como se muestra en la siguiente imagen. Selecciónala y ve a Efecto > Distorsionar y Transformar > Emborronar. Introduce los datos que se muestran a continuación, haz clic en Aceptar y luego ve a Objeto > Expandir apariencia. Selecciona la forma resultante y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de 15px y haz clic en Aceptar.


Paso 13

Ahora, vamos a añadir algo de color para las formas hechas en los pasos anteriores. Selecciona la más pequeña, rellénala con R=142, G=198, B=64 , baja su Opacidad al 70%, luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 5px y haz clic en OK. Selecciona la otra forma, rellénala con R=142, G=198, B=64 , baja su Opacidad al 30% y añade el efecto Desenfoque gaussiano de 5px.

Ahora necesitas enmascarar estas dos formas. Primero, agrúpalas (Comando + G), luego abre el panel de Transparencia. Haz una nueva copia de "vectores", rellénala de blanco y muévela por encima de este nuevo grupo (en el panel Capas). Ahora selecciona la forma y el grupo, abre el menú desplegable del panel Transparencia y haz clic en Crear máscara de opacidad. Al final, debería quedar como la imagen que se muestra a continuación.


Paso 14

Haz otras dos copias de los "vectores", y luego elige la herramienta Rectángulo (M). Crea una forma como la que se muestra en la primera imagen y duplícala. Selecciona uno de los rectángulos, junto con una de las copias de los "vectores", y luego haz clic en el botón Menos frente del panel Buscatrazos. Selecciona las formas resultantes y ve a Objeto > Trazado compuesto > Crear.

Rellena este trazado con el degradado lineal que se muestra en la segunda imagen, baja su Opacidad al 20% y cambia su modo de fusión a Superponer. Selecciona el otro rectángulo junto con los "vectores", cópialo y haz clic en el botón Intersectar del panel Buscatrazos. Selecciona las formas resultantes y ve a Objeto > Trazado compuesto > Crear. Rellena este nuevo trazado con el degradado lineal que se muestra en la cuarta imagen, baja su Opacidad al 20% y cambia su modo de fusión a Superponer.


Paso 15

Paso 15Haz una nueva copia de "vectores". Selecciónala, envíala a Atrás (Mayúsculas + Comando + Tecla corchete izquierda), colócala como se muestra en la segunda imagen y renómbrala como "vectores.atrás". Cambia su color de relleno a R=0, G=67, B=31, y luego duplícala. Selecciona la copia, muévela 1px hacia abajo y hacia la derecha, y baja su Opacidad al 50%.


Paso 16

Vuelve a seleccionar "vectores.atrás" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de "3px" y haz clic en Aceptar. Selecciona la forma resultante, rellénala con R=6, G=105, B=57, y ve de nuevo a Objeto > Trazado > Desplazamiento.

Introduce un Desplazamiento de "2px" y haz clic en Aceptar. Selecciona la forma resultante, rellénala con R=38, G=126, B=62, y ve una vez más a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de "2px" y haz clic en Aceptar.

Selecciona la forma resultante, rellénala con R=71, G=150, B=68, y ve una vez más a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de "3px" y haz clic en Aceptar. Rellena la forma resultante con R=107, G=175, B=68.


Paso 17

Selecciona la forma "vectores.atrás" original y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 2x y haz clic en Aceptar.


Paso 18

Selecciona todas las formas hechas en el decimosexto paso y ve a Efecto > Distorsionar y Transformar > Emborronar. Introduce los datos que se muestran a continuación y haz clic en Aceptar. Ahora selecciona sólo la forma más grande y ve a Efecto > Estilizar > Resplandor exterior. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 19

Selecciona la herramienta Elipse (L), crea una forma de 22px por 15px, luego rellénala con R=6, G=105, B=57. Selecciona esta forma y ve a Efecto > Deformar > Arco. Introduce los datos que se muestran a continuación, haz clic en OK, luego ve a Objeto > Expandir apariencia. Haz dos copias de la forma resultante. Selecciona la copia superior y pulsa la flecha hacia arriba tres veces (para moverla 1,5px hacia arriba).

Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=91, G=164, B=69. Ahora añade un segundo relleno y utiliza el degradado lineal que se muestra en la imagen final. Agrupa estas dos formas.


Paso 20

Selecciona la herramienta Elipse (L), crea una forma de 18px por 12px y rellénala con R=6, G=105, B=57. Selecciona esta forma y ve a Efecto > Deformar > Arco. Introduce los datos que se muestran a continuación, haz click en OK, y luego ve a Efecto > Deformar > Pez. De nuevo, introduce los datos que se muestran a continuación, haz clic en Aceptar, luego ve a Objeto > Expandir apariencia. Haz dos copias de la forma resultante.

Selecciona la copia superior y pulsa la flecha hacia arriba tres veces (para moverla 1,5px hacia arriba). Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con R=91, G=164, B=69, luego añade un segundo relleno y utiliza el degradado lineal mostrado en la imagen final. Agrupa estas dos formas.


Paso 21

Selecciona el grupo hecho en el paso anterior y ve a Efecto > Distorsionar y Transformar > Reflejar. Marca el botón Vertical y luego haga clic en el botón Copiar. Esto creará una copia invertida horizontalmente de tu grupo.


Paso 22

Haz algunas copias de los grupos realizados en los tres pasos anteriores. Gira, cambia el tamaño y coloca estos grupos como se muestra en la siguiente imagen. Añade un círculo discreto y comprimido para cada parte de este grupo, y rellénalo con R=91, G=164, B=64. Por último, añade un simple efecto de Sombra paralela (Efecto > Estilizar > Sombra paralela) para los grupos inferiores.


Paso 23

Para el fondo utiliza la herramienta Rectángulo (M) para crear una forma del tamaño de tu Mesa de trabajo (700 por 300px). Rellénala con blanco, luego añade un segundo relleno y utiliza el degradado radial que se muestra en la segunda imagen. De nuevo, observa el degradado con detenimiento. La marca amarilla representa la Opacidad y el texto blanco la Ubicación.


Paso 24

Duplica el rectángulo hecho en el paso anterior. Selecciónalo, selecciona el segundo relleno (del panel Apariencia), luego ve al panel Degradado y haz clic en el botón Invertir degradado. Finalmente, vuelve a seleccionar todo el trazado, baja su Opacidad al 25%, y ya está.


Conclusión

La imagen final se muestra a continuación.

One subscription.
Unlimited Downloads.
Get unlimited downloads