Crear un efecto de texto viscoso verde

En el siguiente tutorial, expanda una fuente existente, use las herramientas 3D de illustrator para agregar dimensión y luego agregue un efecto de texto viscoso verde. Si desea agregar un efecto de texto vectorial divertido a su cartera, comience ahora.


Paso 1

Primero, descargue la fuente Earthling y muévase en su directorio de Fuentes. Ahora, abra Illustrator, cree un documento de 700 px por 300 px y seleccione la herramienta de tipo (T). Haga clic en su mesa de trabajo, ingrese su texto y vaya a Objeto> Expandir. Seleccione el grupo resultante de formas y rellénelas con R = 142, G = 198, B = 64.


Paso 2

Seleccione el grupo realizado en el paso anterior y vaya a Efecto> 3D> Extruir y biselar. Haga clic en el botón Más opciones, ingrese todos los datos que se muestran a continuación, haga clic en Aceptar y luego vaya a Objeto> Expandir apariencia.


Paso 3

Profundice en el grupo y los subgrupos creados en los pasos anteriores. Primero, elimine todos los Clipping Paths y luego use el botón Unite de su panel de Pathfinder para unir algunas de estas formas..


Etapa 4

Seleccione todas las formas de letras superiores y vaya a Objeto> Ruta compuesta> Crear. Rellene la ruta resultante con R = 6, G = 105, B = 57, luego Tráigala al frente (Shift + Command + Right Bracket key). Haga doble clic en él (en el panel Capas) y asígnele el nombre "vectores". Seleccione el resto de las formas y reemplace el color de relleno con R = 91, G = 164, B = 69.


Paso 5

Abra el gradiente y el panel de muestras. Cree los cuatro gradientes que se muestran a continuación y guárdelos en su panel de Muestras. Nómbrelos de "1" a "4" como se muestra en los siguientes pasos. Observe de cerca el degradado y verá un texto amarillo sobre algunos de los controles deslizantes de degradado. Es sinónimo de opacidad..


Paso 6

Centrémonos en las formas en "v". Ignora la forma de la letra superior y concéntrate en los otros dos. Seleccione la forma superior, abra el menú desplegable del panel Apariencia y haga clic en Agregar nuevo relleno. Esto debería agregar un segundo relleno para la forma seleccionada..

Seleccione este nuevo relleno y use "Degradado 01", como se muestra a continuación. Seleccione la forma inferior, agregue un nuevo relleno y use el mismo degradado que se muestra en la primera imagen. Agregue un tercer relleno para cada una de estas formas y use "Gradiente 02". Seleccione la forma inferior, agregue dos nuevos rellenos y use "Gradiente 03", como se muestra en la tercera imagen. Agregue un relleno final para la forma inferior y use "Degradado 04".


Paso 7

Ahora que entiende cómo trabajar con múltiples rellenos, use los mismos gradientes para el resto de las formas, como se muestra en las siguientes imágenes. Finalmente, seleccione todas estas formas y agrúpelas (Comando + G).


Paso 8

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


Paso 9

Repita las mismas técnicas para el resto de las formas. Observe que estos rectángulos frescos deben estar ubicados sobre las áreas más claras (donde se aplica "Gradiente 03"). Finalmente, seleccione todas estas formas blancas y agrúpelas (Comando + G).


Paso 10

Ahora, vamos a centrarnos en la forma de "vectores". Selecciónelo y haga dos copias (Comando + C> Comando + F). Vaya a Edición> Preferencias> General e ingrese "1" en el cuadro Incremento de teclado. Seleccione la copia superior y presione la flecha hacia arriba una vez (para moverla 1px hacia arriba). Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Inferior del panel de Pathfinder.

Rellene las formas resultantes con R = 142, G = 198, B = 64. Volver a seleccionar el vectores Forma y realiza otras dos copias. Vaya a Edición> Preferencias> General e ingrese "0,5" en el cuadro Incremento de teclado. Seleccione la copia superior y presione la flecha hacia abajo una vez (para moverla 0,5px hacia abajo). Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene las formas resultantes con R = 0, G = 67, B = 31.


Paso 11

Para el siguiente paso necesitarás una cuadrícula cada 1px. Primero, active Grid (Ver> Grid) y Snap to Grid (Ver> Snap to Grid), luego vaya a Editar> Preferencias> Guías y cuadrícula. Ingrese "1" en los cuadros "Cuadrícula cada" y "Subdivisiones", luego haga clic en Aceptar. Ahora, elija la herramienta Ellipse (L) y cree tres círculos comprimidos (una imagen de 6x5 px, una de 4x3 px y una de 3x2 px) y colóquelos como se muestra en la siguiente imagen.

Rellénelos con R = 91, G = 164, B = 69 y luego agrúpelos (Comando + G). Deshabilite la cuadrícula y el complemento a la cuadrícula, luego haga varias copias de este grupo y extiéndalas sobre el texto como se muestra en la segunda imagen.


Paso 12

Elija la herramienta Rectángulo (M), cree una forma de 680 por 30 px y colóquela como se muestra en la siguiente imagen. Selecciónelo y vaya a Efecto> Distorsionar y transformar> Roughen. Ingrese los datos que se muestran a continuación, haga clic en Aceptar, luego vaya a Objeto> Expandir apariencia. Seleccione la forma resultante y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese un desplazamiento de 15px y haga clic en Aceptar.


Paso 13

Ahora, vamos a agregar un poco de color para las formas hechas en los pasos anteriores. Seleccione el más pequeño, llénelo con R = 142, G = 198, B = 64, baje su opacidad al 70%, luego vaya a Efecto> Desenfoque> Desenfoque gaussiano. Introduzca un radio de 5px y haga clic en Aceptar. Seleccione la otra forma, rellénela con R = 142, G = 198, B = 64, baje su opacidad al 30% y añada 5px efecto de Desenfoque Gaussiano.

Ahora necesitas enmascarar estas dos formas. Primero, agrúpalos (Comando + G), luego abre el panel de Transparencia. Haga una nueva copia de "vectores", rellénelo con blanco y muévalo sobre este grupo nuevo (en el panel Capas). Ahora seleccione la forma y el grupo, abra el menú desplegable del panel Transparencia y haga clic en Crear máscara de opacidad. Al final, debería verse como en la imagen final a continuación..


Paso 14

Haga otras dos copias de "vectores", luego elija la herramienta Rectángulo (M). Cree una forma como la que se muestra en la primera imagen y duplíquela. Seleccione uno de los rectángulos, junto con una de las copias de "vectores", luego haga clic en el botón Minus Front del panel de Pathfinder. Seleccione las formas resultantes y vaya a Objeto> Ruta compuesta> Crear.

Complete esta ruta con el gradiente lineal que se muestra en la segunda imagen, baje su Opacidad al 20% y luego cambie su modo de fusión a Superposición. Seleccione el otro rectángulo junto con los "vectores", copie y haga clic en el botón Intersectar del panel de Pathfinder. Seleccione las formas resultantes y vaya a Objeto> Ruta compuesta> Crear. Rellene este nuevo camino con el degradado lineal que se muestra en la cuarta imagen, baje su Opacidad al 20% y luego cambie su modo de fusión a Superposición.


Paso 15

Haz una nueva copia de "vectores". Selecciónelo, envíelo hacia atrás (Shift + Comando + tecla de corchete izquierdo), colóquelo como se muestra en la segunda imagen y cámbiele el nombre "vectors.back". Cambie su color de relleno a R = 0, G = 67, B = 31, luego duplíquelo. Seleccione la copia, muévala 1px hacia abajo y hacia la derecha, luego baje su Opacidad al 50%.


Paso 16

Vuelva a seleccionar "vectors.back" y vaya a Objeto> Ruta> Ruta compensada. Ingrese un "3px" Offset y haga clic en OK. Seleccione la forma resultante, rellénela con R = 6, G = 105, B = 57, y vaya de nuevo a Objeto> Ruta> Ruta de compensación.

Ingrese un "2px" Offset y haga clic en OK. Seleccione la forma resultante, rellénela con R = 38, G = 126, B = 62, y vaya una vez más a Objeto> Ruta> Ruta de desplazamiento. Ingrese un "2px" Offset y haga clic en OK.

Seleccione la forma resultante, rellénela con R = 71, G = 150, B = 68, y vaya una vez más a Objeto> Ruta> Ruta de desplazamiento. Ingrese un "3px" Offset y haga clic en OK. Rellene la forma resultante con R = 107, G = 175, B = 68.


Paso 17

Seleccione la forma original de "vectors.back" y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Introduzca un radio de 2x y haga clic en Aceptar.


Paso 18

Seleccione todas las formas hechas en el decimosexto paso y vaya a Efecto> Distorsionar y transformar> Desbaste. Ingrese los datos que se muestran a continuación y haga clic en Aceptar. Ahora seleccione solo la forma más grande y vaya a Efecto> Estilizar> Resplandor exterior. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.


Paso 19

Elija la herramienta Elipse (L), cree una forma de 22 px por 15 px, luego llénela con R = 6, G = 105, B = 57. Seleccione esta forma y vaya a Efecto> Deformación> Arco. Ingrese los datos que se muestran a continuación, haga clic en Aceptar, luego vaya a Objeto> Expandir apariencia. Haz dos copias de la forma resultante. Seleccione la copia superior y presione la flecha hacia arriba tres veces (para moverla 1,5px hacia arriba).

Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 91, G = 164, B = 69. Ahora agregue un segundo relleno y use el degradado lineal que se muestra en la imagen final. Agrupa estas dos formas.


Paso 20

Elija la herramienta Elipse (L), cree una forma de 18px por 12px y rellénela con R = 6, G = 105, B = 57. Seleccione esta forma y vaya a Efecto> Deformación> Arco. Ingrese los datos que se muestran a continuación, haga clic en Aceptar, luego vaya a Efecto> Urdimbre> Pescado. Nuevamente, ingrese los datos que se muestran a continuación, haga clic en Aceptar, luego vaya a Objeto> Expandir apariencia. Haz dos copias de la forma resultante..

Seleccione la copia superior y presione la flecha hacia arriba tres veces (para moverla 1,5px hacia arriba). Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 91, G = 164, B = 69, luego agregue un segundo relleno y use el gradiente lineal que se muestra en la imagen final. Agrupa estas dos formas.


Paso 21

Seleccione el grupo realizado en el paso anterior y vaya a Efecto> Distorsionar y transformar> Reflejar. Verifique el botón Vertical, luego haga clic en el botón Copiar. Esto creará una copia volteada horizontalmente de su grupo..


Paso 22

Haga algunas copias de los grupos realizados en los tres pasos anteriores. Gire, cambie el tamaño y luego coloque estos grupos como se muestra en la siguiente imagen. Agregue un círculo discreto y comprimido para cada parte de este grupo y llénelo con R = 91, G = 164, B = 64. Finalmente, agregue un simple efecto Sombra (Efecto> Estilizar> Sombra) para los grupos inferiores.


Paso 23

Para el fondo, use la herramienta Rectángulo (M) para crear una forma del tamaño de su Artboard (700 por 300px). Rellénelo con blanco, luego agregue un segundo relleno y use el degradado radial que se muestra en la segunda imagen. Una vez más, eche un vistazo más de cerca al gradiente. La prueba amarilla significa Opacidad y el texto blanco significa Ubicación.


Paso 24

Duplica el rectángulo hecho en el paso anterior. Selecciónelo, seleccione el segundo relleno (desde el panel Apariencia), luego vaya al panel Degradado y haga clic en el botón Invertir degradado. Finalmente, vuelva a seleccionar la ruta completa, baje su opacidad al 25% y listo..


Conclusión

La imagen final está abajo..