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 Texto de vidrio transparente](/storage/media/text-tutorials/473/01.webp)
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:
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.
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.
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.
Allí ingresamos el siguiente valor: #a9419c.
Para nuestro resultado intermedio:
Ajustamos la opacidad de la capa al 28%, para que nuestro texto parezca transparente por ahora.
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:
Obtenemos el siguiente resultado:
Luego, seleccionamos sombra interior y aplicamos los siguientes valores:
Y obtenemos el siguiente resultado:
• Resplandor exterior:
Resultado intermedio:
• Resplandor interior:
• Bisel y relieve:
• Contorno:
Resultado intermedio:
• 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".
Resultado intermedio:
• Contorno:
Resultado parcial:
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.
Después creamos una nueva capa.
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…
… y arrastramos el degradado como se muestra en la imagen a continuación.
Resultado:
También podemos ocultar la selección con Ctrl+H. De esta forma, podemos evaluar mejor el resultado al crear un segundo degradado.
Por lo tanto, creamos otro degradado, como se muestra en la imagen, para intensificar aún más el brillo.
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.
Así obtenemos el siguiente resultado parcial:
Continuamos con la esquina superior izquierda: Seleccionamos el texto manteniendo presionada la tecla Ctrl en la miniatura de la capa.
Crear una nueva capa llamada "Brillo superior"…
… y aplicamos nuevamente un degradado blanco a transparente con degradado radial, como se muestra a continuación…
Resultado parcial:
Luego deseleccionamos con Ctrl+D …
… y cambiamos la opacidad al 30%.
Resultado parcial:
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).
Luego invertimos esta selección presionando Ctrl+Shift+I …
… y eliminamos el resto del degradado con la tecla Supr, para obtener un borde de reflejo duro.
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".
Luego seleccionamos la herramienta de polígono …
... hacer clic en la barra de control en la pequeña flecha hacia abajo y...
... 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.
Es importante aquí que hayamos establecido el color del primer plano en blanco. Luego colocamos las estrellas en los lugares más iluminados...
Así es como puede verse todo.:)
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;) ).
Rellenamos el fondo con negro...
... y seleccionamos nuestras manchas de luz.
Ahora debemos asegurarnos de colocar la mancha de luz en el centro para captar también el brillo alrededor sin cortes en nuestro lienzo.
Quienes observen detenidamente o miren su monitor desde arriba, podrán notar que nuestra mancha de luz roza casi el borde superior.;)
Pero por suerte logramos captarla por completo. Por eso presionamos ahora Ctrl+ I, para invertir nuestra capa.
Luego seleccionamos toda la capa con la combinación de teclas Ctrl+A, vamos a Editar>Definir valor del pincel...
... y guardamos nuestra mancha de luz como pincel.
Volviendo a nuestro documento, creamos primero una nueva capa y la llamamos "Manchas de luz".
Ahora podemos llamar al pincel recién creado en la paleta de pinceles.
Debemos asegurarnos de que nuestro pincel no sea demasiado grande antes. Además, el color del primer plano debe ser blanco.
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.
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.
Luego presionamos Ctrl+E, para combinar estas duplicados en una capa.
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.
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.
Por lo tanto, seleccionamos la letra "P" utilizando la herramienta de selección rectangular.
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.
Realizamos el mismo proceso con la letra "D".
Luego creamos una máscara de capa en esta capa…
… 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.
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.
Y obtenemos el siguiente resultado parcial:
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.
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.
Configuramos los siguientes valores de color:
Luego, con la tecla Shift presionada, creamos un degradado bonito de arriba abajo.
Resultado parcial:
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.
Resultado parcial:
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…
… y dibujamos a lo largo del borde del suelo, manteniendo presionada la tecla Shift ligeramente fuera del documento.
Resultado intermedio:
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.
Luego podemos regular un poco la opacidad de la sombra (al 60%).
Y finalmente hemos llegado al objetivo.:)
Espero que hayan disfrutado este tutorial, y espero cada comentario con alegría.:)