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.
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.
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’.
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í.
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.
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’.
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
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.
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
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
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.
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.
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 .
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.
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.
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
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
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 .
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.