6 efectos de texto rápidos y sencillos de Photoshop desde cero

Photoshop es ideal para embellecer los textos de la pantalla con pequeños efectos. Cuando se añaden estilos de capa a la ecuación, se tiene la ventaja adicional de que los estilos son fácilmente transferibles. En este tutorial te mostraré cómo hacer seis efectos diferentes usando sólo estilos de capa. ¡Así que realmente esto es como seis tutoriales en uno!

Estos seis efectos sólo utilizan estilos de capa. Si eres un miembro Plus, puedes simplemente descargar el paquete ZIP de seis PSDs para este tutorial y copiar y pegar los estilos. Si no eres un miembro plus, no te preocupes. He dado suficientes indicaciones en las instrucciones para que puedas unirlas, aunque debo admitir que copiar tantos estilos de capas puede volverte ligeramente loco :-)

Texto de oro rápido

Hay muchas formas de hacer un texto "dorado". Este hace uso de dos capas con el mismo texto. Las capas están superpuestas, con la capa inferior unos pocos píxeles más abajo, de modo que da una ilusión de 3 dimensiones.

La fuente que utilizamos aquí es Trajan, un tipo de letra muy elegante que se adapta al texto dorado.

En primer lugar, la capa superior, que está hecha con lo habitual: un bisel, una superposición de degradado, etc. Fíjate en la débil sombra que se aplica a la capa inferior (que a su vez tiene su propia sombra).

Esta es la capa que da la profundidad a nuestras letras. Observa que la parte interior no es importante porque queda cubierta por nuestra capa de chapado en oro de arriba. Utiliza un Bisel Exterior sobre el Trazo grueso para crear los reflejos. Luego, cuando se coloca la otra capa encima, ¡se unen para hacer un bonito efecto dorado!

Hay muchas formas de hacer un texto "dorado". Este utiliza dos capas.

Texto metálico en 3D

Este efecto es en realidad una variación del texto dorado. Como puedes ver a continuación, hemos vuelto a utilizar las dos copias del texto, cada una con estilos de capa aplicados. Aquí usé un Contorno Brillante diferente en el texto biselado de abajo, y por supuesto en todos los lugares donde usamos un tono amarillo en el último efecto, aquí usé un color gris.

Para intentar algo ligeramente diferente, también he aplicado una deformación de texto. Para esto, haga clic en la capa de texto, selecciona la herramienta Texto Horizontal (T) y luego aparece un icono en la parte superior (mostrado abajo) sobre el que se hace clic. Esto da lugar al cuadro de diálogo Deformar Texto.

Ahora, si aplicas un Bulge a una de las capas, pero no a la otra, obtienes una ligera distorsión que se ve bien.

Tipo doble

Este efecto es mucho más sencillo y sólo se basa en tener dos versiones del texto, una con estilo y otra sin él. Aquí he utilizado el tipo de letra Futura. Creo que una vez vi este efecto en un cartel de cine, así que he utilizado el rojo como ellos, pero funciona igual de bien con otros colores y combinaciones.

Todo lo que hay que hacer es aplicar dos trozos de estilo de capa:

1. Añade un trazo exterior de 1px utilizando un degradado en lugar de un color. He utilizado uno de los degradados metálicos de Photoshop (ve el estilo de metal fino más abajo para más detalles). Le da a los bordes una calidad brillante que es agradable.
2. A continuación, añadimos una superposición de degradado de negro a blanco al texto establecido en Superposición y 50%. Esto significa que cuando cambias el color del texto se ajusta automáticamente para que tengas un bonito sombreado en la parte superior.

HiperColor

Este efecto lo descubrí en el sitio de Chris Garrett Media, donde lo utiliza con mucho efecto. Es un efecto muy sencillo, sólo tienes que tomar un texto (el tipo de letra es DIN en este ejemplo) y darle una superposición de degradado. Photoshop tiene algunos degradados de Armonía del Color realmente bonitos que puedes añadir haciendo clic en esa pequeña flecha que apunta a la derecha en el cuadro de diálogo del Editor de Degradados. Los degradados que añade son el montón de la parte inferior. Si eliges uno de ellos y lo pones a un 59% aproximadamente sobre texto blanco, ponlo sobre un fondo oscuro.

Metal fino

Esta es la forma más sencilla de hacer un efecto metálico. Se basa en el hecho de que cuando ves el metal en la vida real, suele tener muchas luces y sombras, especialmente los metales más brillantes y cromados. Así, utilizando dos copias del mismo degradado en diferentes ángulos, puedes conseguir este efecto muy fácilmente y dar a tu texto un efecto metálico.

Es mejor con un tipo de letra fina porque, de lo contrario, el interior del texto se ve aburrido y plano (a menos, por supuesto, que añadamos más estilo, pero entonces no sería súper rápido).

Así que, en primer lugar, decidí hacer que mi texto se "levantara" en este ejemplo. Así que crea una capa debajo de tu texto y dibuja pequeños círculos de negro debajo de los puntos de cada letra. A continuación, difumina las imágenes yendo a Filtros > Desenfoque > Desenfoque gaussiano y ajústalo a unos 2px. A continuación, pulsa Ctrl+T y aplástalos verticalmente. Por último, ponlos a un 30% de opacidad para que queden bien difuminados.

Para letras como la a y la e, en las que hay una zona más grande de la letra que toca el "suelo", puedes utilizar la herramienta transformar para estirar el círculo en sentido horizontal.

Por último, duplicamos una de las sombras circulares y la estiramos para que pasara por debajo de todo el texto y así crear la sombra general.

Experimenta y podrás crear unos pequeños charcos de sombra debajo de las letras.

Ahora el texto real es sólo una combinación de una superposición de degradado y un trazo de 1px que utiliza el mismo degradado. El degradado que utilizamos (y es el mismo que en el efecto Doble Tipo anterior) es un degradado metálico que viene con Photoshop. Puedes añadir esto a tu paleta de degradados, usando esa pequeña flecha a la derecha que se muestra en el editor de degradados de abajo, luego elige Metales y deberías verlo aparecer.

La clave aquí es asegurarse de que el ángulo de la superposición y del trazo es diferente. Esto es lo que crea los resaltados en el texto que puedes ver en la captura de pantalla de arriba.

También he puesto la superposición principal a sólo 14% de opacidad en la parte superior de un texto gris para que fuera un poco desvanecido, pero eso es opcional.

Plástico Fantástico

Me encantan estos estilos de texto tipo gel, aunque debo admitir que creo que nunca he utilizado uno en un diseño real. Pero a quién le importa, son muy divertidos de hacer. Este utiliza dos copias del texto y dos estilos de capa diferentes (similar a nuestros dos primeros textos metálicos anteriores).

Puede ver las dos capas a continuación. El estilo principal se realiza en la capa inferior, mientras que la superior se utiliza para crear ese efecto de brillo.

En la capa inferior hemos utilizado un montón de brillos, sombras alteradas y superposiciones de degradado. Puede ver los ajustes reales más abajo.

En esta capa he modificado fuertemente un estilo de Bisel y Relieve para crear ese resaltado de bordes definidos. De nuevo, puedes ver los ajustes exactos, incluida la forma del contorno del degradado más abajo.