Crea un efecto de texto vidrioso relleno de ácido verde

En el siguiente tutorial aprenderás a crear un efecto de texto vidrioso relleno de ácido verde. Utilizarás herramientas de creación de formas, máscaras de opacidad y filtros. Este proyecto puede ser muy útil para dar un toque de "científico loco" a tu próximo proyecto de diseño creativo.

Paso 1

Crea un documento de 700px por 300px, RGB y comienza con la herramienta Rectángulo (M). Crea una forma del tamaño de tu mesa de trabajo y rellénala con R=250, G=250 y B=250. Selecciona este rectángulo y ve al panel Apariencia.

Abre el menú desplegable y haz clic en Añadir nuevo relleno. Esto añadirá un segundo relleno para tus formas. Selecciónalo en el panel Apariencia y utiliza el degradado radial que se muestra a continuación. El cero amarillo de la imagen del Degradado representa el porcentaje de Opacidad. Asegúrate de que este segundo relleno sigue seleccionado y baja la Opacidad al 75%.

Paso 2

Continúa con la herramienta Rectángulo (M) y crea una nueva forma del tamaño de tu mesa de trabajo. A continuación, necesitas un motivo para esta nueva forma. Ve al panel de Muestras, abre el menú desplegable y ve a Abrir Biblioteca de Muestras > Motivos > Gráficos Básicos > Gráficos Básicos_Texturas. Esto abrirá una nueva ventana con un atractivo conjunto de motivos incorporados.

Rellena el rectángulo con el motivo "USGS 17 Sandy Dry Lake" y baja su Opacidad al 45%. Vuelve a seleccionar la herramienta Rectángulo (M), crea una nueva forma del tamaño de tu mesa de trabajo y rellénala con el degradado radial que se muestra en la segunda imagen.

Ahora, selecciona las dos formas creadas en este paso y ve al panel Transparencia (Ventana > Transparencia). Abre el menú desplegable y haz clic en Crear máscara de opacidad. Al final tu forma debe verse como en la tercera imagen.

Paso 3

Selecciona la herramienta Texto (T) y añade tu texto. Utiliza la fuente Gota con un tamaño de 120pt y establece el color en R=85, G=237 y B=10. Selecciona el texto y ve a Objeto > Expandir, luego selecciona el grupo de formas resultante, y ve a Objeto > Trazado compuesto > Crear.

Haz doble clic en el trazado resultante (en el panel Capas) y nómbralo "Resplandor". Selecciona "Resplandor" y ve a Objeto > Trazado > Desplazamiento. Introduce un desplazamiento de -2px y haz clic en OK. Rellena el trazado resultante con blanco y nómbralo "Texto".

Paso 4

Para este paso es necesario activar las Guías inteligentes (Comando + U). Selecciona la herramienta Pluma (P) y dibuja algunos trazados horizontales como se muestra en la primera imagen. Añade un trazo negro discreto para cada uno de estos trazados, para distinguirlos más fácilmente del resto de las formas.

Ahora toma la herramienta Elipse (L) y dibuja algunas formas aplastadas sobre los trazados horizontales. Las guías inteligentes deberían facilitarte el trabajo. Usando la herramienta Selección (V), selecciona cada una de estas formas ovaladas, luego establece el valor de la altura en 4px (desde el panel de Comando) y el color en R=0, G=215, y B=0.

Paso 5

Haz una copia de "Texto" y hazla invisible, la necesitarás más adelante. Ahora selecciona la forma "Texto" original, junto con los trazados horizontales creados en el paso anterior, y haz clic en el botón Dividir del panel Buscatrazos.

Esto creará un grupo de nuevas formas. Selecciona las formas blancas superiores (segunda imagen) y pulsa la tecla Borrar, luego selecciona las formas blancas inferiores y ve a Objeto > Trazado compuesto > Crear. Nombra el trazado resultante como "Verde".

Paso 6

Vuelve a seleccionar la forma "Resplandor", baja su Opacidad al 15%, luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 15px, haz clic en OK y luego bloquea esta forma.

Paso 7

Concéntrate en uno de los óvalos creados en el cuarto paso. Selecciónalo, pulsa Comando + C una vez, y luego pulsa Comando + F dos veces para crear dos copias delante. A continuación, ve a Edición > Preferencias > Generales y escribe 0,25px en la casilla de Incrementos de teclado. Ahora vuelve a las dos copias. Selecciona la superior y pulsa la flecha hacia arriba dos veces (para moverla 0,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=185, G=235 y B=71. Ahora baja su Opacidad al 85%. Haz dos nuevas copias de esta forma ovalada (Comando + C > Comando + F > Comando + F).

Selecciona la copia superior y pulsa la flecha hacia abajo una vez. Una vez más, vuelve a seleccionar estas dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena el trazado resultante con R=0, G=190 y B=0. Repite las mismas técnicas para el resto de los óvalos.

Paso 8

Selecciona el "Verde" y rellénalo con el degradado lineal que se muestra a continuación, luego haz dos copias (Comando + C > Comando + F > Comando + F). Selecciona la copia superior y pulsa dos veces la flecha de la izquierda, luego vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena el grupo de formas resultante con R=0, G=148 y B=68. Baja su Opacidad al 55%, luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 1px y haz clic en Aceptar.

Paso 9

A continuación, hay que enmascarar el grupo creado en el paso anterior. Primero, haz una copia de "Verde" (Comando + C > Comando + F), rellénala de blanco y llévala al frente (Mayúsculas + Comando + Tecla de corchete derecho).

Ahora selecciona esta nueva forma blanca (junto con el grupo hecho en el paso anterior), y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad. Ahora tu grupo debería tener el aspecto de la segunda imagen mostrada. Selecciónalo y llévalo al frente (Mayúsculas + Comando + Tecla de corchete derecho).

Paso 10

Duplica "Verde", selecciona esta copia y pulsa la flecha izquierda doce veces. Haz una copia de esta forma de movimiento, selecciónala y pulsa la flecha izquierda ocho veces. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena el grupo de formas resultante con blanco, baja su Opacidad al 15%, luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 1px y haz clic en OK.

Paso 11

Una vez más, hay que enmascarar el grupo creado en el paso anterior. Haz una copia de "Verde", rellénala de blanco y llévala al frente (Mayúsculas + Comando + Tecla corchete derecho). Ahora, selecciona esta nueva forma blanca junto con el grupo hecho en el paso anterior, ve al panel de Transparencia, abre el menú desplegable y haz clic en Crear máscara de opacidad. Tu grupo debería tener el aspecto de la segunda imagen mostrada. Selecciónalo y tráelo al frente (Mayúsculas + Comando + Tecla de corchete derecho).

Paso 12

Selecciona "Verde" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2 y haz clic en OK. Duplica la forma resultante (Comando + C > Comando + F). Selecciona esta copia y pulsa la flecha derecha y la flecha arriba seis veces.

Vuelve a seleccionar estas dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena el grupo de formas resultante con R=185, G=235 y B=71. Ahora ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 1,5 y haz clic en OK.

Paso 13

Una vez más, hay que enmascarar el grupo creado en el paso anterior. Haz una copia de "Verde", rellénala de blanco y llévala al frente (Mayúsculas + Comando + Tecla corchete derecho). Ahora selecciona esta nueva forma blanca (junto con el grupo creado en el paso anterior), ve al panel de Transparencia, abre el menú desplegable y haz clic en Crear máscara de opacidad. Tus grupos deberían tener el aspecto de la segunda imagen mostrada. Selecciónalo y tráelo al frente (Mayúsculas + Comando + Tecla de corchete derecho).

Paso 14

Activa la visibilidad de la copia de "Texto" realizada en el quinto paso y renómbrala "Vidrio". Tráela al frente (Mayúsculas + Comando + Tecla corchete derecho), baja su Opacidad al 30%, y rellénala con el degradado lineal que se muestra a continuación. Los números blancos de la imagen del degradado representan el porcentaje de ubicación, mientras que los números amarillos representan el porcentaje de opacidad.

Si decides utilizar otra palabra, debes saber que cada forma de letra debe tener un deslizador de Opacidad 100% en el centro y dos deslizadores de Opacidad 0% (uno a la izquierda y otro a la derecha). Después de añadir este degradado complejo, con esta forma aún seleccionada, ve a Efecto > Estilizar > Resplandor interior. Introduce los datos que se muestran a continuación y haz clic en OK.

Paso 15

Haz una copia de "Vidrio" y llévala al frente. Selecciona esta copia y pulsa D para añadir las propiedades por defecto (relleno blanco y 1pt, trazo negro) para tu forma. Elimina el relleno, selecciona el trazo y hazlo de 0.15pt de ancho, luego ve a Objeto > Expandir Apariencia. Rellena el trazado resultante con el degradado lineal que se muestra en la tercera imagen de abajo.

Paso 16

Selecciona "Vidrio" y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -4px y haz clic en OK. Selecciona el trazado resultante y pulsa D para añadir las propiedades por defecto. Elimina el trazo negro y duplica esta forma. Selecciona la copia y pulsa la flecha derecha ocho veces.

Vuelve a seleccionar esta copia, junto con la forma original, y haz clic en el botón Menos frente del panel Buscatrazos. Selecciona el grupo de formas resultante, baja su Opacidad al 60%, luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 2px y haz clic en OK.

Paso 17

Haz dos nuevas copias de "Vidrio". Selecciona la copia superior, luego pulsa la flecha derecha dos veces, y la flecha abajo una vez. Ahora vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena el grupo de formas resultante con blanco y baja su Opacidad al 20%.

Paso 18

De nuevo, haz dos copias de "Vidrio". Selecciona la copia superior, luego pulsa la flecha derecha y la flecha abajo cinco veces. Ahora vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena el grupo de formas resultante con blanco y baja su Opacidad al 30%. Selecciona este grupo y muévelo hacia abajo en tu panel de capas (debajo de los otros componentes de texto), justo encima de la forma "Resplandor".

Paso 19

Haz una nueva copia de "Vidrio". Selecciónala y pulsa la flecha derecha y la flecha abajo seis veces. Cámbiale el nombre a "Sombra" y muévela por debajo del grupo creado en el paso anterior (en el panel Capas). Ahora vamos a editar las propiedades. En primer lugar, elimina el efecto Resplandor interior, y luego rellénalo con R=40, G=49 y B=50. Baja la Opacidad al 6% y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un radio de 1,5px y haz clic en OK.

Paso 20

Abre el panel de Pinceles. Selecciona la herramienta Pluma (P) y dibuja un trazado simple como el que se muestra en la primera imagen. Rellenalo con Ninguno y utiliza el pincel Filbert Bristle. A continuación, debes enmascarar esta forma. Haz una copia de "Vidrio", rellénala sólo con blanco y llévala al frente (Mayúsculas + Comando + Tecla de corchete derecho).

Selecciona esta copia, junto con el pincel, y ve al panel de Transparencia. Abre el menú desplegable y haz clic en Crear máscara de opacidad. Finalmente, selecciona esta forma enmascarada, llévala al frente (Mayúsculas + Comando + Tecla corchete derecho), y baja su Opacidad al 50%.

Paso 21

Sigamos con las pequeñas formas de burbuja. Selecciona la herramienta Elipse (L), mantén pulsada la tecla Mayúsculas, crea una forma de 5px por 5px y rellénala con el degradado lineal que se muestra a continuación. Continúa con la herramienta Elipse (L), crea tres nuevas formas (3x3px, 2x2px, 1x1px), y rellénalas con R=246, G=255, y B=96. Utilizando la herramienta Elipse (L), crea una forma de 3,5 por 3,5 y rellénala con R=0, G=210 y B=0.

Crea un círculo significativamente más pequeño, colócalo como se muestra en la segunda imagen y rellénalo con R=125, G=235 y B=71. Selecciona estos dos círculos y agrúpalos (Comando + G). Haz una copia de este grupo, muévelo unos píxeles a la derecha y ve al panel de comandos. Marca el icono de Restringir proporciones de anchura y altura, e introduce el 2,5 en la casilla de altura. Haz dos nuevas copias de este grupo y cambia su tamaño a 1,5px por 1,5px y 1px por 1px.

Paso 22

Multiplica los círculos amarillos creados en el paso anterior, distribúyelos aleatoriamente por la forma "Verde" y cambia su modo de fusión a Superponer. Multiplica los grupos creados en el paso anterior y repártelos como se muestra en la segunda imagen. Selecciona todas estas pequeñas formas y agrúpalas (Comando + G), luego mueve el grupo debajo de la forma "Vidrio" en el panel Capas.

Paso 23

Haz una nueva copia de "Vidrio", rellénala de blanco y tráela al frente (Mayúsculas + Comando + Tecla de corchete derecho). Selecciona esta nueva forma y ve a Objeto > Transformar > Reflejar. Marca el botón Horizontal y haz clic en Aceptar. Ahora, tu forma debería parecerse a la tercera imagen. Selecciónala y muévela por debajo del texto, como se muestra en la cuarta imagen.

Paso 24

Elige la herramienta Rectángulo (M) y crea una forma como la que se muestra en la primera imagen. Elige la herramienta Selección directa (A) y enfocate en este nuevo rectángulo. Selecciona el punto de anclaje superior izquierdo y muévelo unos píxeles hacia la derecha. Ahora selecciona el punto de anclaje superior derecho y muévelo unos cuantos píxeles hacia la izquierda. Tu forma debería parecerse a un trapezoide, como se muestra a continuación.

Paso 25

Selecciona la forma trapezoidal, junto con la forma de texto blanca y volteada y ve a Objeto > Distorsión de envolvente > Crear con objeto superior. Obtendrás una forma como la que se muestra en la segunda imagen. Selecciónala, ve a Objeto > Expandir, y luego rellena el trazado resultante con el degradado lineal que se muestra en la tercera imagen.

Paso 26

Por último, vuelve a seleccionar "Verde" y ve a Efecto > Estilizar > Resplandor interior. Introduce los datos que se muestran a continuación, haz clic en OK y ya está.

Conclusión

La imagen final está abajo en toda su gloria de vidrio brillante y ácido burbujeante.