Cómo hacer un letrero de neón brillante en Photoshop (¡paso a paso!)

Los letreros de neón son retro y geniales, pero no todo el mundo tiene las herramientas para soplar vidrio y manipular con seguridad los gases de neón en casa. En este tutorial paso a paso, te mostramos cómo hacer un letrero de neón en Photoshop , que es a la vez más rápido y seguro.

La mayor parte del trabajo será manejado por la poderosa ventana de control de estilo de capa. Usar estilos de capa es fácil y divertido, y aprender a usarlos puede transformar su uso de Adobe Photoshop.

 

Cómo crear un letrero de neón en Photoshop

Estos son los pasos para crear un efecto de neón en Photoshop. Estamos usando texto , pero puede aplicar las técnicas que usamos a cualquier capa en cualquier imagen.

Paso 1: abre una imagen de fondo

Voy a usar esta foto de una pared de ladrillos de depositphotos.com . Lo elegí por el agradable efecto de viñeta (es más oscuro alrededor de los bordes), lo que ayudará a enfocar el letrero de neón que estamos a punto de hacer en el medio.

la imagen de fondo de una pared de ladrillos sobre la que construiremos nuestro letrero de neón

Paso 2: use la herramienta de texto para escribir su texto

Como me sentía particularmente inventivo, elegí escribir las palabras ‘letrero de neón’. Al hacer clic en cualquier parte del lienzo con la herramienta Texto, se crea una capa de texto. Encontrará controles para la fuente, el tamaño y el color de su texto en la parte superior del lienzo. La fuente que utilicé se llama Neon de Fenotype y se puede descargar y usar de forma gratuita. Hice el texto blanco para que sobresalga del fondo de ladrillo.

Usando la herramienta de texto para escribir un letrero de neón en nuestra capa de texto

Paso 3: abre la ventana Efectos de estilo de capa

Puede encontrar estilos de capa en Capa Estilo de capa. Vamos a comenzar seleccionando ‘superposición de color’.

seleccionando superposición de color en el menú de la ventana de estilo de capa

Paso 4: elige un color para tu texto

Colorear su fuente en la ventana Efectos de estilo de capa significa que puede regresar y hacer ajustes sin tener que cerrar la ventana y volver a seleccionar el texto. Elegí un rosa intenso, pero puedes elegir cualquier color que se adapte a tu personalidad. Los azules y verdes funcionan especialmente bien como colores neón. Cuando haya elegido su color, mantenga la ventana abierta porque usaremos varias funciones más mientras estemos aquí.

seleccionando un color magenta con superposición de color

Paso 5: crea el efecto de texto tubular

Seleccione ‘bisel y relieve’ en el panel de la izquierda. Usaremos esto para hacer que nuestro texto parezca redondo como si estuviera hecho de tubos. Los ajustes dependerán del grosor y tamaño de sus letras. El control crítico aquí es la profundidad. Si no hay suficiente profundidad, su texto se verá plano. Si hay demasiada profundidad, podría crear sombras y luces que distraen y aparecen alrededor del texto.

Los ajustes que utilicé en esta imagen son:

  • Estilo: almohada en relieve
  • Técnica: Liso
  • Profundidad: 199%
  • Dirección: Arriba
  • Tamaño: 32px
  • Suavizar: 9px

No ajusté ninguno de los parámetros de sombreado en esta ventana.

creando un efecto de texto tubular con la configuración de bisel y relieve

Paso 6: aplique contorno a su texto

El control Contorno le da una redondez más profunda y un acabado más suave a nuestro texto. Hay varios contornos preestablecidos para elegir, o puede ser creativo y dibujar uno propio. Probé varios de la lista desplegable y el que decidí es ‘cono invertido’.

elegir la configuración de contorno invertido de cono en photoshop

Paso 7: agregue tubos de vidrio a sus cartas

Luego, use la opción de trazo para producir el efecto de que las letras están hechas de tubos de vidrio. El tamaño es el control crítico aquí. Es mucho mejor comenzar poco a poco y trabajar poco a poco para obtener el efecto deseado.

Los ajustes de trazo que utilicé en esta imagen son:

  • Tamaño: 8px
  • Posición: Centro
  • Modo de fusión: Pantalla
  • Opacidad: 100%
  • Tipo de relleno: degradado
  • Gradiente: blanco a rosa
  • Estilo: Explosión de forma

usando la opción de trazo para agregar tubos de vidrio a sus letras

Paso 8: difunde la luz dentro del vidrio

Las reacciones químicas de neón crearán refracciones de luz . Estoy usando ‘resplandor interior’ para difundir la luz dentro de la parte de vidrio de nuestras letras. Este efecto debería darnos un bonito toque de luz en el cuerpo principal de la fuente.

Los ajustes de ‘resplandor interior’ que utilicé en esta imagen son:

  • Modo de fusión: Pantalla
  • Opacidad: 100%
  • Ruido: 11%
  • Color: Rosa
  • Técnica: Más suave
  • Fuente: Borde
  • Estrangulación: 34%
  • Tamaño: 18px

No ajusté ningún control en la sección de calidad.

difundiendo la luz dentro del vidrio usando la configuración de brillo interno

Paso 9: crea un brillo de neón para tu texto

Use ‘resplandor exterior’ para crear la luz que emana de las letras. No es necesario que llegue demasiado lejos porque vamos a pintar más luz alrededor del exterior en los próximos pasos.

Los ajustes de ‘resplandor exterior’ que utilicé en esta imagen son:

  • Modo de fusión: Pantalla
  • Opacidad: 100%
  • Ruido: 0%
  • Color: Rosa
  • Técnica: Más suave
  • Propagación: 13%
  • Tamaño: 76px

crear un brillo de neón para su texto con la configuración de brillo exterior

Paso 10: haga que el texto se mantenga alejado de la pared

El uso del efecto de ‘sombra paralela’ puede hacer que las cosas parezcan flotar sobre la capa de atrás. Aquí lo vamos a usar para agregar profundidad desde la pared.

La configuración de ‘sombra paralela’ que utilicé en esta imagen es:

  • Modo de fusión: Multiplicar
  • Opacidad: 66%
  • Ángulo: 44
  • Distancia: 27px
  • Propagación: 19%
  • Tamaño: 1px

creando profundidad desde la pared usando la configuración de sombra paralela

Paso 11: pinta un resplandor de luz

Ahora que tenemos ese brillo de neón genial proveniente de nuestro texto, necesitamos agregar luz a la pared detrás de él. Crea una nueva capa encima de la capa de fondo. Use un pincel suave de tamaño mediano en un color complementario para pintar a lo largo de la línea de las letras. Establezca el modo ‘ mezclar ‘ en ‘luz suave’ y reduzca la opacidad hasta que no sea demasiado abrumadora.

pintando un resplandor de luz en una nueva capa con un cepillo suave

Paso 12: crea un resplandor de área más grande

Crea otra capa nueva, esta vez pintada con un pincel grande y suave. Al superponer el brillo de neón, podemos ajustar el equilibrio entre la luz de las letras y el área circundante. Establezca el modo ‘fusión’ en ‘luz suave’ una vez más y reduzca la opacidad a su gusto.

creando un área más grande que brilla en una nueva capa

Paso 13: colorea tu imagen

Ahora tenemos que atar el ladrillo con el letrero. Cree una nueva capa y rellénela con la herramienta Cubo de pintura. Nuestro objetivo es darle a toda la pared un toque del color que haya elegido para su letrero de neón. Después de desplazarme por los modos de fusión, me decidí por ‘color más oscuro’. Esto recoge partes ligeras de los ladrillos como si la luz estuviera brillando sobre ellos. Ajusté la opacidad al 35%.

Dependiendo de su imagen de fondo, es posible que deba ajustar los ‘niveles’ para aclarar u oscurecer la imagen. Comando+L abre el control de ‘niveles’. Utilice la flecha central para cambiar el brillo y las dos flechas exteriores para ajustar el contraste .

dando a la pared de fondo una sombra magenta con imagen de tono

Paso 14: Dibuje una ruta para el cable de alimentación

No debería sorprender que los letreros de neón necesiten electricidad para funcionar. Para agregar un toque de realismo, agregaré un cable de alimentación a la imagen. Cree una nueva capa en el panel ‘capas’. Asegúrate de que esté encima de la capa de fondo pero debajo del brillo de neón.

Use la herramienta Pluma para dibujar una ruta desde un extremo de una palabra hasta la parte inferior del marco. Agregue varios puntos de control si desea enrollar el cable alrededor de las letras. Cuando hace clic y arrastra con esta herramienta, sus puntos de control vendrán con manijas que le permitirán controlar la curva de la ruta.

Puede usar la herramienta Selección directa para mover puntos de control y refinar sus curvas.

dibujando una ruta de cable de alimentación con la herramienta Pluma en otra capa

Paso 15: cree el cable de alimentación

Primero, configure su herramienta Pincel en negro. Hazlo pequeño y de bordes duros. Fui por el tamaño 11px. Luego haga clic derecho con la herramienta Selección directa en la ruta y elija la opción ‘trazar ruta’. En la ventana emergente, seleccione ‘pincel’ y haga clic en Aceptar. Esto dibujará a lo largo del camino con la herramienta Pincel, creando su cable de alimentación.

Puede continuar dibujando y editando rutas, usando el comando ‘trazar ruta’ para agregar cables de alimentación entre letras o palabras.

dibujar el cable de alimentación con la herramienta Pluma en la ruta del cable de alimentación

Paso 16: agregue el efecto 3D al cable de alimentación

Para evitar que nuestro cable de alimentación se vea tan plano, vamos a usar el menú Estilo de capa para agregar ‘bisel y relieve’. Establezca la profundidad para que el cable parezca redondo.

Los ajustes de ‘bisel y relieve’ que utilicé en esta imagen son:

  • Estilo: Bisel interior
  • Técnica: Liso
  • Profundidad: 334%
  • Dirección: Arriba
  • Tamaño: 32px
  • Suavizar: 9px

agregando un efecto 3d con la configuración de bisel para el cable de alimentación

Paso 17: cree una sombra para el cable de alimentación

Al igual que con nuestro texto, queremos que los cables de alimentación parezcan colgados frente a la pared. El efecto de ‘sombra paralela’ nos ayudará a lograr esto.

La configuración de ‘sombra paralela’ que utilicé en esta imagen es:

  • Modo de fusión: Multiplicar
  • Opacidad: 66%
  • Ángulo: 44
  • Distancia: 27px
  • Propagación: 19%
  • Tamaño: 1px

creando una sombra para el cable de alimentación usando la configuración de sombra paralela

Paso 18: Guardar como archivo de Photoshop

Guarde su imagen como un archivo de Photoshop. Esto mantendrá intactas todas sus capas y efectos, por lo que puede regresar y revisar su configuración o hacer cambios en cualquier momento. Para publicar en línea, elija un formato comprimido como JPEG o PNG .

nuestro producto final de letrero de neón guardado en photoshop

Conclusión

Ahora sabe cómo hacer un letrero de neón en Photoshop usando estilos de capa y modos de fusión , y dibujando rutas con la herramienta Pluma. Estas poderosas técnicas tienen aplicaciones en todos los géneros del arte y la fotografía, y el efecto neón es solo uno. Intente usar varias capas de texto en diferentes colores para obtener esa verdadera vibra de los 80.

Si te gusta crear imágenes con efectos divertidos, consulta el curso The Magical Photography Spellbook para obtener efectos aún más geniales.

📸 MÁS ARTÍCULOS FOTOGRÁFICOS que te encantarán

Deja un comentario