Cree un efecto de texto vidrioso lleno de una sustancia ácida y verde

Lo que vas a crear

En el siguiente tutorial, aprenderá cómo crear un efecto de texto vidrioso con una sustancia verde y ácida. Usará herramientas de creación de formas, máscaras de opacidad y filtros. Este proyecto podría funcionar bien para agregar una sensación de científico loco a su próximo proyecto de diseño creativo.

Paso 1

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

Abra el menú desplegable y haga clic en Agregar nuevo relleno. Esto agregará un segundo relleno para sus formas. Selecciónelo en el panel Apariencia y use el degradado radial que se muestra a continuación. El cero amarillo de la imagen de degradado representa el porcentaje de opacidad. Asegúrese de que este segundo relleno todavía esté seleccionado y baje la opacidad al 75%.

Paso 2

Continúe con la herramienta Rectángulo (M) y cree una nueva forma del tamaño de su mesa de trabajo. A continuación, necesitas un patrón para esta nueva forma. Vaya al panel Muestras, abra el menú desplegable y vaya a Abrir biblioteca de muestras> Patrón> Gráficos básicos> Texturas gráficas básicas. Esto abrirá una nueva ventana con un buen conjunto de patrones integrados.

Rellene el rectángulo con el patrón USGS 17 Sandy Dry Lake y reduzca su opacidad al 45%. Vuelva a seleccionar la herramienta Rectángulo (M), cree una nueva forma del tamaño de su mesa de trabajo y rellénela con el degradado radial que se muestra en la segunda imagen.

Ahora, seleccione las dos formas creadas en este paso y vaya al panel Transparencia (Ventana> Transparencia). Abra el menú desplegable y haga clic en Crear máscara de opacidad. Al final, su forma debe verse como en la tercera imagen..

Paso 3

Elija la herramienta de tipo (T) y añada su texto. Utilice la fuente Gota con un tamaño de 120 puntos y configure el color en R = 85, G = 237 y B = 10. Seleccione el texto y vaya a Objeto> Expandir, luego seleccione el grupo de formas resultante y vaya a Objeto> Ruta compuesta> Crear.

Haga doble clic en la ruta resultante (en el panel Capas) y denomínela "Resplandor". Seleccione "Resplandor" y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese una compensación de -2px y haga clic en Aceptar. Rellene la ruta resultante con blanco y asígnele el nombre "Texto".

Etapa 4

Para este paso, debe habilitar las Guías inteligentes (Comando + U). Elija la herramienta Pluma (P) y dibuje algunas trayectorias horizontales como se muestra en la primera imagen. Agregue un trazo negro discreto para cada uno de estos caminos para distinguirlos más fácilmente del resto de las formas.

Ahora agarra la herramienta Elipse (L) y dibuja algunas formas apretadas sobre los caminos horizontales. Las guías inteligentes deberían facilitar su trabajo. Usando la herramienta de selección (V), seleccione cada una de estas formas ovaladas, luego establezca el valor de altura en 4px (desde el panel de comandos) y el color en R = 0, G = 215 y B = 0.

Paso 5

Haga una copia de "Texto" y hágala invisible, la necesitará más adelante. Ahora seleccione la forma original de "Texto", junto con las rutas horizontales creadas en el paso anterior, y haga clic en el botón Dividir del panel de Pathfinder.

Esto creará un grupo de nuevas formas. Seleccione la parte superior, formas blancas (segunda imagen) y presione la tecla Eliminar, luego seleccione la parte inferior, formas blancas y vaya a Objeto> Ruta compuesta> Crear. Nombra la ruta resultante "Verde".

Paso 6

Vuelva a seleccionar la forma "Resplandor", baje su opacidad al 15% y luego vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 15px, haga clic en Aceptar y luego bloquee esta forma.

Paso 7

Concéntrese en una de las formas ovaladas creadas en el cuarto paso. Selecciónelo, presione Comando + C una vez, luego presione Comando + F dos veces para crear dos copias al frente. Luego, vaya a Editar> Preferencias> General e ingrese 0.25px en el cuadro de incremento del teclado. Ahora regresa a las dos copias. Seleccione la superior y presione la flecha hacia arriba dos veces (para moverla 0.5px hacia arriba).

Vuelva a seleccionar las dos copias y haga clic en el botón Minus Front del panel Pathfinder. Rellene la forma resultante con R = 185, G = 235 y B = 71. Ahora baja su opacidad al 85%. Haga dos copias nuevas de esta forma ovalada (Comando + C> Comando + F> Comando + F).

Seleccione la copia superior y presione la flecha hacia abajo una vez. Nuevamente, vuelva a seleccionar estas dos copias y haga clic en el botón Frontal Inferior del panel de Pathfinder. Rellene la ruta resultante con R = 0, G = 190 y B = 0. Repite las mismas técnicas para el resto de las formas ovaladas..

Paso 8

Seleccione "Verde" y rellénelo con el degradado lineal que se muestra a continuación, luego haga dos copias (Comando + C> Comando + F> Comando + F). Seleccione la copia superior y presione la flecha izquierda dos veces, luego vuelva a seleccionar ambas copias y haga clic en el botón Frontal Inferior del panel de Pathfinder. Rellene el grupo resultante de formas con R = 0, G = 148 y B = 68. Baje su opacidad al 55%, luego vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1px y haga clic en OK.

Paso 9

A continuación, debe enmascarar el grupo creado en el paso anterior. Primero, haga una copia de "Verde" (Comando + C> Comando + F), llénelo con blanco y llévelo al frente (Shift + Comando + tecla de corchete a la derecha).

Ahora seleccione esta forma fresca y blanca (junto con el grupo realizado en el paso anterior) y vaya al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad. Ahora su grupo debería verse como la segunda imagen que se muestra. Selecciónelo y llévelo al frente (Shift + Command + Right Bracket key).

Paso 10

Duplique "Verde", seleccione esta copia y presione la flecha izquierda doce veces. Haga una copia de esta forma de movimientos, selecciónela y presione la flecha izquierda ocho veces. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene el grupo resultante de formas con blanco, baje su opacidad al 15%, luego vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1px y haga clic en OK.

Paso 11

De nuevo, debe enmascarar el grupo creado en el paso anterior. Haga una copia de "Verde", rellénela con blanco y tráigala al frente (Shift + Command + Right Bracket key). Ahora, seleccione esta forma fresca y blanca junto con el grupo realizado en el paso anterior, vaya al panel Transparencia, abra el menú desplegable y haga clic en Crear máscara de opacidad. Tu grupo debe verse como la segunda imagen que se muestra. Selecciónelo y llévelo al frente (Shift + Command + Right Bracket key).

Paso 12

Seleccione "Verde" y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese una compensación de -2 y haga clic en Aceptar. Duplica la forma resultante (Comando + C> Comando + F). Seleccione esta copia, luego presione la flecha derecha y la flecha arriba seis veces.

Vuelva a seleccionar estas dos copias y haga clic en el botón Minus Front del panel Pathfinder. Rellene el grupo resultante de formas con R = 185, G = 235 y B = 71. Ahora ve a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1.5 y haga clic en Aceptar.

Paso 13

Una vez más, debe enmascarar el grupo creado en el paso anterior. Haga una copia de "Verde", rellénela con blanco y tráigala al frente (Shift + Command + Right Bracket key). Ahora seleccione esta nueva forma blanca (junto con el grupo hecho en el paso anterior), vaya al panel Transparencia, abra el menú desplegable y haga clic en Crear máscara de opacidad. Sus grupos deben verse como la segunda imagen que se muestra. Selecciónelo y llévelo al frente (Shift + Command + Right Bracket key).

Paso 14

Active la visibilidad de la copia de "Texto" realizada en el quinto paso y cambie el nombre a "Cristal". Colóquelo al frente (Shift + Command + Right Bracket key), baje su opacidad al 30% y rellénelo con el gradiente lineal que se muestra a continuación. Los números blancos de la imagen de degradado representan el porcentaje de ubicación, mientras que los números amarillos representan el porcentaje de opacidad.

Si elige usar otra palabra, debe saber que cada forma de letra debe tener un control deslizante de Opacidad del 100% en el centro y dos controles deslizantes de Opacidad del 0% (uno a la izquierda y el otro a la derecha). Después de agregar este degradado complejo, con esta forma aún seleccionada, vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.

Paso 15

Haga una copia de "Cristal" y llévelo al frente. Seleccione esta copia y presione D para agregar las propiedades predeterminadas (relleno blanco y 1 pt, trazo negro) para su forma. Elimine el relleno, seleccione el trazo y hágalo de 0.15pt de ancho, luego vaya a Objeto> Expandir apariencia. Rellene la ruta resultante con el degradado lineal que se muestra en la tercera imagen a continuación.

Paso 16

Seleccione "Cristal" y vaya a Objeto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de -4px y haga clic en Aceptar. Seleccione la ruta resultante y presione D para agregar las propiedades predeterminadas. Eliminar el trazo negro y duplicar esta forma. Selecciona la copia y pulsa la flecha derecha ocho veces..

Vuelva a seleccionar esta copia, junto con la forma original, y haga clic en el botón Minus Front del panel de Pathfinder. Seleccione el grupo de formas resultante, baje su Opacidad al 60%, luego vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 2px y haga clic en OK.

Paso 17

Haz dos nuevas copias de "Glass". Seleccione la copia superior, luego presione la flecha derecha dos veces y la flecha hacia abajo una vez. Ahora vuelva a seleccionar las dos copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene el grupo resultante de formas con blanco y baje su opacidad al 20%..

Paso 18

Una vez más, hacer dos copias de "Vidrio". Seleccione la copia superior, luego presione la flecha derecha y la flecha hacia abajo cinco veces. Ahora vuelva a seleccionar las dos copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene el grupo resultante de formas con blanco y baje su opacidad al 30%. Seleccione este grupo y muévalo hacia abajo en el panel Capas (debajo de los otros componentes del texto), justo arriba de la forma "Resplandor".

Paso 19

Haz una nueva copia de "Cristal". Selecciónelo, luego presione la flecha derecha y la flecha hacia abajo seis veces. Cámbiele el nombre de "Sombra" y muévalo debajo del grupo creado en el paso anterior (en el panel Capas). Ahora vamos a editar las propiedades. Primero, elimine el efecto Resplandor interno, luego llénelo con R = 40, G = 49 y B = 50. Baje la opacidad al 6% y vaya a Efecto> Desenfoque> Desenfoque gaussiano. Ingrese un radio de 1.5px y haga clic en OK.

Paso 20

Abre el panel de pinceles. Elija la herramienta Pluma (P) y dibuje una ruta simple como la que se muestra en la primera imagen. Rellénelo con ninguno y use el cepillo de cerdas Filbert. A continuación, necesita enmascarar esta forma. Haga una copia de "Cristal", rellénelo solo con blanco y tráigalo al frente (Shift + Command + Right Bracket key).

Seleccione esta copia, junto con el pincel, y vaya al panel Transparencia. Abra el menú desplegable y haga clic en Crear máscara de opacidad. Finalmente, seleccione esta forma enmascarada, colóquela al frente (Shift + Command + Right Bracket key), y baje su opacidad al 50%.

Paso 21

Continuemos con las pequeñas formas de burbujas. Elija la herramienta Elipse (L), mantenga presionada la tecla Mayús, cree una forma de 5px por 5px y rellénela con el degradado lineal que se muestra a continuación. Continúe con la herramienta Elipse (L), cree tres nuevas formas (3x3px, 2x2px, 1x1px) y rellénelas con R = 246, G = 255 y B = 96. Usando la herramienta Elipse (L), cree una forma de 3.5 por 3.5 y rellénela con R = 0, G = 210 y B = 0.

Cree un círculo significativamente más pequeño, colóquelo como se muestra en la segunda imagen y rellénelo con R = 125, G = 235 y B = 71. Selecciona estos dos círculos y agrúpalos (Comando + G). Haga una copia de este grupo, muévalo unos pocos píxeles a la derecha y vaya al panel de Comando. Verifique el icono Restringir las proporciones de ancho y alto, e ingrese el 2.5 en el cuadro de altura. Haga dos copias nuevas de este grupo y cambie 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 al azar sobre la forma "Verde" y cambia su modo de fusión a Superposición. Multiplique los grupos creados en el paso anterior y distribúyalos como se muestra en la segunda imagen. Seleccione todas estas pequeñas formas y agrúpelas (Comando + G), luego mueva el grupo debajo de la forma "Cristal" en el panel Capas.

Paso 23

Haga una nueva copia de "Cristal", llénela de blanco y llévela al frente (Shift + Command + Right Bracket key). Seleccione esta nueva forma y vaya a Objeto> Transformar> Reflejar. Compruebe el botón Horizontal y haga clic en Aceptar. Ahora, tu forma debe parecerse a la tercera imagen. Selecciónelo y muévalo debajo del texto, como se muestra en la cuarta imagen..

Paso 24

Elija la herramienta Rectángulo (M) y cree una forma como la que se muestra en la primera imagen. Elija la herramienta de selección directa (A) y concéntrese en este nuevo rectángulo. Seleccione el punto de anclaje superior, izquierdo y muévalo unos pocos píxeles a la derecha. Ahora seleccione el punto de anclaje superior, derecho y muévalo unos pocos píxeles a la izquierda. Su forma debe verse como un trapecio como se muestra.

Paso 25

Seleccione la forma trapezoidal, junto con la forma de texto volteado en blanco y vaya a Objeto> Distorsionar envolvente> Crear con objeto superior. Obtendrá una forma como la que se muestra en la segunda imagen. Selecciónelo, vaya a Objeto> Expandir, luego complete la ruta resultante con el degradado lineal que se muestra en la tercera imagen.

Paso 26

Finalmente, vuelva a seleccionar "Verde" y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y listo..

Conclusión

La imagen final está debajo de todo, es vidrio brillante y líquido ácido y burbujeante..