Cómo crear un magnífico efecto de texto de vidrio

He trabajado en este tutorial con un buen amigo mío Negreu Andreas. Este texto será creado usando una serie de formas con diferentes efectos de transparencia y color. ¡Vamos ahora!

Vista previa de la imagen final

Echa un vistazo a la imagen que vamos a crear. Puedes ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.

Paso 1

En primer lugar, abre un nuevo documento y rellénalo de negro. A continuación, añade el texto utilizando una fuente que te guste y el color #00e5ff.

Paso 2

A continuación duplica la capa pulsando (Comando + J), establece la Opacidad de la capa al 65% y muévela hacia abajo y a la izquierda 1 px cada una.

Paso 3

A continuación, duplica la capa de texto del paso 2 cuatro veces más. A continuación, mueve cada uno 1 px hacia abajo y hacia a la izquierda como lo hiciste antes.

Paso 4

A continuación, debes seleccionar todas las capas excepto el fondo y el primer texto que has creado. Ahora haz clic con el botón derecho del ratón y elige Rasterizar tipo, luego Fusiona las capas y establece la nueva capa con un 47% de opacidad.

Paso 5

Utiliza la Herramienta Lazo Poligonal (L) y haz una selección, como se muestra a continuación. A continuación, utiliza la Herramienta Dedo (R) ajustada a un Diámetro Maestro de 19 px, Dureza de 100%, Intensidad de 30%, y difumina la parte derecha de la capa para que puedas cubrir esa parte vacía.

Paso 6

Repite el mismo proceso con las demás letras.

Paso 7

Para la parte inferior de la letra "S", haz una selección como se muestra, pero esta vez simplemente borra la parte que no quieres pulsando Retroceso.

Paso 8

Borra la parte superior de las letras: "d", "t", "u" y "t", y luego borra la parte inferior de la "s".

Paso 9

A continuación, utiliza la herramienta Dedo (R) como hiciste en el paso 5. Utiliza la Herramienta Dedo para las letras "t", "t" y "s".

Paso 10 

A continuación, mueve la capa de texto original por encima del duplicado. Además, ajusta la Opacidad de la capa duplicada al 35%. Selecciona la capa de texto original y haz doble clic en ella para entrar en las Opciones de Fusión y luego añade un trazo.

Paso 11

A continuación, selecciona la capa de texto de abajo y duplícala. Usa la herramienta Pluma (P) y crea un trazo como el de abajo y transfórmalo en una selección. Ahora simplemente borra sobre la selección usando la herramienta Borrador (E) con una opacidad del 24%.

Paso 12

A continuación, crea una nueva capa por encima de las capas de texto duplicadas. En esta capa añade algo de color al texto. Para hacerlo, primero tienes que hacer una selección de todo el texto manteniendo pulsada la tecla Comando y pulsando una vez en la miniatura de la capa de texto duplicada. Ahora rellena la selección con #ff009c. No te preocupes por las nubes azules detrás del texto.

Paso 13

Poner la capa en Tono y Opacidad al 35%

Paso 14

Haz una selección de la primera capa de texto y luego ve a cada una de las capas inferiores y pulsa la tecla de retroceso para borrar las áreas seleccionadas. Como puede ver a continuación, el efecto de texto seguirá siendo visible, pero tenemos que borrar algunas áreas para futuros ajustes.

Paso 15

Crea una nueva capa debajo de la capa "rosa" y haz una selección como se muestra a continuación, luego rellena la selección con blanco. Además, establece la capa al 38% de Opacidad y la capa original de "texto" al 68% de Opacidad.

Paso 16

Haz una selección de la capa original de "texto". Ahora utiliza un pincel suave para la herramienta Borrador (E) para borrar las esquinas de la capa blanca que no se ven bien.

Paso 17

Haz otra selección de la capa de texto original y crea una nueva capa sobre ella. A continuación, selecciona la herramienta Lazo (L) y haz clic con el botón derecho del ratón en la pantalla y elige trazo. Ajusta el trazo a 2 px y el color a #00fcff.

Paso 18

Duplica el trazo del Paso 17 y muévelo como se muestra a continuación. Ahora haz una selección como se muestra, y utiliza la herramienta Borrador (E) con una opacidad del 40% para borrar el trazo que está dentro de la selección. Al final, establece la capa al 10% de Opacidad.

Paso 19

Haz otra selección en el texto original y luego resta como abajo. Crea una nueva capa por encima de la capa de "texto" original, y aplica el mismo color que usaste para el trazo, añade un degradado simple. Luego añade otro trazo usando #c2feff.

Paso 20 

Duplica la capa de "texto blanco" y pincela sobre ella con el color #f1ff12. A continuación, establece la opacidad de la capa al 23% y muévela como se muestra.

Paso 21

Haz una selección como la de abajo haciendo Comando-clic en la miniatura del texto original e invierte la selección. A continuación, con la herramienta Borrador (E), borre los bordes como en el paso 16.

Paso 22

Ahora es el momento de volver a la capa "rosa". Actívala y vuelve a poner la Opacidad al 100%. Haz una selección como la de abajo, inviértela y borra el exceso usando la herramienta Borrador (E).

Paso 23

Mueve la capa "rosa" que acabas de crear por encima de la capa de texto original y colócala en Superposición.

Conclusión 

Ya has terminado con el efecto de texto pero para hacer esto un poco más interesante voy a crear otro elemento y es el plus utilizando las mismas técnicas. Además, añade el elemento final, que es un fondo interesante que compré en Graphic River. Puedes ver la imagen final abajo o ver una versión más grande aquí.