7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo Crear un Efecto de Texto Photoshop de Letras con Focos 3D

Scroll to top
Read Time: 16 mins
This post is part of a series called Text Effects .
How to Create a 'Stranger Things' Inspired Text Effect in Adobe Photoshop
How to Create an 80s-Inspired Silver Text Effect in Adobe Photoshop

Spanish (Español) translation by Alison Pumapillo (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿Quieres saber cómo hacer letreros en Photoshop con letras con focos de estilo profesional? Este tutorial de Photoshop te mostrará algunos consejos y trucos para crear un efecto de texto de letras con focos utilizando las herramientas y ajustes 3D de Photoshop, junto con algunas imágenes, texturas, estilos de capa y capas de ajuste.

Pero, si tienes poco tiempo y no puedes crear un diseño de letras con bombillas en Photoshop desde cero, visita Envato Elements.

Allí encontrarás un número ilimitado de efectos de texto de Photoshop y fuentes de letras con focos que te ahorrarán mucho tiempo. Sigue bajando después de nuestro tutorial de Photoshop para saber más, y explora links útiles como este:

Efecto de texto de Photoshop de letrero con luz retroEfecto de texto de Photoshop de letrero con luz retroEfecto de texto de Photoshop de letrero con luz retro
Este efecto de texto de Photoshop es perfecto si quieres hacer un letrero con luz retro bastante genial.

Y si prefieres los vídeos tutoriales de Photoshop, también te tenemos cubierto. Visita el canal de YouTube de Envato Tuts+ para aprender a hacer un efecto de texto de letras con focos en Photoshop en este nuevo vídeo:

Lo que aprenderás en este tutorial de Photoshop para crear efectos de texto de letras con focos:

  • Cómo ajustar una textura de fondo
  • Cómo crear un texto 3D editable
  • Cómo trabajar con una escena 3D
  • Cómo ajustar la malla 3D y las configuraciones de capa
  • Cómo crear un material con textura
  • Cómo guardar y volver a aplicar materiales 3D
  • Cómo crear más materiales con textura
  • Cómo ajustar la iluminación de una escena 3D
  • Cómo configurar diversos ajustes 3D
  • Cómo renderizar y modificar una escena 3D renderizada
  • Cómo crear un efecto de viñeta
  • Cómo añadir focos de luz
  • Cómo crear estilos de capa y duplicar objetos
  • Cómo añadir focos no iluminados
  • Cómo añadir destellos
  • Cómo añadir ajustes generales

Lo que necesitarás:

Los siguientes recursos fueron utilizados durante la producción de este tutorial de Photoshop de efectos de letras con focos:

1. Cómo ajustar una textura de fondo

Paso 1

Crea un nuevo documento de 1000 x 750px, ve a Archivo > Añadir enlace y abre la imagen BrickSmallBrown0478 para añadirla como Objeto inteligente.

Cambia el tamaño de la imagen para que llene el documento y pulsa la tecla Enter.

Imagen de fondo, tutorial de Photoshop de letras con focosImagen de fondo, tutorial de Photoshop de letras con focosImagen de fondo, tutorial de Photoshop de letras con focos

Paso 2

Ve a Imagen > Ajustes > Tono/saturación, y cambia el valor de la Brillo a -65.

Tono/saturación, tutorial de Photoshop de letras con focosTono/saturación, tutorial de Photoshop de letras con focosTono/saturación, tutorial de Photoshop de letras con focos

Paso 3

Haz doble clic en la capa BrickSmallBrown0478 para aplicar un efecto de Superposición de color con estos ajustes:

  • Color: #e0e0e0
  • Modo de fusión: Quemado lineal
Superposición de color, tutorial de Photoshop de letras con focosSuperposición de color, tutorial de Photoshop de letras con focosSuperposición de color, tutorial de Photoshop de letras con focos

Esto creará una textura de fondo oscuro.

Fondo estilizado, tutorial de Photoshop de letras con focosFondo estilizado, tutorial de Photoshop de letras con focosFondo estilizado, tutorial de Photoshop de letras con focos

2. Cómo crear texto 3D editable

Paso 1

Crea texto en mayúsculas utilizando la fuente Burford Base. Cambia el Tamaño a 450 pt y el Tracking a -75.

Crea el texto, tutorial de Photoshop de letras con focosCrea el texto, tutorial de Photoshop de letras con focosCrea el texto, tutorial de Photoshop de letras con focos

Paso 2

Ve a 3D > Nueva extrusión 3D desde la Capa seleccionada.

Esto convertirá la capa de texto en una capa 3D editable.

Texto en 3D, tutorial de Photoshop de letras con focosTexto en 3D, tutorial de Photoshop de letras con focosTexto en 3D, tutorial de Photoshop de letras con focos

3. Cómo trabajar con una escena 3D

Paso 1

Para acceder a los ajustes y propiedades de la malla 3D, tendrás que abrir dos paneles: el panel 3D y el panel Propiedades.

El panel 3D tiene todos los componentes de la escena 3D, y cuando hagas clic en el nombre de cualquiera de ellos, podrás acceder a sus ajustes en el panel Propiedades. Por lo tanto, asegúrate de seleccionar siempre la pestaña del elemento que deseas modificar en el panel 3D antes de cambiar su configuración en el panel Propiedades.

Panel 3D y Propiedades, tutorial de Photoshop de letras con focosPanel 3D y Propiedades, tutorial de Photoshop de letras con focosPanel 3D y Propiedades, tutorial de Photoshop de letras con focos

Paso 2

Si seleccionas la herramienta Mover, encontrarás un conjunto de Modelos 3D para ella a la derecha de la barra Opciones.

Cuando elijas uno de ellos, podrás hacer clic y arrastrar para realizar cambios (en el elemento seleccionado en el panel 3D).

Utiliza esos modelos para cambiar la Vista actual a un ángulo que te guste.

Mueve la herramienta Modelos 3D, tutorial de Photoshop de letras con focosMueve la herramienta Modelos 3D, tutorial de Photoshop de letras con focosMueve la herramienta Modelos 3D, tutorial de Photoshop de letras con focos

4. Cómo ajustar la malla 3D y la configuración de la capa

Paso 1

Selecciona la pestaña de la malla de texto en el panel 3D, y cambia su Profundidad de extrusión a 0 en el panel de Propiedades.

Profundidad de extrusión, tutorial de Photoshop de letras con focosProfundidad de extrusión, tutorial de Photoshop de letras con focosProfundidad de extrusión, tutorial de Photoshop de letras con focos

Paso 2

Haz clic en el icono Capa en la parte superior del panel Propiedades para acceder a los ajustes.

Configuraciones de capa, tutorial de Photoshop de letras con focosConfiguraciones de capa, tutorial de Photoshop de letras con focosConfiguraciones de capa, tutorial de Photoshop de letras con focos

Paso 3

Haz clic en el selector Contorno para crear un contorno personalizado.

Una vez que se abra el Editor de contornos, haz clic en la línea que tienes para añadir un punto.

Editor de contornos, tutorial de Photoshop de letras con focosEditor de contornos, tutorial de Photoshop de letras con focosEditor de contornos, tutorial de Photoshop de letras con focos

Paso 4

Con el punto añadido seleccionado, marque la casilla Esquina en la parte inferior.

Punto de contorno, tutorial de Photoshop de letras con focosPunto de contorno, tutorial de Photoshop de letras con focosPunto de contorno, tutorial de Photoshop de letras con focos

Paso 5

Añade otro punto y activa también su casilla Esquina.

Añade otro punto de contorno, tutorial de Photoshop de letras con focosAñade otro punto de contorno, tutorial de Photoshop de letras con focosAñade otro punto de contorno, tutorial de Photoshop de letras con focos

Paso 6

A continuación, vas a seleccionar cada uno de los puntos que añadiste, y escribe sus valores de Entrada y Salida en la parte inferior.

Los valores para el punto de la izquierda son:

  • Entrada: 5
  • Salida: 95

Los valores del punto de la derecha son

  • Entrada: 95
  • Salida: 95

Haz clic en OK cuando hayas terminado.

Valores de entrada y salida, tutorial de Photoshop de letras con focosValores de entrada y salida, tutorial de Photoshop de letras con focosValores de entrada y salida, tutorial de Photoshop de letras con focos

Paso 7

Cambia el valor del Ancho del Bisel a 12 y el Ángulo a 85%.

También puedes utilizar cualquier otro valor que desees si deseas obtener un resultado diferente.

Ajustes del Bisel, tutorial de Photoshop de letras con focosAjustes del Bisel, tutorial de Photoshop de letras con focosAjustes del Bisel, tutorial de Photoshop de letras con focos

5. Cómo crear un material con textura

Paso 1

Selecciona en la malla de texto la pestaña Material de inflación frontal, y haz clic en su icono de la carpeta Difusión en el panel de Propiedades para elegir Cargar textura.

Abre la imagen misto 1.jpg del paquete Texturas de degradado metálico sin fisuras.

Carga texturas, tutorial de Photoshop de letras con focosCarga texturas, tutorial de Photoshop de letras con focosCarga texturas, tutorial de Photoshop de letras con focos

Paso 2

Haz click en el icono de textura Difusión y elige Editar propiedades UV.

Editar propiedades UV, tutorial de Photoshop de letras con focosEditar propiedades UV, tutorial de Photoshop de letras con focosEditar propiedades UV, tutorial de Photoshop de letras con focos

Paso 3

Ajusta los valores de Mosaico y Desplazamiento para lograr un resultado de tu agrado.

Valores de Mosaico y Desplazamiento, tutorial de Photoshop de letras con focosValores de Mosaico y Desplazamiento, tutorial de Photoshop de letras con focosValores de Mosaico y Desplazamiento, tutorial de Photoshop de letras con focos

Paso 4

Para el resto de los ajustes, utiliza estos valores (los valores de color utilizados están en el modo de color RGB):

  • Especular: 135, 59, 33
  • Iluminación: 191, 96, 27 - Intensidad -4.77
  • Brillo: 70%
  • Reflexión: 3%
Ajustes de material, tutorial de Photoshop de letras con focosAjustes de material, tutorial de Photoshop de letras con focosAjustes de material, tutorial de Photoshop de letras con focos

6. Cómo guardar y volver a aplicar los materiales en 3D

Paso 1

Haz clic en el cuadro del Selector de materiales, haz clic en el icono del menú emergente y elige Nuevo material.

Nuevo material, tutorial de Photoshop de letras con focosNuevo material, tutorial de Photoshop de letras con focosNuevo material, tutorial de Photoshop de letras con focos

Paso 2

Escribe el Material frontal y posterior en el campo Nombre, y haz clic en OK.

Esto añadirá el material al selector para que puedas volver a aplicarlo más adelante.

Nombra el material, tutorial de Photoshop de letras con focosNombra el material, tutorial de Photoshop de letras con focosNombra el material, tutorial de Photoshop de letras con focos

Paso 3

Selecciona la pestaña Material de inflación posterior, abre el Selector de materiales, desplázate hasta el icono de Material frontal y posterior y haz clic en él para aplicarlo.

Vuelve a aplicar el material, tutorial de Photoshop de letras con focosVuelve a aplicar el material, tutorial de Photoshop de letras con focosVuelve a aplicar el material, tutorial de Photoshop de letras con focos

7. Cómo crear más materiales con textura

Paso 1

Haz clic en la pestaña de Material de bisel frontal de la malla de texto, haz clic en su icono de la carpeta Difusión y elige Cargar textura para abrir la imagen d.jpg del paquete de Texturas de degradado metálico sin fisuras.

Carga una textura, tutorial de Photoshop de letras con focosCarga una textura, tutorial de Photoshop de letras con focosCarga una textura, tutorial de Photoshop de letras con focos

Paso 2

Selecciona las pestañas Extrusión y Material de bisel posterior, haz clic en el icono de la carpeta Difusión y elige el nombre de la textura "d" de la lista.

Volver a aplicar textura, tutorial de Photoshop de letras con focosVolver a aplicar textura, tutorial de Photoshop de letras con focosVolver a aplicar textura, tutorial de Photoshop de letras con focos

Paso 3

Selecciona las pestañas de Bisel frontal, Extrusión y Material de bisel posterior, y aplica estos ajustes:

  • Especular: 104, 86, 64
  • Iluminación: 191, 96, 27 - Intensidad -4.77
  • Brillo: 85%
  • Reflexión: 20%
  • Refracción: 1.536%
Ajusta el material, tutorial de Photoshop de letras con focosAjusta el material, tutorial de Photoshop de letras con focosAjusta el material, tutorial de Photoshop de letras con focos

Paso 4

Selecciona solo las pestañas de Extrusión y Material de bisel posterior, y cambia su valor de Brillo a 30%.

Valor de Brillo, tutorial de Photoshop de letras con focosValor de Brillo, tutorial de Photoshop de letras con focosValor de Brillo, tutorial de Photoshop de letras con focos

8. Cómo ajustar la iluminación de una escena 3D

Paso 1

Selecciona la pestaña Luz infinita 1, y cambia su Intensidad al 50% y su Suavizado de sombra al 100%.

Ajustes de Luz infinita, tutorial de Photoshop de letras con focosAjustes de Luz infinita, tutorial de Photoshop de letras con focosAjustes de Luz infinita, tutorial de Photoshop de letras con focos

Paso 2

Utiliza la herramienta Mover para mover la luz a un ángulo que te guste, o puedes hacer clic en el icono Coordenadas en la parte superior del panel Propiedades para utilizar valores numéricos.

Cambia la Iluminación, tutorial de Photoshop de letras con focosCambia la Iluminación, tutorial de Photoshop de letras con focosCambia la Iluminación, tutorial de Photoshop de letras con focos

9. Cómo ajustar diversas configuraciones 3D

Paso 1

Debido a que estamos utilizando el Contorno de Bisel para crear la malla 3D, sin ninguna Profundidad de extrusión, podrían aparecer algunas líneas aleatorias por todo el texto.

Para eliminar esas líneas, haz clic en la pestaña Escena, y en Eliminar oculto: en el panel Propiedades, marca las casillas Caras posteriores y Líneas.

Ajustes de Escena, tutorial de Photoshop de letras con focosAjustes de Escena, tutorial de Photoshop de letras con focosAjustes de Escena, tutorial de Photoshop de letras con focos

Paso 2

Como vamos a añadir los focos manualmente utilizando una imagen de stock, será difícil hacer coincidir la perspectiva del texto 3D.

Hay dos maneras de solucionar esto. Puedes seleccionar la pestaña de Vista personalizada y elegir el ajuste preestablecido Frontal en el menú Vista.

Vista frontal, tutorial de Photoshop de letras con focosVista frontal, tutorial de Photoshop de letras con focosVista frontal, tutorial de Photoshop de letras con focos

O bien, puedes ajustar la vista de la cámara manualmente utilizando los Modelos 3D de la herramienta Mover y, a continuación, hacer clic en la pestaña Vista actual y en el icono Ortográfico.

Vista Ortográfico, tutorial de Photoshop de letras con focosVista Ortográfico, tutorial de Photoshop de letras con focosVista Ortográfico, tutorial de Photoshop de letras con focos

10. Cómo renderizar y modificar una escena en 3D renderizada

Paso 1

Una vez que hayas terminado de realizar ajustes y cambios, ve a 3D > Renderizar capa 3D. El renderizado puede tardar un poco, pero puedes detenerlo en cualquier momento pulsando la tecla Esc.

Una vez terminada la renderización, haz clic derecho en la capa 3D y elige Convertir en objeto inteligente para evitar hacer cambios accidentales.

Renderiza la escena 3D, tutorial de Photoshop de letras con focosRenderiza la escena 3D, tutorial de Photoshop de letras con focosRenderiza la escena 3D, tutorial de Photoshop de letras con focos

Haz doble clic en la capa 3D para aplicar el siguiente estilo de capa:

Paso 2

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Opacidad: 7%
  • Color: #ffcb8d
  • Tamaño: 131
Resplandor exterior, tutorial de Photoshop de letras con focosResplandor exterior, tutorial de Photoshop de letras con focosResplandor exterior, tutorial de Photoshop de letras con focos

Paso 3

Agrega una Sombra de caída con estos ajustes:

  • Opacidad: 75%
  • Desmarcar la casilla Usar luz global
  • Ángulo: 63
  • Distancia: 6
  • Tamaño: 10
Sombra de caída, tutorial de Photoshop de letras con focosSombra de caída, tutorial de Photoshop de letras con focosSombra de caída, tutorial de Photoshop de letras con focos

Esto estilizará el texto 3D.

Texto estilizado, tutorial de Photoshop de letras con focosTexto estilizado, tutorial de Photoshop de letras con focosTexto estilizado, tutorial de Photoshop de letras con focos

11. Cómo crear un efecto de viñeta

Paso 1

Haz clic en el icono Crear nuevo relleno o capa de ajuste en la parte inferior del panel Capas y elige Color sólido.

Establece el Color de relleno como Negro, y cambia el Modo de fusión de la capa a Luz suave y su Opacidad al 50%.

Color sólido, tutorial de Photoshop de letras con focosColor sólido, tutorial de Photoshop de letras con focosColor sólido, tutorial de Photoshop de letras con focos

Paso 2

Elige la herramienta Marco elíptico y crea una selección alrededor del texto.

Selecciona la miniatura de la máscara de capa Color sólido y rellena la selección con color Negro.

Presiona Comando-D para anular la selección.

Rellena una selección elíptica, tutorial de Photoshop de letras con focosRellena una selección elíptica, tutorial de Photoshop de letras con focosRellena una selección elíptica, tutorial de Photoshop de letras con focos

Paso 3

Con la miniatura de la máscara aún seleccionada, abre el panel Propiedades, y aumenta el valor Pluma para suavizar los bordes y crear un efecto de viñeta.

Efecto de viñeta, tutorial de Photoshop de letras con focosEfecto de viñeta, tutorial de Photoshop de letras con focosEfecto de viñeta, tutorial de Photoshop de letras con focos

12. Cómo añadir focos

Paso 1

Abre la imagen de la Letra "E" con focos y utiliza la herramienta Marquesina elíptica para seleccionar el foco de luz que se encuentra en la parte superior de la letra.

Ve a Editar > Copiar para copiar la selección.

Selecciona una copia del foco, tutorial de Photoshop de letras con focosSelecciona una copia del foco, tutorial de Photoshop de letras con focosSelecciona una copia del foco, tutorial de Photoshop de letras con focos

Paso 2

De vuelta al documento 3D original, ve a Editar > Pegar, cambia el nombre de la capa a Foco 01, y conviértela en un Objeto inteligente.

Convierte el foco a un objeto inteligente, tutorial de Photoshop de letras con focosConvierte el foco a un objeto inteligente, tutorial de Photoshop de letras con focosConvierte el foco a un objeto inteligente, tutorial de Photoshop de letras con focos

Paso 3

Haz doble clic en la miniatura del Objeto inteligente para abrir el archivo de la bombilla y ve a Imagen > Tamaño de imagen para cambiar los valores de Anchura y Altura a 56.

Tamaño de imagen, tutorial de Photoshop de letras con focosTamaño de imagen, tutorial de Photoshop de letras con focosTamaño de imagen, tutorial de Photoshop de letras con focos

Paso 4

Añade una capa Tono/saturación encima de la capa Foco 01 y recórtala. Cambia el valor Tono a -12.

Tono/saturación, tutorial de Photoshop de letras con focosTono/saturación, tutorial de Photoshop de letras con focosTono/saturación, tutorial de Photoshop de letras con focos

Paso 5

Haz doble clic en la capa Foco 01 para aplicar un efecto de Resplandor interior con esta configuración:

  • Modo de fusión: Sobreexposición lineal (Añadir)
  • Opacidad: 25%
  • Color: #fff2e3
  • Fuente: Center
  • Tamaño: 27
Resplandor interior, tutorial de Photoshop de letras con focosResplandor interior, tutorial de Photoshop de letras con focosResplandor interior, tutorial de Photoshop de letras con focos

Paso 6

Guarda el archivo y ciérralo para volver al documento original.

Guardar y cerrar, tutorial de Photoshop de letras con focosGuardar y cerrar, tutorial de Photoshop de letras con focosGuardar y cerrar, tutorial de Photoshop de letras con focos

13. Cómo crear estilos de capa y duplicar objetos

Paso 1

Coloca la imagen de la bombilla dentro de la primera letra que tengas, presiona Comando-T para acceder al Modo de transformación libre y cambia el tamaño de la bombilla según sea necesario.

Presiona la tecla Enter cuando hayas terminado.

Realiza transformación libre del foco, tutorial de Photoshop de letras con focosRealiza transformación libre del foco, tutorial de Photoshop de letras con focosRealiza transformación libre del foco, tutorial de Photoshop de letras con focos

Haz doble clic en la capa del Objeto inteligente Foco 01 para aplicar el siguiente estilo de capa:

Paso 2

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Opacidad: 75%
  • Color: #ffcb8d
  • Tamaño: 20
Resplandor exterior, tutorial de Photoshop de letras con focosResplandor exterior, tutorial de Photoshop de letras con focosResplandor exterior, tutorial de Photoshop de letras con focos

Paso 3

Añade una Sombra de caída con los siguientes ajustes:

  • Opacidad: 35%
  • Desmarcar la casilla Usar luz global
  • Ángulo: 63
  • Distancia: 6
  • Tamaño: 7
Sombra de caída, tutorial de Photoshop de letras con focosSombra de caída, tutorial de Photoshop de letras con focosSombra de caída, tutorial de Photoshop de letras con focos

Así le daremos estilo al foco.

Foco estilizado, tutorial de Photoshop de letras con focosFoco estilizado, tutorial de Photoshop de letras con focosFoco estilizado, tutorial de Photoshop de letras con focos

Paso 4

Mantén presionada la tecla Opción y haz clic y arrastra el para duplicarlo.

Duplica el foco, tutorial de Photoshop de letras con focosDuplica el foco, tutorial de Photoshop de letras con focosDuplica el foco, tutorial de Photoshop de letras con focos

Paso 5

Repite esta operación para duplicar los focos y rellenar el texto con ellos.

Una vez que hayas terminado, agrupa todas las capas de los focos en un grupo y nómbralo como Focos.

Grupo de focos, tutorial de Photoshop de letras con focosGrupo de focos, tutorial de Photoshop de letras con focosGrupo de focos, tutorial de Photoshop de letras con focos

14. Cómo añadir focos no iluminados

Paso 1

Abre la imagen Focos, y utiliza la herramienta Marquesina elíptica para seleccionar la parte interior de los focos, y cópiala.

Selecciona y copia el foco, tutorial de Photoshop de letras con focosSelecciona y copia el foco, tutorial de Photoshop de letras con focosSelecciona y copia el foco, tutorial de Photoshop de letras con focos

Paso 2

Pega el foco que has copiado en el documento original, cambia el nombre de su capa a Foco 02 y conviértelo en un Objeto inteligente.

Redimensiona la imagen del Foco 02 para que coincida con el tamaño del Foco 01.

A continuación, oculta cualquier capa del Foco 01 y coloca el Foco 02 en su lugar.

Reemplaza los focos, tutorial de Photoshop de letras con focosReemplaza los focos, tutorial de Photoshop de letras con focosReemplaza los focos, tutorial de Photoshop de letras con focos

Haz doble clic en la imagen Foco 02 para aplicar el siguiente estilo de capa:

Paso 3

Añade una Sombra interior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Color: #b8b8b8
  • Opacidad: 100%
  • Distancia: 0
  • Tamaño: 10
Sombra interior, tutorial de Photoshop de letras con focosSombra interior, tutorial de Photoshop de letras con focosSombra interior, tutorial de Photoshop de letras con focos

Paso 4

Agrega un Resplandor interior con estos ajustes:

  • Modo de fusión: Sobreexposición lineal (Añadir)
  • Opacidad: 55%
  • Color: #ffffff
  • Fuente: Center
  • Tamaño: 13
Resplandor interior, tutorial de Photoshop de letras con focosResplandor interior, tutorial de Photoshop de letras con focosResplandor interior, tutorial de Photoshop de letras con focos

Paso 5

Añade un Resplandor exterior con estos ajustes:

  • Modo de fusión: Luz lineal
  • Opacidad: 5%
  • Color: #ffcb8d
  • Tamaño: 20
Resplandor exterior, tutorial de Photoshop de letras con focosResplandor exterior, tutorial de Photoshop de letras con focosResplandor exterior, tutorial de Photoshop de letras con focos

Paso 6

Agrega una Sombra de caída con estos ajustes:

  • Opacidad: 35%
  • Desmarcar la casilla Usar luz global
  • Ángulo: 63
  • Distancia: 6
  • Tamaño: 7
Sombra de caída, tutorial de Photoshop de letras con focosSombra de caída, tutorial de Photoshop de letras con focosSombra de caída, tutorial de Photoshop de letras con focos

Esto estilizará el segundo foco, pero todavía tenemos que deshacernos de las áreas oscuras.

Foco apagado estilizado, tutorial de Photoshop de letras con focosFoco apagado estilizado, tutorial de Photoshop de letras con focosFoco apagado estilizado, tutorial de Photoshop de letras con focos

Paso 7

Vuelve a hacer doble clic en la capa Foco 02 para ajustar sus Opciones de fusión.

Vamos a ajustar los controles deslizantes de Esta capa en la sección Fusionar si, lo que ayudará a prevenir que las áreas más oscuras de la capa Foco 02 interactúen con el resto de las capas.

Para ello, mantén presionada la tecla Opción y haz clic y arrastra el control deslizante izquierdo para dividirlo.

Luego, mueve ambos extremos hasta que no se vean las áreas oscuras.

Opciones de fusión, tutorial de Photoshop de letras con focosOpciones de fusión, tutorial de Photoshop de letras con focosOpciones de fusión, tutorial de Photoshop de letras con focos

Deberías conseguir algo parecido a esto:

Focos estilizados, tutorial de Photoshop de letras con focosFocos estilizados, tutorial de Photoshop de letras con focosFocos estilizados, tutorial de Photoshop de letras con focos

15. Cómo añadir destellos

Paso 1

Coloca cualquiera de las imágenes Fireworks0023 encima de la capa Foco 02, cambia el Modo de fusión de su capa a Pantalla, y transfórmala como quieras.

Añade destellos a tu imagen, tutorial de Photoshop de letras con focosAñade destellos a tu imagen, tutorial de Photoshop de letras con focosAñade destellos a tu imagen, tutorial de Photoshop de letras con focos

Paso 2

Duplica la capa Foco 02, y añade más capas de destellos para crear un par de focos más sin iluminar sobre el texto.

Añade focos apagados y destellos, tutorial de Photoshop de letras con focosAñade focos apagados y destellos, tutorial de Photoshop de letras con focosAñade focos apagados y destellos, tutorial de Photoshop de letras con focos

16. Cómo añadir ajustes generales

Paso 1

Añadir una nueva capa en la parte superior de todas las capas y nómbrala Ruido.

Ve a Editar > Relleno, cambia el Contenido a 50% de Gris, y haz clic en OK.

Capa de ruido, tutorial de Photoshop de letras con focosCapa de ruido, tutorial de Photoshop de letras con focosCapa de ruido, tutorial de Photoshop de letras con focos

Paso 2

Transforma la capa Ruido en un Objeto inteligente y cambia su Modo de fusión a Luz suave.

Ajuste de objetos inteligentes, tutorial de Photoshop de letras con focosAjuste de objetos inteligentes, tutorial de Photoshop de letras con focosAjuste de objetos inteligentes, tutorial de Photoshop de letras con focos

Paso 3

Ve a Filtro > Ruido > Añadir ruido. Cambia la Cantidad a 3 y la Distribución a Gaussiano, y marca la casilla Monocromático.

Añade filtro de ruido, tutorial de Photoshop de letras con focosAñade filtro de ruido, tutorial de Photoshop de letras con focosAñade filtro de ruido, tutorial de Photoshop de letras con focos

Paso 4

Añade una capa de ajuste Consulta de colores, elige la tabla 3Strip.look en el menú Archivo 3DLUT y cambia la Opacidad de la capa al 85%.

Consulta de colores, tutorial de Photoshop de letras con focosConsulta de colores, tutorial de Photoshop de letras con focosConsulta de colores, tutorial de Photoshop de letras con focos

Enhorabuena, ¡has terminado!

En este tutorial de Photoshop, hemos ajustado una textura sencilla para crear un fondo y hemos creado una malla 3D a partir de una capa de texto. Luego, ajustamos la configuración de la malla 3D, creamos sus materiales, ajustamos su iluminación y configuración, y la renderizamos.

Después, utilizamos un par de imágenes, junto con capas de ajuste y estilos de capa, para añadir focos al texto y conseguir un letrero con luz. Por último, añadimos algunos ajustes generales para finalizar el efecto. ¡Disfruta de tus letreros Photoshop profesionales!

Resultado final, tutorial de Photoshop de letras con focosResultado final, tutorial de Photoshop de letras con focosResultado final, tutorial de Photoshop de letras con focos

Las 5 mejores fuentes y efectos de texto de Photoshop de letreros con luz y letras con bombillas

Ahora eres un experto en cómo hacer letreros en Photoshop con efectos de texto de letras con bombillas. Pero, si quieres crear un letrero con focos en menos tiempo, necesitarás algunos complementos de Photoshop de efectos de texto 3D o fuentes de focos para marquesinas.

Y el mejor lugar para conseguirlos es Envato Elements. Este mercado, basado en suscripciones, te ofrece un número ilimitado de efectos de texto y fuentes de Photoshop para crear letreros con luz y letras con bombillas. ¡Aquí tienes 5 de los mejores recursos que puedes descargar ahora mismo para hacer increíbles letreros en Photoshop con letras con bombillas! 

1. Efectos de texto retro para Photoshop (en formatos ASL, PSD)

Efectos de texto retro para Photoshop (ASL, PSD)Efectos de texto retro para Photoshop (ASL, PSD)Efectos de texto retro para Photoshop (ASL, PSD)

Si te gusta el aspecto de los letreros con focos, pero quieres darle un aspecto retro, esta opción es para ti. Este paquete de efectos de texto Photoshop con focos para marquesinas incluye 10 archivos PSD con objetos inteligentes y un archivo de estilo de capa. ¡Utilízalo para crear fácilmente un efecto de texto de letrero con focos en Photoshop!

2. Efecto de texto de letrero con luz para Photoshop (en formato PSD)

Efecto de texto de letrero con luz para Photoshop (PSD)Efecto de texto de letrero con luz para Photoshop (PSD)Efecto de texto de letrero con luz para Photoshop (PSD)

Pero, si lo que prefieres es un complemento de texto de letrero con focos brillantes para Photoshop, échale un vistazo a esto. Este texto de Photoshop te ayudará a iluminar tus textos, titulares, títulos y otros diseños en unos pocos clics para crear letreros Photoshop impresionantes.

3. Acción de Photoshop de letras con focos (en formatos ATN, PSD, PDF)

Acción de Photoshop de letras con focos (ATN, PSD, PDF), efectos de textoAcción de Photoshop de letras con focos (ATN, PSD, PDF), efectos de textoAcción de Photoshop de letras con focos (ATN, PSD, PDF), efectos de texto

Prueba este divertido efecto de texto de Photoshop para crear un original letrero Photoshop de letras con bombillas. Esta acción de Photoshop de texto 3D incluye cuatro colores para transformar su texto en un letrero Photoshop con bombillas en 3D.

4. Focos para marquesinas - Fuente SVG 3D a color (en formatos OTF, SVG)

Luces de marquesina - Fuente SVG 3D a color (OTF, SVG), efectos de textoLuces de marquesina - Fuente SVG 3D a color (OTF, SVG), efectos de textoLuces de marquesina - Fuente SVG 3D a color (OTF, SVG), efectos de texto

Si estás buscando una forma aún más sencilla de hacer un letrero Photoshop con focos, necesitas una fuente de focos para marquesinas. Esta divertida fuente SVG ya incluye bombillas, por lo que podrás hacer letreros en Photoshop que incluyan letras con focos en menos tiempo.

Si no sabes cómo funcionan las fuentes SVG, aquí tienes un excelente artículo sobre el tema:

5. Disc House - Fuente display (en formato OTF)

Disc House - Fuente display (OTF), efectos de textoDisc House - Fuente display (OTF), efectos de textoDisc House - Fuente display (OTF), efectos de texto

Esta creativa fuente de focos para marquesinas presenta un divertido aspecto retro que permitirá que tus diseños destaquen. La fuente display fue especialmente diseñada para que tu mensaje tenga un gran impacto, ¡así que asegúrate de darle una oportunidad!

Descubre más geniales tutoriales y efectos de texto de Photoshop

Ahora ya sabes cómo aplicar un efecto de texto de Photoshop de letrero con focos  a cualquier diseño. Si quieres seguir explorando más recursos de efectos de texto 3D y tutoriales de Photoshop, échale un vistazo a estos:

Nota editorial: Este artículo ha sido actualizado con las contribuciones de Maria Villanueva. María es la Editora asociada del canal Tuts+ Design.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.