Diseñar textos y formas con efecto luz de neón con Photoshop CS6

Publicado por asktutorial.

Si eres de las personas que sienten nostalgia por aquellos enormes anuncios callejeros de neón entonces te recomendamos que continúes leyendo porque en este tutorial te decimos cómo diseñar textos y formas con efecto luz de neón con Photoshop CS6.

Antes que nada debes saber que aun cuando el texto funciona muy bien con cualquier tipo de fuente nosotros recomendamos utilizar la fuente llamada Museo 700; circula libremente en Internet y puedes encontrarla desde cualquier buscador con la etiqueta “Museo 700 font”.

1.- Para comenzar con nuestra tarea de este día vamos a abrir un nuevo documento con Photoshop CS6; puedes utilizar las medidas que quieras pero en esta ocasión yo estoy utilizando las medidas: 1280 x 800 px con un fondo negro.

2.- Ahora vamos a escribir un texto cualquiera, en esta ocasión yo escribo:

Asktips y le asigno un tamaño de fuente de 150 pt

diseñar textos y formas con efecto luz de neón con Photoshop CS6

3.- Comenzamos ahora a aplicarle una serie de estilos a nuestra capa; primera mente será el trazo;  aquí vamos a asignarle los siguientes datos:

Tamaño: 4

Posición: Centro

Modo de fusión: Normal

Opacidad: 100%

Tipo de relleno: Color

Color: 6b707e

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (1)

Aclaramos que en esta ocasión vamos a hacer un texto con el clásico color azul de esos anuncios de neón que tanto disfrutamos hace tiempo.

4.- El segundo estilo de capa que vamos a aplicar se llama Sombra interior y aquí le aplicamos los siguientes valores.

Modo de fusión: Sobreexposición lineal

Color: 0060ff

Opacidad: 70%

Distancia: 7 px

Tamaño: 10 px

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (2)

5.- A continuación vamos a aplicarle otro estilo de capa, esta vez aplicamos un estilo llamado resplandor interior con los valores:

Modo de fusión: Sobreexposición lineal

Opacidad: 85%

Color: 0060ff

Técnica: Más suavizado

Origen: Borde

Retraer: 10%

Tamaño: 8 px

Rango: 50 %

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (3)

6.- El siguiente estilo de capa se llama Resplandor exterior y aquí aplicamos los siguientes valores:

Modo de fusión: Sobreexposición lineal

Opacidad: 85%

Técnica: más suavizado

Extender: 10%

Tamaño: 8 px

Rango: 50%

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (4)

En este punto nuestro texto se ve así:

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (5)

7.- Por último vamos a aplicar el último estilo de capa que se llama Sombra paralela con los siguientes valores:

Modo de fusión: Sobreexposición lineal

Color: 0060ff

Opacidad: 70 %

Ángulo: 90°

Distancia: 6 px

Tamaño: 40 px

Y activamos la opción que dice la capa cubre la sombra paralela

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (6)

8.- Ahora vamos a crear una forma con este mismo efecto. Para eso vamos a seleccionar la herramienta forma personalizada que se ubica en la barra de herramientas de Photoshop CS6 y seleccionamos una de las formas por defecto; si deseamos verlas todas solo seleccionamos en el menú de opciones, la opción de mostrar todas de este modo:

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (7)

Yo voy a seleccionar la forma del Ying Yang sin relleno ni trazo

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (8)

Ahora voy a repetir los pasos del 3 al 7 excepto por los colores; en el trazo el color es 7f6a7e y en el resto de los estilos de capa el color es: d703b2

Y al final mi forma queda así:

diseñar textos y formas con efecto luz de neón con Photoshop CS6 (9)

Esperamos que hayas disfrutado tanto de este tutorial cómo nosotros al hacerlo; recuerda que ya no hay excusa para seguir extrañando aquellos anuncios de neón; ahora es muy sencillo tenerlos con un poco de creatividad y por supuesto, con ayuda de Photoshop CS6.

Tips

– Recomendamos utilizar textos con relleno de color negro y formas sin relleno ni trazo para obtener un resultado más realista.

– Otros colores muy comunes en el efecto neón son el amarillo cuyos códigos son:

Trazo: fffde1

Otros estilos de capa: ffd800

 

Y el verde con los códigos:

Trazo: f3ffe9

Otros estilos de capa: aeff00

1 Respuestas »

Dejar un comentario

Tenga en cuenta: la moderación de comentarios está habilitada y puede retrasar su comentario. No hay necesidad de volver a enviar su comentario.

¡SUSCRÍBETE GRATIS!

Nosotros

AskTutorial nace en Junio del 2010 en la ciudad de Chicago, IL con el fin de crear Tutoriales Educativos en Español dirigidos a la comunidad de habla hispana en Estados Unidos y alrededor del mundo. Gracias a la excelente respuesta del publico que diariamente ve nuestros videos nos hemos extendido a no solo crear video tutoriales, si no tambien ofrecemos información relevante de acuerdo a sus preguntas.

Archivos / Mes

Contenido Bloqueado Solo Para Seguidores

Para ver el contenido solo sígueme en cualquiera de estas redes sociales. ¡Muchas gracias por todo!