Cómo hacer tipografía 3D de luz de neón

Las luces de neón siempre han sido un fascinante espectáculo de luz y, a menudo, difíciles de fotografiar. Bueno, aquí no hay necesidad de una cámara, ya que aprenderemos cómo crear tipos de neón en 3D desde cero..


Paso 1

Para crear el texto, comenzaremos en Illustrator. Entonces, abre un nuevo archivo AI y descarga esta fuente, llamada Shine On. Usando la Herramienta de Tipo (Comando + T), escriba su primera letra ("N") y elija un color claro (# ABDCD6).



Paso 2

Ahora vamos a añadir un efecto 3D. Vaya a Efecto> 3D> Extrusión y biselado. Cuando aparezca la ventana, ingrese los ajustes a continuación. Para poder ver la configuración de la luz, presione el botón Más opciones. Siéntase libre de jugar con la posición de su letra, sin embargo, para obtener el mismo resultado, use la misma configuración para la sección Extrusión y bisel.

La carta tiene dos colores. Uno es el color de fuente (# A8E5DC) y el otro es el color de sombreado que se encuentra en el menú 3D. Para poder acceder a él, seleccione Personalizar en el menú desplegable Color de sombreado. Elige un cian más ligero (# E1FFF7).

Una vez que sienta que su carta está terminada, repita el proceso para estilizar y colocar las siguientes tres letras. Tan pronto como haya terminado, copie (Comando + C) la primera letra.
Cosas a tener en cuenta al posicionar las letras:

1. Tenga en cuenta el peso de la fuente. Esta es una fuente delgada, así que busque un diseño que cree una palabra legible. Puede elegir hacer flotar las letras, como hice yo, o alinearlas simétricamente para que se vean como un signo. Si es así, escriba la palabra completa antes de crear el efecto 3D, o escriba el resto después de aplicar el efecto a una letra.

2. Si no está satisfecho con el ángulo que le ha dado, no es necesario volver a empezar. Vaya a Ventana> Apariencia y haga doble clic en el efecto que se encuentra en la lista. Es mejor hacer esto después de crear todas las letras..



Paso 3

Abra un nuevo documento de Photoshop, hágalo 1280 píxeles por 768 píxeles a 300 ppp. Rellene el color de fondo con negro y pegue (Comando + V) la primera letra. Una vez posicionado, haga doble clic en su capa y cree los estilos de capas que se muestran a continuación. El primero es un resplandor exterior. El color asignado es # 64FFF2.



Etapa 4

Ahora agregue un brillo interior con el color # 96b2BA.



Paso 5

El siguiente es satinado con otro tono de cian (# 65DBD7).



Paso 6

Para mayor profundidad y contraste, agregue una Superposición de degradado con estos dos colores: # 0E272F y # 5993A4. No te olvides de configurar su modo de fusión en Color Burn.



Paso 7

Haga clic con el botón derecho en la capa y seleccione Copiar estilo de capa. Luego seleccione las capas restantes, haga clic con el botón derecho y seleccione Pegar estilo de capa. Todas las letras deberían tener ahora el mismo efecto..



Paso 8

Ahora ampliaremos el efecto de brillo pintando detrás de las letras. Elija un cian muy oscuro (# 071617) y pinte con un pincel grande y suave.



Paso 9

Es hora de agregar los cables eléctricos. Usando la herramienta Pluma (P), trace su cable en modo de ruta.



Paso 10

Seleccione un pincel redondo y establezca su valor en 12 píxeles. Vuelva a agarrar la herramienta Pluma, haga clic con el botón derecho dentro del lienzo y seleccione Trazar ruta. Presiona PL, sin usar una presión simulada.



Paso 11

Agrega un estilo de capa: Satinado con este color: # 182525.



Paso 12

Para hacer que el final del tubo de neón se vea más realista, agregaremos dos elipsis con estos colores: # 6da0a4 y # 40b8b5. Juntos dan la apariencia de un anillo..



Paso 13

Agregue algunos cables más al resto de las letras. Recuerde emparejar el extremo de un cable con el extremo de un tubo de neón.



Paso 14

Para agregar algo de profundidad, desenfocaremos la última letra, que se hizo más pequeña para este propósito..



Paso 15

Es hora de centrarse un poco más en las letras y hacerlas más realistas y antiguas. Comience creando variaciones de luz con un cepillo suave en blanco. Haga esto dentro de una máscara de recorte, en la parte superior de la capa de la carta. Para crear una máscara de recorte, cree una nueva capa, luego, mientras mantiene presionada la tecla Alt, haga clic entre las dos capas.



Paso 16

Repite el mismo proceso con el resto de las letras..



Paso 17

En esta parte del tutorial, envejeceremos los neones agregando manchas con este conjunto de Bittbox. Descarga e instala los pinceles para salpicaduras de tinta grunge. Después de seleccionar este juego en Photoshop, comience a pintar con acentos de luz de este color: # EE5FCFB.



Paso 18

Añadir otra mancha con un color más oscuro. Las manchas claras y oscuras harán que el deterioro parezca más aleatorio..



Paso 19

Repite el proceso en el resto de las letras..



Paso 20

Ahora que hemos agregado más intensidad a los neones, vamos a aumentar la luz general. Pinta un poco más con un pincel suave detrás de las letras usando un cian brillante (# 31CAC9), pero con una opacidad muy baja (10%).



Paso 21

La pared debe reflejar el mismo estado deficiente, así que agregue algunas manchas en una capa sobre la capa "de fondo" y juegue con la opacidad hasta que encuentre el equilibrio correcto.



Paso 22

Añade unas sombras a los cables. Para hacer esto, simplemente duplique el cable. A continuación, seleccione la capa debajo y vaya a Filtro> Desenfoque> Desenfoque de movimiento, luego ingrese un valor de 60 píxeles.



Paso 23

Bueno, ¿qué es un tubo de neón sin algunos insectos volando alrededor? Incorporaremos un par de mariposas. Descarga la foto y recórtala con la herramienta varita mágica.



Paso 24

Vaya a Imagen> Ajustes> Tono y saturación. Gire la saturación y la luminosidad hasta -85..



Paso 25

Usando la herramienta Dodge para (O) aligerar las partes que están frente a las luces de neón.



Paso 26

El ajuste final es aplicar un filtro de fotos. Vaya a Imagen> Ajustes> Filtro de foto y aplique un tono de cian.



Paso 27

Aplicar la misma técnica a la segunda. Hice la segunda mariposa girando una de las alas de la anterior y colocando la otra en posición..



Paso 28

También agregué mi nombre en la imagen, pero quería mezclarlo con las imágenes. Utilicé una fuente de graffiti, como me pareció apropiada en el entorno. Comience por escribirlo, luego gírelo y desvíelo hacia la posición.



Paso 29

Obtenga la herramienta Borrador (E) y seleccione uno de los pinceles de tinta raspados de bittbox. Borrar un poco del texto; lo suficiente para mezclarlo con el fondo.



Paso 30

Ingrese al modo de máscara rápida (Q) y arrastre un degradado de negro a blanco de un lado del texto al otro. Salir del modo de máscara rápida (Q). Esta es la parte que vamos a desdibujar para dar una sensación de profundidad..



Paso 31

Vaya a Filtro> Desenfoque> Desenfoque de lente y use la configuración que se muestra a continuación.



Paso 32

Vamos a hacer algunos ajustes más que darán más realismo a la imagen. El primer paso para hacer esto es simular un efecto de cámara de mano temblorosa. En el caso de que uno estuviera tomando esta foto con una cámara inestable, aparecerían manchas de luz. Crearemos algo similar a eso, pero preservaremos la claridad y la legibilidad al mismo tiempo..
Duplique una de las letras (en mi caso, la letra "E") y cree una nueva capa en blanco. Seleccione la capa en blanco y la letra debajo y combínelas (Comando + E). Estamos haciendo esto solo para aplanar el estilo de capa en la carta. Establezca este modo de fusión de capa recién fusionada en Superposición.



Paso 33

Ahora vaya a Filtro> Desenfoque> Desenfoque de movimiento e ingrese un valor de 43 en un ángulo de 0 grados. Reposicionar la letra borrosa.



Paso 34

Vaya a Imagen> Ajustes> Tono y saturación y arrastre la barra de saturación hacia abajo un poco; Sólo lo suficiente para sacar algo del brillo excesivo..



Paso 35

Repite el mismo proceso para las letras restantes..



Paso 36

Algunos de los efectos de brillo que hemos introducido han reducido la gama de colores de toda la imagen. Para hacerlo un poco más dinámico decidí usar un mezclador de canales. Para hacer esto, vaya a Capa> Nueva capa de ajuste> Mezclador de canales. Utilice la configuración que se muestra a continuación para los canales RGB.



Paso 37

Un paso final para completar es otro potenciador de realismo. En este nivel de luz, el ruido es muy apropiado. Después de aplanar la imagen (Comando + Mayús + E), vaya a Filtro> Ruido> Agregar ruido. Usa los valores de 1%, Uniforme, y Monocromático..



Conclusión

¡Bueno, eso es todo! Lo mejor de esta técnica es el hecho de que es muy fácil de aplicar a todo tipo de luces de neón. Puede elegir hacer tipografía 3D, como en este tutorial, o tubos de neón estilizados en composiciones abstractas. Como de costumbre, todo depende de ti y de lo que crees que haría un mejor uso. ¡Gracias por leer! Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.