Texto de cristal transparente es uno de los estilos de texto más populares en Photoshop y le da a los diseños un toque elegante, moderno y profesional. Ya sea para logotipos, gráficos de encabezado o proyectos creativos, este efecto impresiona por su representación realista del cristal capturando la luz y las sombras. En este tutorial te mostraré paso a paso cómo crear un efecto de texto de cristal transparente utilizando Photoshop. Utilizaremos herramientas sencillas como estilos de capa, degradados y efectos para lograr un resultado convincente. ¡Comencemos y hagamos que tu texto brille!

1. El fondo

Vamos a crear un nuevo documento con un tamaño de 700 x 400 píxeles. Y para aquellos que también deseen imprimirlo más tarde: una resolución de 300 ppp.

Texto de vidrio transparente

Lo primero que haremos es crear un bonito degradado de fondo. La mayoría de los degradados suelen estar compuestos por dos colores. Sin embargo, en Photoshop tenemos la posibilidad de crear degradados más complejos al utilizar varios colores.

Por lo tanto, crearemos un degradado radial:

Texto de vidrio transparente

Seleccionamos el primer regulador de color: #790d3c, hacemos clic en el centro de la barra de colores y seleccionamos el color: #4a0823. En el último: #2c0414.

Texto de vidrio transparente

Luego, arrastramos el degradado desde la esquina inferior derecha hasta la superior izquierda, de modo que tengamos un cono de luz en la esquina inferior derecha.

Texto transparente de vidrio

2. El texto

A continuación, seleccionamos la herramienta de texto. He elegido la fuente "Adobe Caslon Pro", que viene incluida en la Suite Creativa. El tamaño de la fuente en este ejemplo es de 75,92Pt. Ahora solo falta el color adecuado. Lo asignamos haciendo clic en el campo de color en la esquina superior derecha.

Texto de vidrio transparente

Allí ingresamos el siguiente valor: #a9419c.

Texto de vidrio transparente

Para nuestro resultado intermedio:

Texto de vidrio transparente

Ajustamos la opacidad de la capa al 28%, para que nuestro texto parezca transparente por ahora.

Texto de vidrio transparente

Luego, hacemos doble clic en la capa "PSD" o vamos al botón fx en la esquina inferior del panel de capas para abrir los estilos de capa. Primero marcamos la casilla de sombra exterior. A continuación, encontrarás los valores:

Texto de vidrio transparente

Obtenemos el siguiente resultado:

Texto de cristal transparente

Luego, seleccionamos sombra interior y aplicamos los siguientes valores:

Texto de vidrio transparente

Y obtenemos el siguiente resultado:

Texto transparente de vidrio

Resplandor exterior:

Texto de vidrio transparente

Resultado intermedio:

Texto de vidrio transparente

Resplandor interior:

Texto de vidrio transparente

Bisel y relieve:

Texto de vidrio transparente

Contorno:

Texto de vidrio transparente

Resultado intermedio:

Texto transparente de vidrio

Brillo: Para el color del método de relleno, simplemente hacemos clic con el gotero una vez en el fondo oscuro junto a nuestra "P".

Texto de vidrio transparente

Resultado intermedio:

Texto de vidrio transparente

Contorno:

Texto de vidrio transparente

Resultado parcial:

Texto de vidrio transparente

3. Creación de reflejos

Ahora creamos un pequeño reflejo en la parte inferior de la "D". Para ello, seleccionamos todo nuestro texto manteniendo presionada la tecla Ctrl y haciendo clic en la miniatura de la capa.

Texto de vidrio transparente

Después creamos una nueva capa.

Texto de vidrio transparente

Luego seleccionamos la herramienta de degradado y elegimos un degradado de blanco a transparente. Nos aseguramos de que la casilla de degradado radial esté activada…

Texto de vidrio transparente

… y arrastramos el degradado como se muestra en la imagen a continuación.

Texto de vidrio transparente

Resultado:

Texto de vidrio transparente

También podemos ocultar la selección con Ctrl+H. De esta forma, podemos evaluar mejor el resultado al crear un segundo degradado.

Texto de vidrio transparente

Por lo tanto, creamos otro degradado, como se muestra en la imagen, para intensificar aún más el brillo.

Texto de vidrio transparente

Luego presionamos Ctrl+D para deshacer la selección oculta. Luego renombramos nuestra capa superior como "Brillo inferior". Para que nuestro degradado se ajuste bien a nuestro texto, seleccionamos el modo de mezcla: Superponer.

Texto de vidrio transparente

Así obtenemos el siguiente resultado parcial:

Texto de vidrio transparente

Continuamos con la esquina superior izquierda: Seleccionamos el texto manteniendo presionada la tecla Ctrl en la miniatura de la capa.

Texto transparente de vidrio

Crear una nueva capa llamada "Brillo superior"…

Texto de vidrio transparente

… y aplicamos nuevamente un degradado blanco a transparente con degradado radial, como se muestra a continuación…

Texto de vidrio transparente

Resultado parcial:

Texto de vidrio transparente

Luego deseleccionamos con Ctrl+D

Texto de vidrio transparente

… y cambiamos la opacidad al 30%.

Texto de vidrio transparente

Resultado parcial:

Texto de vidrio transparente

Para un reflejo más intenso, primero creamos una selección de elipse sobre la mitad superior de nuestro texto … (para mover la elipse mientras se crea, mantén presionada la tecla Barra espaciadora).

Texto de vidrio transparente

Luego invertimos esta selección presionando Ctrl+Shift+I

Texto de vidrio transparente

… y eliminamos el resto del degradado con la tecla Supr, para obtener un borde de reflejo duro.

Texto de vidrio transparente

4. Creación de resaltados (2 variantes)

Para crear aún más brillo, creamos pequeños marcadores de resaltado. Hay varias variantes. Explicaré 2 de ellas. Uno con estrellitas poligonales y otro con manchas de difuminado.

Variante 1: Estrellitas poligonales

Comenzamos con las estrellitas poligonales. Para ello, creamos una nueva capa y la llamamos "Estrellitas".

Texto de vidrio transparente

Luego seleccionamos la herramienta de polígono

Texto de vidrio transparente

... hacer clic en la barra de control en la pequeña flecha hacia abajo y...

Texto de vidrio transparente

... allí hacer clic en la opción Estrella.

• Ajustamos reducir páginas a al 98% para obtener picos realmente duros. Luego ingresamos 5 en páginas para obtener 5 picos por estrella.

Texto de vidrio transparente

Es importante aquí que hayamos establecido el color del primer plano en blanco. Luego colocamos las estrellas en los lugares más iluminados...

Texto de vidrio transparente

Así es como puede verse todo.:)

Texto de vidrio transparente



Ahora pasaremos a la segunda variante. Pero antes limpiaremos nuestra paleta de capas, agrupando nuestras capas de polígonos en un grupo (seleccionando las capas correspondientes y presionando Ctrl+G). Luego podemos ocultarlas con un clic. Podemos nombrar el grupo "Estrellitas".

Variante 2: Crear manchas de luz como pinceles

A continuación, les mostraré un método muy eficiente de colocar rápidamente y fácilmente manchas de luz. Para ello, primero necesitamos un nuevo documento con un lienzo de 2000 x 2000 píxeles (lo necesitaremos, ya que las manchas de luz, incluso en un estado pequeño, son enormemente grandes;) ).

Texto de vidrio transparente

Rellenamos el fondo con negro...

Texto de vidrio transparente

... y seleccionamos nuestras manchas de luz.

Texto de vidrio transparente

Ahora debemos asegurarnos de colocar la mancha de luz en el centro para captar también el brillo alrededor sin cortes en nuestro lienzo.

Texto de vidrio transparente

Quienes observen detenidamente o miren su monitor desde arriba, podrán notar que nuestra mancha de luz roza casi el borde superior.;)

Texto de cristal transparente

Pero por suerte logramos captarla por completo. Por eso presionamos ahora Ctrl+ I, para invertir nuestra capa.

Texto de vidrio transparente

Luego seleccionamos toda la capa con la combinación de teclas Ctrl+A, vamos a Editar>Definir valor del pincel...

Texto de vidrio transparente

... y guardamos nuestra mancha de luz como pincel.

Texto de cristal transparente

Volviendo a nuestro documento, creamos primero una nueva capa y la llamamos "Manchas de luz".

Texto de vidrio transparente

Ahora podemos llamar al pincel recién creado en la paleta de pinceles.

Texto transparente de vidrio

Debemos asegurarnos de que nuestro pincel no sea demasiado grande antes. Además, el color del primer plano debe ser blanco.

Texto de vidrio transparente

Es mejor crear una nueva capa por cada mancha de luz (para poder moverlas según sea necesario) y colocarlas en las zonas reflejadas de nuestra imagen.

Texto de vidrio transparente

5. Crear reflejos

Como sucede con la mayoría de los objetos de alto brillo, suelen dejar un reflejo. Y eso es exactamente lo que haremos ahora con nuestro texto.

Lo primero que necesitamos es una copia de capa de nuestro texto completo con todas las reflexiones. Para esto, seleccionamos las capas "PSD", "Brillo inferior" y "Brillo superior" y las arrastramos con el botón del ratón presionado hacia la hoja de papel inferior para crear una copia de todas las capas.

Texto de vidrio transparente

Luego presionamos Ctrl+E, para combinar estas duplicados en una capa.

Texto de vidrio transparente

Luego presionamos Ctrl+T, para transformar la capa. Hacemos clic con el botón derecho en la capa de transformación y seleccionamos Voltear verticalmente.

Texto de vidrio transparente

Luego movemos el plano hacia abajo con las teclas de flecha hasta que los bordes del plano se toquen. Esto solo sucede con la "S" en este caso. Los otros dos aún necesitarán ajustes.

Texto de vidrio transparente

Por lo tanto, seleccionamos la letra "P" utilizando la herramienta de selección rectangular.

Texto de vidrio transparente

Luego presionamos la tecla "V" para usar nuestra herramienta de mover. Con esta herramienta, desplazamos la "P" hacia arriba con las teclas de flecha hasta que toque el borde inferior. Si presionamos Ctrl+H, la selección se ocultará y podemos evaluar mejor la posición. Esto es muy útil al mover elementos.

No importa que el borde inferior de la "P" esté cortado, ya que de todos modos se ocultará más adelante.

Texto de vidrio transparente

Realizamos el mismo proceso con la letra "D".

Texto de vidrio transparente

Luego creamos una máscara de capa en esta capa…

Texto de cristal transparente

… seleccionamos la herramienta de degradado y configuramos un degradado blanco y negro o un degradado negro a transparente. Asegurémonos de tener la opción de degradado lineal activada.

Texto de cristal transparente

Comenzamos el degradado en el borde inferior y lo llevamos hacia arriba según lo mostrado en la imagen. Si mantenemos presionada la tecla Shift, el degradado será recto.

Texto de vidrio transparente

Y obtenemos el siguiente resultado parcial:

Texto transparente de vidrio

Como sucede con muchos reflejos, la reflexión suele ser muy tenue. Por lo tanto, ajustamos la opacidad de esta capa a un valor más bajo (44%) para obtener un reflejo relativamente realista.

Texto de cristal transparente



Esto da más espacio al texto, ya que se crea la ilusión de un suelo a través del reflejo. Para enfatizar este espacio, crearemos un suelo.

Primero organizamos nuestras capas. Renombramos la capa recién creada como "Reflexión". Dado que la reflexión quedará debajo del texto, movemos la capa "Reflexión" debajo de la capa "PSD". Luego, agrupamos el texto con el reflejo y las reflexiones en un grupo llamado "PSD". Y agrupamos las tres capas de manchas de luz en un grupo. Así, nuestra estructura de capas consiste en la capa de fondo, el grupo "PSD", el grupo "Estrellita" y el grupo de manchas de luz.

Debajo del grupo "PSD", creamos una carpeta llamada "Suelo" y procedemos a crear nuestra última gráfica dentro de ella.

6. Creación de un suelo

Dentro del grupo de capas "Suelo", creamos una nueva capa llamada "Suelo". Luego utilizamos nuestra herramienta de degradado.

Texto de vidrio transparente

Configuramos los siguientes valores de color:

Texto de vidrio trasparente

Luego, con la tecla Shift presionada, creamos un degradado bonito de arriba abajo.

Texto de vidrio transparente

Resultado parcial:

Texto de vidrio transparente

Aunque esto ya se ve muy bien, debemos recordar que es nuestro suelo. Presionamos ahora Ctrl+T y desplazamos la capa hacia abajo desde el centro superior hasta que sobresalga un poco sobre la reflexión. De esta forma, el texto no se encuentra en el borde trasero de la "habitación", sino más en el centro.

Texto de vidrio transparente

Resultado parcial:

Texto de vidrio transparente

Así que aquí está nuestro suelo virtual. No obstante, no es completamente convincente ya que no proyecta sombra. Por lo tanto, creamos una nueva capa para la sombra y la colocamos debajo de nuestra capa "Suelo".

También le damos a esta capa el nombre de "Sombra". Luego seleccionamos un pincel redondo y negro suave…

Texto de vidrio transparente

… y dibujamos a lo largo del borde del suelo, manteniendo presionada la tecla Shift ligeramente fuera del documento.

Texto de cristal transparente

Resultado intermedio:

Texto de vidrio transparente

Ahora nuestra sombra es un poco demasiado fuerte. Pero no pasa nada, ya que podemos desplazarla hacia abajo con la herramienta de desplazamiento y las teclas de flecha. O podemos presionar nuevamente Ctrl+T y mover el asa inferior del centro hacia arriba, para que nuestra sombra se vuelva un poco más intensa.

Texto de vidrio transparente

Luego podemos regular un poco la opacidad de la sombra (al 60%).

Texto de cristal transparente

Y finalmente hemos llegado al objetivo.:)

Espero que hayan disfrutado este tutorial, y espero cada comentario con alegría.:)

Texto de vidrio transparente