



Photoshop: ¡Efectos Geniales para Texto!



Hola amig@s, hoy les traigo 4 tutoriales para hacer estupendos efectos para texto con Photoshop ojala les gusten...


EFECTO HUMO.
Para el tutorial, vamos a usar un pincel de forma humo.

Paso 1
• Creamos un documento de 1980x1200


• Le hacemos un degradado radial con estos colores: #202b35 y #07090a






Paso 2
• Vamos a crear un texto en el centro de la imagen, de color blanco, yo use la fuente Bebas ustedes escojan el tamaño.


• Vamos a Filtro > Desenfocar > Desenfoque de movimiento


• El Angulo va a ser de 90° y en Distancia sera 40px.




Paso 3
• Ahora vamos a Filtro > Distorsionar > Onda


• Ahora las propiedades van a ser como están en la imagen: (perdón que se vea poco clara)


• Nos tiene que quedar así:


• En Filtro > Desenfocar > Desenfoque gaussiano ponemos un radio de 10px.






Paso 4
• Hacemos que la capa del texto quede dentro de un grupo, y a ese grupo, le ponemos Sobreexponer color.




• Hacemos una nueva capa que quede fuera del grupo del texto.


• Con esa capa seleccionada, vamos a Filtro > Interpretar > Nubes


• Le damos a esa capa un Sobreexponer color y quedara así:


Paso 5
• Por ultimo, hacemos una nueva capa, dentro del grupo del texto, y con el pincel de humo, vamos dando el efecto a las letras.


• Usen el tamaño, rotación o opacidad que prefieran, todo dependerá del ustedes. En mi caso me quedo así:
¡Resultado!




EFECTO TRANSPARENTE.

Paso 1
• Abran un documento, en mi caso abri directamente una textura.


• Coloquen un texto de color blanco con una fuente y tamaño que ustedes quieran.


Paso 2
• Damos clic derecho en la capa de fondo, y nos vamos a Opciones de fusión


• Seleccionamos Sombra Paralela y pondremos las siguientes propiedades:
- Modo de fusión: Subexponer color
- Color: Negro
- Opacidad: 20%
- Angulo: 120º (Desmarcamos la opción "Usar luz global", si esta marcada si no pues déjala así).
- Distancia: 5
- Extensión: 50
- Tamaño: 10



• Allí mismo, nos vamos a Sombra Interior y pondremos las siguientes propiedades:
- Modo de fusión: Subexponer color
- Color: Blanco
- Opacidad: 10%
- Angulo: -90º (Con la opción "Usar luz global" marcada).
- Distancia: 6
- Extensión: 0
- Tamaño: 15



Paso 3
• Vamos ahora a Bisel y relieve y aplicamos lo siguiente:
- Estilo: inglete interior
- Técnica: Redondeado
- Profundidad: 1000%
- Dirección: Arriba
- Tamaño: 15
- Suavizar: 0
- Angulo: 90º (Luz global desmarcada)
- Altitud: 40º
• En Contorno de resplandor hacemos clic en contorno que trae por defecto, y luego hacemos la curva para el nuevo contorno, háganlo como en el gif:


Luego...
- Modo resaltado: Trama(Color blanco).
- Opacidad: 100%
- Modo de sombra; Normal (Color blanco).
- Opacidad: 20%
• Nos queda así entonces:


Paso 4
• Dentro de Bisel y relieve nos ubicamos en Contorno y escogemos el que se muestra en el gif.


• Luego nos vamos a Trazo y ponemos lo siguiente:
- Tamaño: Depende el tamaño de la fuente en este caso 3 px
- Posición: Exterior
- Modo de fusión: Normal
- Opacidad: 100%
- Tipo de relleno: Degradado
• Seleccionan cualquier degradado, yo escogí, el blanco/negro que viene por defecto.
- Estilo: Estallido de forma.
- Angulo: 90º
- Escala: 100%
• Nos queda así:


• Damos clic en Ok y listo!
¡Resultado!


También pueden agregar color al texto...




EFECTO CARAMELO.
Para este efecto necesitamos dos recursos, una motivo y una fuente:

Paso 1
• Creamos un nuevo documento de las medidas que gusten, yo use 600x400


• Agregamos un texto con una fuente que sea acorde al tema, yo use Gecko Personal y de color negro.


Paso 2
• Clic derecho a la capa del texto y entramos a Opciones de Fusión


• Seleccionamos Bisel y relieve y agregamos las siguientes propiedades:
- Profundidad: 100%
- Tamaño: 10px
- Angulo: 90°
- Altitud: 60 (desmarcar Usar luz global)
• En Contorno de resplandor hacemos clic en contorno que trae por defecto, y luego hacemos la curva para el nuevo contorno, háganlo como en el gif:


Luego ...
- Marcamos Suavidad
- Modo resaltado: Normal, Color Blanco, Opacidad 100
- Modo resaltado: Normal, Color #600a09, Opacidad 100
Nos queda así:




Paso 3
• Allí mismo nos vamos a Contorno y escogemos el contorno que se muestra en el gif:


• Vamos a Textura escojemos el motivo que descargaron y colocamos:
- Escala: 100%
- Profundidad:+242


Paso 4
• Ahora vamos a Sombra Interior y colocamos:
Modo de fusión: Subexposicion lineal Color:NegroOpacidad : 85%Angulo: -90 sin usar luz global.Distancia: 2Tamaño: 2


• Le ponemos una Superposición de motivo con lo siguiente:
- Motivo: Escojan el que descargaron
- Escala: 100%


Paso 5
• Agregamos Resplandor exterior:
- Modo de fusión: Multiplicar
- Opacidad: 75%
- Color de degradado: #97002e
- Tamaño: 3
- Rango: 50




• Por ultimo en Sombra Paralela ponemos:
- Modo de fusión: Normal
- Color: #3d0000
- Opacidad: 85%
- Angulo: 120° usando luz global
- Distancia: 3
- Tamaño: 5
- En calidad vamos a agregarle el mismo contorno que usamos anteriormente
• Damos en Ok y listo!
¡Resultado!




EFECTO METÁLICO.

Paso 1
• Abrimos un nuevo documento, o bien un archivo con una textura como yo hice, usen uno que haga resaltar el texto:


• Pongan un texto de color blanco, yo use la fuente Strasua


Paso 2
• Clic derecho en la capa del texto, Opciones de Fusión y comenzamos a agregar estilo en Sombra paralela con lo siguiente:
- Modo de fusión: Normal
- Opacidad: 70
- Angulo: 90° (Desmarcar luz global)
- Distancia: 10
- Extensión: 20
- Tamaño: 10


• Seleccionamos Superposición de degradado con lo siguiente:
- Modo de fusión: Normal
- Opacidad: 100
- Escala: 150
• Hacemos clic en el degradado y creamos un nuevo degradado con 3 puntos nuevos, no se compliquen háganlo como en el gif:


• Cada punto tendrá su color, usen la imagen siguiente para saber que colores van, en que punto:


Nos queda así..


Paso 3
• Seleccionamos Resplandor interior con lo siguiente:
- Modo de fusión: Normal
- Opacidad: 100
- Color del degradado: Blanco
- Retraer: 40
- Tamaño: 2
- Rango: 50


• Vamos a agregarle al texto el estilo 3D, para eso seleccionamos Bisel y Relieve con las siguientes propiedades:
- Estilo: Inglete Interior
- Profundidad: 100
- Tamaño: 10
- Suavizar: 1
- Angulo: 90° (desmarcar luz global)
- Altitud: 30
• En contorno de resplandor, haremos un nuevo contorno, háganlo como se ve en el gif:


Paso 4
• Para darle mas efecto metalizado, seleccionamos Satinado con lo siguiente:
- Modo de fusion: Sobreexponer color
- Opacidad: 50
- Angulo: 20
- Distancia: 45
- Tamaño: 8
• Escogemos el contorno como se muestra en el gif:



• Nos queda así:


Paso 5
• Por ultimo, seleccionamos Trazo y ponemos los siguientes valores:
- Opacidad: 100
- Tamaño: 2
• Seleccionamos el degradado, para crear un nuevo con 1 nuevo punto.


Y nos queda así:


• Damos en Ok y listo!
¡Resultado!






Post creado por el usuario:
No hay comentarios.:
Publicar un comentario