1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Cómo crear un resplandor de neón en un efecto de texto oscuro en Adobe Photoshop

Scroll to top

Spanish (Español) translation by Johana (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial aprenderemos a mezclar algunas herramientas fáciles de Photoshop para crear un resplandor en el efecto oscuro.

Lo que necesitarás

Para realizar este proyecto, necesitarás los siguientes recursos:

  • Tener acceso a Adobe Photoshop; si no tienes el software, puedes descargar una versión de prueba desde el sitio web de Adobe.
  • Fuente The Historia.

1. Cómo crear un nuevo archivo de Photoshop

Paso 1

En Photoshop, ve a Archivo > Nuevo. Nombra el documento como Resplandor en la oscuridad. Establece la Anchura en 1270 px y la Altura en 1600 px. Establece la Resolución en 72 píxeles/pulgada. Haz clic en OK.

Create a new Photoshop fileCreate a new Photoshop fileCreate a new Photoshop file

Paso 2

En el panel Capas, haz clic en Crear una nueva capa de relleno o ajuste, ve a Capa > Color sólido y selecciona el color negro para utilizarlo como color de fondo. Haz clic en OK.

Add a solid color layerAdd a solid color layerAdd a solid color layer

Paso 3

En la barra de herramientas, selecciona la Herramienta texto (T) y haz clic en la mesa de trabajo. Escribe "YOU CAN DO IT!" (Puedes hacerlo) En el panel Carácter, establece la fuente en The Historia y con 335 pt.

Using the text tool add your textUsing the text tool add your textUsing the text tool add your text

2. Cómo crear un efecto pincel de varios colores

Paso 1

Crea una nueva capa. Presiona Comando y haz clic en la capa Texto para seleccionar solo el texto. Luego, haz clic en la nueva capa que hemos creado y haz clic en Añadir máscara de capa. Esto creará una máscara de capa con la selección como un objeto y no como el texto. Oculta la capa de texto.

Create a layer mask of the text on a new layerCreate a layer mask of the text on a new layerCreate a layer mask of the text on a new layer

Paso 2

Usaremos la herramienta Pincel para pincelar sobre con diferentes colores en el texto. Asegúrate de seleccionar la capa normal y no la máscara de capa. Con la Herramienta pincel (B), haz doble clic en el color frontal y establécelo en #f600d4. Haz clic derecho en la mesa de trabajo y establece el Tamaño del pincel en 45 px y la Dureza en 100%. Pasa el pincel por las partes del texto como se muestra en la siguiente imagen.

Add color to the regular layer with the layer maskAdd color to the regular layer with the layer maskAdd color to the regular layer with the layer mask

Paso 3

Hagamos lo mismo con otros colores. No te preocupes si se ve desordenado, lo arreglaremos en el siguiente paso. Eres libre de ajustar el tamaño del pincel. Incluso te sugiero bajar a 5 px como lo hice para los colores morado y azul. Utilizaré los siguientes códigos:

  • Turquesa: #00f0ff
  • Morado: #6017b4
  • Azul: #2300d7

Ten en cuenta que podemos repetir este paso después para perfeccionar algunas de las áreas en blanco.

Feel free to add other colors as wellFeel free to add other colors as wellFeel free to add other colors as well

Paso 4

Mientras estés en la misma capa, ve a la barra de herramientas y selecciona la Herramienta dedo. Haz clic derecho en la mesa de trabajo y selecciona el tamaño para que tenga la anchura del trazo de las letras, en mi caso, sería de 40 px. En la barra Opciones, establece la Intensidad en 20%, pero no dudes en experimentar. Sigue pasando el pincel por las letras de color para fusionarlas. Intenta seguir la forma natural al escribir una letra. Por ejemplo, mira la letra U de la imagen izquierda.

Using the smudge tool brush over the areas following the natural direction of the fontUsing the smudge tool brush over the areas following the natural direction of the fontUsing the smudge tool brush over the areas following the natural direction of the font

Paso 5

Repite el Paso 4 para perfeccionar las letras. Esta vez, pasaremos el pincel por las partes en blanco para cubrirlas con color. He añadido un poco de verde con el siguiente código de color: #0af59f. ¡No hay algo correcto o incorrecto para estos pasos!

Add more color on a new layer with a layer maskAdd more color on a new layer with a layer maskAdd more color on a new layer with a layer mask

Paso 6

Añadiremos un poco de sombra para darle a la obra de arte un efecto 3D. Crea una nueva capa de máscara, como hicimos en el Paso 4. Establece el fondo en negro y selecciona la Herramienta pincel (B). Establece el Tamaño del pincel en 40 px, Dureza en 0% y Opacidad en 10%. Pasa el pincel por los lados de cada letra donde deseas que haya sombra.

Create a new layer with a mask on the text to add shadowCreate a new layer with a mask on the text to add shadowCreate a new layer with a mask on the text to add shadow

3. Cómo crear el efecto de resplandor

Paso 1

Duplica todas las capas donde aplicaste la Herramienta pincel con los colores y fusiónalas. Mueve esta nueva capa fusionada debajo de todas las capas de texto para crear el efecto resplandeciente. Ve a Filtro > Desenfocar > Desenfoque gaussiano. Establece el Desenfoque en 200 px. Duplica la capa desenfocada y fusiónala con la original.

Duplicate and merge all the layers where the colors were applied and use the Gaussian blur filterDuplicate and merge all the layers where the colors were applied and use the Gaussian blur filterDuplicate and merge all the layers where the colors were applied and use the Gaussian blur filter

Paso 2

Para obtener un aspecto grungy, selecciona la capa desenfocada y ve a Filtro > Ruido > Añadir ruido. Establece la Cantidad en 7.

Add noise to the blurred backgroundAdd noise to the blurred backgroundAdd noise to the blurred background

Paso 3

Duplica la capa de sombra para crear un efecto más fuerte y repite el paso anterior para añadir ruido.

If you would like to create a stronger shadow simply duplicate the layer In this case I added a Noise filter for a grungy lookIf you would like to create a stronger shadow simply duplicate the layer In this case I added a Noise filter for a grungy lookIf you would like to create a stronger shadow simply duplicate the layer In this case I added a Noise filter for a grungy look

Paso 4

Añadiremos algunos toques finales. En el panel Capas, haz clic en Crear nuevo relleno o capa de ajuste y añade una capa de Brillo/Contraste, y ajústala a la configuración deseada.

Add a BrightnessContrast adjustment layer to adjust the lookAdd a BrightnessContrast adjustment layer to adjust the lookAdd a BrightnessContrast adjustment layer to adjust the look

Paso 5

Recuerda que siempre puedes volver a los pasos 4 a 7 hasta que encuentres lo que funciona mejor para ti. ¡No hay algo correcto ni incorrecto! Abajo, añadí algunos trazos más de color verde.

You can repeat steps 4-7 to add more color There is no right or wrongYou can repeat steps 4-7 to add more color There is no right or wrongYou can repeat steps 4-7 to add more color There is no right or wrong

4. Cómo guardar el archivo para Web

Ve a Archivo > Guardar y guarda el archivo como lo harías normalmente.

Para guardar un archivo JPEG para la web, ve a Archivo > Guardar para Web o presiona Mayús+Opción+Comando+S. Selecciona el tipo de archivo en el que deseas guardar el documento: estoy eligiendo JPEG y establezco la Calidad en 100. En Tamaño de imagen, puedes cambiar el tamaño del píxel de la imagen si tienes restricciones de tamaño.

En la parte inferior izquierda, puedes tener una vista preliminar del tamaño del archivo. Esto es útil cuando hay restricciones de tamaño en un sitio web y necesitas reducir la calidad o el tamaño de la imagen.

Haz clic en Guardar... para elegir la ubicación en la nueva ventana y haz clic nuevamente en Guardar.

Save the file for WebSave the file for WebSave the file for Web

¡Terminaste!

¡Felicitaciones por terminar el tutorial! Hoy, hemos aprendido a:

  • Crear un efecto pincel de varios colores para mejorar aún más las fuentes de estilo pincel.
  • Añadir un efecto de sombra creíble al texto.
  • Crea un efecto resplandeciente con las sencillas herramientas que tiene Photoshop.