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.
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.
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.
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.
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.
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.
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.
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!