6 efectos de texto de Photoshop Quick'n'Dirty desde cero

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

Los seis de estos efectos usan solo estilos de capa. Si es miembro de Plus, simplemente puede descargar el paquete ZIP de seis PSD para este tutorial y copiar y pegar los estilos. Si no eres un miembro más, ¡no te preocupes! He dado suficiente orientación en las instrucciones para que puedas juntarlas, aunque debo admitir que copiar tantos estilos de capas puede que te vuelvan un poco loco :-)

Texto de oro rápido

Hay muchas formas de hacer un texto "dorado". Esta utiliza dos capas con el mismo texto exacto. Están colocados uno encima del otro con la capa inferior unos pocos píxeles hacia abajo, de modo que da una ilusión de 3 dimensiones..

La fuente que usamos aquí es Trajan, una tipografía muy elegante que se adapta al texto dorado..

Primero, la capa superior, que está hecha con los sospechosos habituales: un bisel, una superposición de degradado, etc. Tenga en cuenta la tenue sombra que se aplica a la capa debajo de ella (que luego tiene su propia sombra).

Esta es la capa que le da la profundidad a nuestras letras. Tenga en cuenta que la broca interior no es importante porque queda cubierta por nuestra capa de chapado de oro en la parte superior. Utiliza un bisel exterior sobre un trazo grueso para crear los aspectos más destacados. Luego, cuando colocamos la otra capa en la parte superior, se unen para crear un efecto dorado encantador.!

Hay muchas formas de hacer un texto "dorado". Éste hace uso de dos capas..

Texto Metálico 3D

Este efecto es en realidad solo una variación del texto dorado. Como puede ver a continuación, hemos utilizado nuevamente las copias duales del texto, cada una con estilos de capa aplicados. Aquí utilicé un Contorno de brillo diferente en el texto biselado a continuación, y por supuesto, en todos los casos usamos un tono amarillo en el último efecto, usé un color gris aquí.

Para probar algo ligeramente diferente, también apliqué una deformación de texto. Puede hacerlo haciendo clic en la capa de texto, seleccionando la Herramienta de tipo horizontal (T) y luego aparece un icono en la parte superior (que se muestra a continuación) en el que hace clic. Esto le da al cuadro de diálogo Texto Warp..

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

DoubleType

Este efecto es mucho Más simple y solo se basa en tener dos versiones del texto, una con estilo y otra no. He usado Futura como mi tipo de letra aquí. Creo que vi este efecto en el póster de una película una vez, así que usé el rojo de la forma en que lo hicieron, pero funciona igual de bien con otros colores y combinaciones..

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

  1. Agregue un Trazo exterior de 1px usando un degradado en lugar de un color. He usado uno de los degradados metálicos de Photoshop (vea el estilo de metal delgado más abajo para más detalles). Da a los bordes una calidad brillante que es agradable..
  2. Luego agregamos una Superposición de degradado de negro a blanco al conjunto de texto en Superposición y 50%. Esto significa que cuando cambia el color del texto, se ajusta automáticamente para que tenga un poco de sombreado en la parte superior..

HyperColor

Este efecto lo descubrí en el sitio de Chris Garrett Media, donde lo usa con gran éxito. Realmente es un efecto muy simple, solo toma un poco de texto (el tipo de letra es DIN en este ejemplo) y le da una Superposición de degradado. Photoshop tiene algunos gradientes de armonía de color realmente agradables que puede agregar haciendo clic en esa pequeña flecha que apunta a la derecha en el cuadro de diálogo Editor de degradado. Los gradientes que agrega son el grupo en la parte inferior. Si elige uno de esos y lo configura en aproximadamente un 59% en texto blanco, establezca 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 se ve el metal en la vida real, por lo general tiene muchos reflejos y sombras, especialmente metales de tipo cromado, más brillantes. Por lo tanto, al utilizar dos copias del mismo degradado en diferentes ángulos, puede hacer que este efecto se produzca realmente fácilmente y darle a su texto un efecto metálico..

Es mejor en una tipografía delgada porque, de lo contrario, el interior del texto se ve opaco y plano (a menos que, por supuesto, agregamos más estilo, ¡pero luego no sería muy rápido!)

Entonces, en primer lugar, decidí hacer que mi texto se 'parara' en este ejemplo. Así que solo crea una capa debajo de tu texto y dibuja pequeños círculos de negro debajo de los puntos de cada letra. Luego difumínalos yendo a Filters> Blur> Gaussian Blur y configúralo a aproximadamente 2px. Luego presiona Ctrl + T y aplastalos verticalmente. Finalmente, configúralos a un 30% de opacidad para que sean agradables y se desvanezcan.

Para letras como la una y mi donde hay un área más grande de la letra que toca el 'piso', puede usar la herramienta de transformación para estirar el círculo horizontalmente.

Finalmente duplicé una de mis sombras circulares y la estiré. waay de modo que quedara debajo de todo el texto para hacer la sombra general.

Experimenta y deberías poder crear algunos pequeños y ordenados grupos de sombras debajo de las letras.

Ahora el texto real es solo una combinación de una Superposición de degradado y un Trazo de 1px que usa el mismo gradiente. El degradado que usamos (y es el mismo que en el efecto de Tipo Doble anterior) es un degradado metálico que viene con Photoshop. Puedes agregar esto a tu paleta de gradientes, usando esa pequeña flecha derecha que se muestra en el Editor de degradado a continuación, luego elige Metales y deberías verlo.

La clave aquí es asegurarse de que el Ángulo en la superposición y el trazo sean diferentes. Esto es lo que crea los puntos destacados en el texto que puede ver en la captura de pantalla de primer plano arriba..

También puse la superposición principal en solo un 14% de opacidad sobre un texto gris para que se desvaneciera un poco, pero eso es opcional.

Plástico fantástico

Me encantan estos estilos de texto de tipo gel, aunque debo admitir que no creo que haya usado 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 capas diferentes (similar a nuestros dos primeros textos en metal anteriormente).

Puedes ver las dos capas de abajo. El estilo principal se realiza en la capa inferior, mientras que el 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. Puedes ver la configuración real más abajo..

En esta capa, he modificado mucho un estilo de bisel y relieve para crear ese resalte de bordes afilados. De nuevo, puede ver la configuración exacta, incluida la forma del contorno del degradado a continuación.