jueves, 11 de agosto de 2016

Photoshop: ¡Efectos Geniales para Texto!


tutorial

photoshop
propios

Photoshop: ¡Efectos Geniales para Textos!

Photoshop: ¡Efectos Geniales para Texto!

efectos

Texto

tutorial

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

propios ¡Importante! Los archivos .PSD están alojados en Deviantart y son archivos propios por lo cual son legales.

Photoshop: ¡Efectos Geniales para Textos!

EFECTO HUMO.

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

efectosDescargar Pincel Humo

Texto

Paso 1

• Creamos un documento de 1980x1200

tutorial

photoshop

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

propios

Photoshop: ¡Efectos Geniales para Textos!

efectos

Texto

tutorial

photoshop

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.

propiosDescargar Fuente Bebas

Photoshop: ¡Efectos Geniales para Textos!

efectos

• Vamos a Filtro > Desenfocar > Desenfoque de movimiento

Texto

tutorial

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

photoshop

propios

Photoshop: ¡Efectos Geniales para Textos!

efectos

Paso 3

• Ahora vamos a Filtro > Distorsionar > Onda

Texto

tutorial

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

photoshop

propios

• Nos tiene que quedar así:

Photoshop: ¡Efectos Geniales para Textos!

efectos

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

Texto

tutorial

photoshop

propios

Photoshop: ¡Efectos Geniales para Textos!

efectos

Paso 4

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

Texto

tutorial

photoshop

propios

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

Photoshop: ¡Efectos Geniales para Textos!

efectos

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

Texto

tutorial

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

photoshop

propios

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.

Photoshop: ¡Efectos Geniales para Textos!

efectos

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

¡Resultado!

Texto

tutorial

photoshop

propios

EFECTO TRANSPARENTE.

Photoshop: ¡Efectos Geniales para Textos!

Paso 1

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

efectos

Texto

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

tutorial

photoshop

Paso 2

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

propios

Photoshop: ¡Efectos Geniales para Textos!

• 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

efectos

Texto

tutorial

• 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

photoshop

propios

Photoshop: ¡Efectos Geniales para Textos!

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:

efectos

Texto

Luego...

  • Modo resaltado: Trama(Color blanco).
  • Opacidad: 100%
  • Modo de sombra; Normal (Color blanco).
  • Opacidad: 20%

• Nos queda así entonces:

tutorial

photoshop

Paso 4

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

propios

Photoshop: ¡Efectos Geniales para Textos!

• 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í:

efectos

Texto

• Damos clic en Ok y listo!

¡Resultado!

tutorial

photoshop

También pueden agregar color al texto...

propios

Photoshop: ¡Efectos Geniales para Textos!

efectos

Texto

EFECTO CARAMELO.

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

tutorialDescargar Fuente Gecko Personal

photoshopDescargar Motivo Caramelo

propios

Paso 1

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

Photoshop: ¡Efectos Geniales para Textos!

efectos

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

Texto

tutorial

Paso 2

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

photoshop

propios

• 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:

Photoshop: ¡Efectos Geniales para Textos!

efectos

Luego ...

  • Marcamos Suavidad
  • Modo resaltado: Normal, Color Blanco, Opacidad 100
  • Modo resaltado: Normal, Color #600a09, Opacidad 100


Nos queda así:

Texto

tutorial

photoshop

propios

Paso 3

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

Photoshop: ¡Efectos Geniales para Textos!

efectos

• Vamos a Textura escojemos el motivo que descargaron y colocamos:

  • Escala: 100%
  • Profundidad:+242

Texto

tutorial

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

photoshop

propios

• Le ponemos una Superposición de motivo con lo siguiente:

  • Motivo: Escojan el que descargaron
  • Escala: 100%

Photoshop: ¡Efectos Geniales para Textos!

efectos

Paso 5

• Agregamos Resplandor exterior:

  • Modo de fusión: Multiplicar
  • Opacidad: 75%
  • Color de degradado: #97002e
  • Tamaño: 3
  • Rango: 50


Texto

tutorial

photoshop

propios

• 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!

Photoshop: ¡Efectos Geniales para Textos!

efectos

Texto

tutorial

EFECTO METÁLICO.

photoshop

Paso 1

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

propios

Photoshop: ¡Efectos Geniales para Textos!

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

efectosDescargar Fuente Strasua

Texto

tutorial

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

photoshop

propios

• 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:

Photoshop: ¡Efectos Geniales para Textos!

efectos

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

Texto

tutorial

Nos queda así..

photoshop

propios

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

Photoshop: ¡Efectos Geniales para Textos!

efectos

• 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:

Texto

tutorial

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:

photoshop

propios

Photoshop: ¡Efectos Geniales para Textos!

• Nos queda así:

efectos

Texto

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.

tutorial

photoshop

Y nos queda así:

propios

Photoshop: ¡Efectos Geniales para Textos!

• Damos en Ok y listo!

¡Resultado!

efectos

Texto

tutorial

photoshop

propios

Photoshop: ¡Efectos Geniales para Textos!

Post creado por el usuario:



No hay comentarios.:

Publicar un comentario

Deja tus comentarios,dudas,pedidos o lo que sea que necesites :D por favor.

Related Posts Plugin for WordPress, Blogger...