Cómo crear un texto neón en 5 pasos con Adobe Photoshop

Tutoria cómo crear un texto neón con Photoshop paso a paso

Adobe Photoshop ofrece unas herramientas de fusión increíbles. Si sabes utilizarla y si prestas atención al detalle, con ellas podrás crear un sin fin de efectos muy realistas. En el diseño gráfico, como en la moda, todo vuelve y este año hemos sido testigos de como la estética años 80 volvía a ser tendencia. Colores llamativos, imágenes oscuras, distintas texturas, luces de neón, estos elementos han inundado carteles y campañas publicitarias devolviéndonos a la década de la transgresión.

Las luces de neón son todo un clásico de la publicidad de los años ochenta, por eso he querido recuperarlas para este post. Así, os enseñaré a crear un texto neón con Adobe Photoshop en 5 sencillos pasos.

Selecciona un fondo adecuado

Si bien es cierto que puedes aplicarlo sobre fondos de distinto color, si eliges un fondo oscuro, el resultado va a ser mejor y mucho más realista. Puedes hacerlo directamente sobre un fondo negro, o puedes elegir una textura. Yo, en este caso, he seleccionado un fondo que simula una pared oscura de ladrillos y voy a trabajar en un archivo tamaño A4 en posición horizontal.

Selección de la tipografía y tamaño del texto

Para crear tu texto neón te recomiendo escoger una tipografía gruesa, de peso y un poco alargada, ya no solo porque al aplicar los efectos te quedará mejor, sino porque las tipografías gruesas estuvieron muy de moda en los 80. En cuanto al tamaño, dependerá mucho de las necesidades de tu diseño y de la tipografía que elijas. Sin embargo, te advierto que este efecto no está pensado para textos pequeños, sino más bien para textos grandes y llamativos. Otra cosa que debes tener en cuenta es el espacio entre caracteres, si eliges una tipografía en la que este espacio predeterminado es muy reducido, tendrás que ampliarlo ¡No te preocupes! Ahora veremos cómo hacerlo.

En mi caso, he optado por la tipografía «Impact» y le he dado un tamaño de 100 puntos. Como el espacio entre caracteres era reducido, le he dado un valor de 10 al traking. Al alterar ese valor modificamos el espacio entre cada carácter.

Tutorial Neón seleccionar traking y tamaño de la tipografía

Para dar esta alineación al texto simplemente he modificado la opción de alineación en el «menú de texto» que, normalmente, aparece en la parte superior de la pantalla. Tendrás que seleccionar «centrar texto». Para colocarlo en el centro de la página, presiona control + T (si trabajas en Windows) o comando + T (si trabajas en Mac) y podrás moverlo libremente.

Tutorial Neón alinear y centrar texto

Modificar el estilo de la capa texto

Una vez tienes creado tu texto, lo que vas a hacer es bajar el relleno a 0%. El texto desaparecerá, pero no te asustes, no has hecho nada mal, es justo lo que tiene que pasar.

Tutorial Neón Cambiar relleno de la capa texto al 0%

A continuación, vamos a proceder a modificar el estilo de la capa texto. Para ello tienes que abrir el menú estilo de capa: poniendo el cursor sobre la pestaña «capa» abrirás un menú desplegable, sitúa el cursor sobre «estilo de capa» y haz clic en «opciones de fusión».  Se te abrirá un menú, tienes que seleccionar la opción trazo y modificar los siguientes elementos: el tamaño y el color. Para el color selecciona un blanco. Para el tamaño no puedo darte un valor exacto porque dependerá de tu tipografía y del tipo de letra escogida. En mi caso, he fijado el tamaño de trazo en 7, lo importante es que no quede demasiado grueso para que no pierdas legibilidad al añadir los efectos.

Tutorial neón cómo desplegar el menú opciones de fusión

Tutorial Neón Modifica el estilo de la capa texto seleccionando trazo

Antes de continuar, crearemos un grupo con el texto y los efectos (efecto trazo). Para crear el grupo, simplemente selecciona la capa texto y pulsa comando + G. A partir de ahora los efectos los aplicaremos a ese grupo.

Tutorial Neón cómo crear un grupo

Aplicar el efecto neón

Ahora prepárate para prestar muchísima atención porque empieza lo más interesante. Seleccionando el «grupo texto + efectos» vamos a volver a abrir el menú de estilo de capa (recuerda que también puedes abrirlo seleccionando el símbolo «fx»). A continuación, marca el efecto «resplandor exterior». Una vez más, los valores que daremos a este efecto dependerán de las necesidades del diseño, activa la opción «previsualizar» para ver simultáneamente como quedan los ajustes. En mi caso, he optado por un color rosa llamativo y he seleccionado una opacidad del 85%. También tendrás que elegir una técnica, te recomiendo que selecciones la opción «más suavizado» y regules los valores «extender» y «tamaño». Te dejo abajo un screenshot con los valores que me han servido para mi diseño.

Tutorial Neón Aplicar al texto el efecto resplandor exterior

Consigue un mayor realismo

Como podrás ver, lo que tenemos ya podría considerarse un texto neón, pero cómo buscamos que el resultado sea lo más realista posible voy a darte algunos trucos más para mejorar el diseño. Los textos reales de neón desprenden luz ¿Podemos simular esa luz con Photoshop? Sí, claro que podemos y te sorprenderá lo sencillo que es.

Selecciona y configura le herramienta pincel

Lo primero que tendrás que hacer es crear una nueva capa. Después selecciona la herramienta pincel y escoge la punta «circular difusa». Vas a tener que personalizar las características de tu pincel. Empezaremos modificando el tamaño, lo ideal es que el grosor de la punta sea de un tamaño algo superior a lo que ocupa tu caja de texto (a mí me ha hecho falta darle un valor de 2390 px). También tendrás que cambiar un poco la forma del pincel, para ello mueve los puntos blancos presentes en el gráfico del menú pincel, achata un poco el círculo para que se adapte mejor a la forma de tu texto. Bajaremos la opacidad, esto depende un poco del gusto personal de cada uno, a mí me gusta que los efectos sean suaves, por lo que he bajado la opacidad al 21%. Por último, selecciona el color del pincel, el relleno deberá ser exactamente del mismo color que has dado al resplandor exterior (rosa en este caso). Para que el color sea el mismo tienes dos opciones: puedes copiar el código de color dado o añadir ese color como muestra a tu biblioteca.

Tutorial Neón Configuración del pincel para dar el efecto luz

Tutorial neón cómo copiar el código de color

Consigue un efecto de luz suave

Cuando tengas configurado tu pincel, solo tendrás que hacer un clic en el centro de tu texto para pintar un punto. Ese punto ya simulará una luz, pero para conseguir un resultado más fino te recomiendo que sitúes la capa debajo del grupo de «texto + efectos». Espero que este tutorial sobre cómo crear un texto neón en 5 pasos con Adobe Photoshop te haya servido ¡Estás listo para hacer tuyo este diseño!

Tutorial Neón pintamos un punto en nuestra nueva capa con el pincel personalizado

Tutorial neón, movemos la capa debajo del grupo y obtenemos el resultado final


Sé el primero en comentar

Deja tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.