1. Design & Illustration
  2. Add-Ons
  3. Photoshop Actions

Cómo añadir un efecto de resplandor en Photoshop

Scroll to top

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

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

¡Hoy vamos a aprender a hacer un efecto de resplandor en Photoshop! Ya sea que se trate de cyberpunk vanguardista o de alta fantasía, ¡nunca puedes equivocarte con un vívido resplandor de neón! Hoy, te enseñaré cómo crear el brillo de neón perfecto usando solo un puñado de estilos de capa y modos de capa. ¡Aprender a hacer un efecto de resplandor nunca ha sido tan fácil!

¡Puedes obtener un efecto de luz de resplandor instantáneo con esta acción de resplandor oscuro de Photoshop! Con un conjunto de superposiciones de fugas de luz y la capacidad de brillar en cualquier color que pueda necesitar, es una solución impresionante de un solo clic para crear un efecto de neón.

Glow in the dark Photoshop ActionsGlow in the dark Photoshop ActionsGlow in the dark Photoshop Actions

Lo que aprenderás en este tutorial de Photoshop

  • Cómo crear un grado de color día a noche en Photoshop
  • Cómo seleccionar colores en Photoshop
  • Cómo añadir un efecto de resplandor en Photoshop
  • Cómo crear un efecto de luz de resplandor en Photoshop

Síguenos en nuestro canal de YouTube en Envato Tuts+:

Please accept marketing cookies to load this content.

Lo que necesitarás

Para completar este proyecto, necesitarás la siguiente imagen:

¡Encuentra más recursos en Envato Elements!

1. Cómo crear un grado de color nocturno

Paso 1

Hoy, vamos a añadir un efecto de resplandor a las rayas de este tigre, pero con el fin de hacer que el neón resplandor realmente pop, quiero convertir esta imagen del día a la noche.

Este paso es completamente opcional y, en última instancia, cambiará de una imagen a una imagen. Pero para el efecto de resplandor de imagen de hoy, estamos comenzando con una capa de ajuste de mapa de degradado de negro a blanco con una opacidad del 44%.

black to white gradient black to white gradient black to white gradient

Paso 2

Ahora, agrega una capa de ajuste de búsqueda de color establecida de noche al día, con su modo de capa establecido en color.

night from day set to color night from day set to color night from day set to color

Paso 3

A continuación, vamos a duplicar la capa de búsqueda de color y cambiar el modo de capa a multiplicar.

Si tu sujeto tiene ojos o cualquier reflejo distinto que te gustaría mantener, sigue adelante y enmascarar parte de esta capa sobre esas áreas. Sin embargo, siempre puedes volver y hacer este paso más tarde después de haber establecido tu efecto de resplandor. Por ahora, simplemente me enmascaraba lo suficiente como para asegurarme de que los ojos todavía estuvieran visibles.

night from day set to multiply night from day set to multiply night from day set to multiply

Paso 4

A continuación, vamos a traer de vuelta algunos de los aspectos más destacados para evitar que nuestra imagen se parezca demasiado plana.

Crea una capa de curvas, llevando el punto de anclaje superior a la izquierda aproximadamente un cuarto del camino. Ajusta la configuración de fusión de la curva para que solo afecte a los puntos más brillantes del sujeto. ¡Recuerda mantener pulsada la tecla Alt con el fin de dividir la mezcla alterna!

Una vez que estamos contentos, podemos agrupar las cuatro capas de ajuste que acabamos de crear, nombrando al grupo "Grado de color del sujeto".

curves setting curves setting curves setting
blend if settings blend if settings blend if settings
curves result curves result curves result

2. Cómo crear un grado de color violeta

Paso 1

Para la segunda parte del grado de color de esta imagen, vamos a crear un nuevo grupo sobre todas las capas actuales y futuras. Consistirá en primero una capa Foggy Night establecida en 28% de Opacidad.

foggy night foggy night foggy night

Paso 2

En segundo lugar, una capa de color selectivo que afecta a los cianes, azules, magentas, blancos, neutros y negros.

selective color selective color selective color

Paso 3

Y, por último, una capa de balance de color establecida en rojo -13, verde -19 y azul +27. En combinación con el primer grado de color, esto le dará a nuestra imagen un tono azul vivo de alto contraste. Los dos grados de color deben dividirse, ya que en este caso, vamos a intercalar nuestro efecto de resplandor entre ellos.

color balance color balance color balance

3. Cómo seleccionar colores en Photoshop

Paso 1

¡Comencemos a preparar una capa para nuestro efecto de resplandor! Primero, vamos a crear una nueva capa entre nuestros dos grados de color, agregando una máscara de capa a la capa.

Paso 2

A continuación, vamos a ocultar temporalmente nuestros dos grupos de grado de color.

Para seleccionar solo las rayas negras del tigre, vamos a ir a Seleccionar > Gama de colores. Utiliza el gotero de color para seleccionar las rayas de tigre negro y, a continuación, establece el Fuzziness alrededor de 140. Siéntete libre de ajustar este número, teniendo en cuenta que las áreas blancas son las áreas que se están seleccionando.

Una vez que estés satisfecho con la configuración de Fuzziness, presiona OK y luego agrega una máscara de capa a la nueva capa. La máscara tomará la forma de la selección. A continuación, he seleccionado la máscara de capa para que puedas ver la forma de la máscara de capa final.

¡Vuelve a encender tus grupos de grado de color una vez que tu máscara esté completa!

selection layer mask selection layer mask selection layer mask

4. Cómo agregar un efecto de resplandor en Photoshop

Paso 1

Finalmente, podemos comenzar a crear un resplandor, comienza agregando siete estilos de capa diferentes a nuestra nueva capa.

Primero, agrega un bisel y relieve:

  • Profundidad: 250
  • Tamaño: 21
  • Suavidad: 8
  • Ángulo: 60
  • Altitud: 0
  • Contorno de brillo: Anillo - Doble
  • Modo de resaltado: Sobreexposición de color
  • Color: #dcdcdc
  • Opacidad: 50%
  • Modo sombra: Luz vívida
  • Color: #e5e5e5
  • Opacidad: 10%
bevel and emboss bevel and emboss bevel and emboss

Paso 2

A continuación, agrega un contorno:

  • Contorno: Cono - Invertido
  • Rango: 50%
contour contour contour

Paso 3

Ahora, agrega una sombra interior:

  • Modo de fusión: Luz lineal
  • Color: #ebd5f3
  • Opacidad: 100%
  • Ángulo: 90
  • Distancia: 0
  • Tamaño: 21
inner shadow inner shadow inner shadow

Paso 4

A continuación, un resplandor interior:

  • Modo de fusión: Sobreexposición lineal (Agrega)
  • Opacidad: 100%
  • Color: #ddbfff
  • Fuente: Centro
  • Tamaño: 21
inner glow inner glow inner glow

Paso 5

Agrega un estilo de capa satin a continuación:

  • Modo de fusión: Luz vívida
  • Color: #e6a2ee
  • Opacidad: 50%
  • Ángulo: 90
  • Distancia: 42
  • Tamaño: 146
  • Contorno: Lineal
satin satin satin

Paso 6

Ahora un resplandor exterior:

  • Modo de fusión: Sobreexposición lineal (Agrega)
  • Opacidad: 100%
  • Color: #c689ff
  • Tamaño: 63
  • Rango: 85%
outer glow outer glow outer glow

Paso 7

Una sombra paralela:

  • Modo de fusión: Pantalla
  • Color: #f227ff
  • Opacidad: 85%
  • Ángulo: 30
  • Distancia: 0
  • Tamaño: 208
drop shadow drop shadow drop shadow

Paso 8

Y una última sombra paralela:

  • Modo de fusión: Pantalla
  • Color: #f227ff
  • Opacidad: 100%
  • Ángulo: 90
  • Distancia: 0
  • Tamaño: 250
second drop shadow second drop shadow second drop shadow

Paso 9

Finalmente, ¡pinta en tu capa usando un pincel blanco redondo suave! Gracias a la máscara de capa, el resplandor solo se mostrará en las partes más oscuras de la imagen.

paint white on neon layer paint white on neon layer paint white on neon layer

Paso 10

A partir de aquí, es simplemente llenar las áreas que te gustaría brillar.

Puedes ajustar la máscara de capa para refinar aún más tus áreas brillantes. El uso de Brillo/Contraste para agregar contraste a la máscara ayudará a definir el área de la que proviene más su resplandor. Por otro lado, quitar contraste o agregar brillo aumentará el área brillante.

También puedes hacer varias capas de resplandor, eligiendo un Fuzziness diferente para cada máscara de capa y luego identificar el resplandor con diferentes pinceles.

No te preocupes por tener que rehacer los estilos de capa: simplemente haz clic con el botón derecho en > copiar estilo de capa y, a continuación, haz clic con el botón derecho en > pegar estilo de capa en la nueva capa.

Baja la velocidad de flujo de tu pincel para ayudar a construir el efecto de resplandor lentamente. Y no tengas miedo de usar cepillos duros para cosas como hebras de cabello y detalles de ojos

fill in dark stripes with neon glow effect fill in dark stripes with neon glow effect fill in dark stripes with neon glow effect

5. Cómo agregar un efecto de luz brillante en Photoshop

Paso 1

¡Termina todo con unos impulsos adicionales de brillo!

En primer lugar, agrega un conjunto de capas a color colocado encima de las capas de estilo de resplandor. Utiliza esta capa para pintar un color rosa caliente, o cualquier color que tu resplandor es, alrededor del área brillante. Baja la opacidad de la capa si el efecto es demasiado fuerte.

layer set to color layer set to color layer set to color

Paso 2

A continuación, agrega un nuevo conjunto de capas a la pantalla colocado encima de la capa color.

Una vez más, pinta el mismo color de neón claro alrededor de las áreas brillantes. Esta capa agregará más brillo y un resplandor indefinido general.

layer set to screen layer set to screen layer set to screen

Paso 3

Por último, agrega un nuevo conjunto de capas a superposición, colocado directamente debajo del grupo superior "grado de color".

Pinta de blanco en las áreas que deseas que se vean más brillantes y vívidas. También puedes ajustar los ajustes de fusión si para que el resplandor esté más definido y restringido a las áreas más claras de la imagen, manteniendo la luz fuera de las sombras.

blend of settings blend of settings blend of settings
blend if results blend if results blend if results

¡Terminaste!

¡Eso es todo lo que hay para hacer un efecto de resplandor en Photoshop! ¡Aprender a hacer un efecto de resplandor nunca ha sido tan fácil! Crea brillo, atmósfera y energía con solo unas pocas capas y algo de preparación. ¡Ir con un clásico rosa neón, como lo hicimos aquí hoy, o cambiarlo con azules, verdes, o incluso dorados! ¡Este efecto de resplandor de imagen es increíblemente versátil y tiene un sinfín de usos y variaciones!

how to create a glow effect in Photoshop how to create a glow effect in Photoshop how to create a glow effect in Photoshop

¡Obtén fácil & un brillo neon al instante!

Si necesitas un poco de resplandor en este momento, o simplemente quieres agregar más luz a tu tigre de neón actual, ¡todas estas acciones te tienen cubierto!

Resplandor neon en Photoshop Acción

Neon Glow Photoshop ActionNeon Glow Photoshop ActionNeon Glow Photoshop Action

¡El neon glow Photoshop Action toma el resplandor interior y lo coloca en el exterior! Crea un borde de neón en cualquier imagen con solo unos pocos clics. ¡Ideal para carteles, volantes y otros proyectos de diseño gráfico!

Estilos de capas neón

Neon Layer StylesNeon Layer StylesNeon Layer Styles

¿Necesitas una manera fácil de aplicar un brillo de neón rico al texto? ¡Este conjunto de más de 60 estilos de capas de neón es la solución perfecta! Con cinco categorías de estilo diferentes, puede crear incluso los signos de neón más fotorrealistas.

Humo resplandeciente en Acción de Photoshop

Glowing Smoke Photoshop ActionGlowing Smoke Photoshop ActionGlowing Smoke Photoshop Action

¡La acción de Photoshop Glowing Smoke es el compañero perfecto para el efecto de resplandor de neón que aparece en este tutorial! ¡Agrega llamas arremolinadas de fuego de neón alrededor de sujetos, incluidas personas, animales y objetos!

Prisma Photoshop Acción

Prism Photoshop ActionPrism Photoshop ActionPrism Photoshop Action

¡Termina tu pieza de arte de neón con la acción de Prisma Photoshop! Con solo un proceso de dos pasos para elegir tu sujeto y luego presionar el juego, es fácil ver estas formas geométricas brillantes que rodean cualquier cosa con un efecto de resplandor de neón.

¿Quieres aprender aún más? Echa un vistazo a algunos tutoriales más a continuación: