Efecto de Neon en Photoshop

Efecto de Neon en Photoshop
Paso 1:
Creamos un archivo Nuevo [ctrl+N] de 600x600 px a 300dpi de resolución y fondo negro.

efecto


Paso 2: En las Capas
Seleccionamos la herramienta de Texto y escribimos en el escenario el texto al que le queremos aplicar el efecto. Elijan un tamaño relativamente grande para la tipografía, en mi caso es “35”. Traten que no sea muy fina para que se pueda ver mejor el efecto.

Real

Paso 3:
Centramos la capa que contiene el texto con respecto al Background. Para ello seleccionamos la herramienta Mover (Move) y con la tecla ctrl presionada seleccionamos las dos capas. Vamos a la parte superior de la pantalla donde están las opciones de la herramienta y hacemos clic en Alinear centros verticales (Align vertical centers) y Alinear centros horizontales (Align horizontal centers).

neon

Paso 4:
Cargamos la selección de la capa que contiene el texto Selección/Cargar Selección/nuestro texto (Select/Load selection/nuestro texto), [ctrl+clic] sobre la imagen miniatura de la capa (thumbnail).

Paso 5: En los Canales
Vamos a los canales (channels), creamos uno nuevo, lo renombramos a texto.

taringa

Paso 6:
Rellenamos la selección de color blanco [ctrl o alt+supr(delete)], duplicamos el canal (channel) [clic derecho sobre el canal] y lo nombramos bold.

photoshop

Paso 7:
En el canal bold expandimos la selección 3px Selección/Modificar/Expandir (Select/Modify/Expand...) y la rellenamos de color blanco también.

con

Paso 8:

Con el canal bold seleccionado cargamos la selección del canal texto y seguimos uno de estos pasos:


•Vamos a Selección/Guardar Selección (Select/Save selection), desplegamos el menú canal (channel) y seleccionamos bold. Vemos que en la parte de abajo aparecen diferentes opciones que son operaciones booleanas.

A continuación las describo:


◦Reemplazar Canal (Replace Channel) reemplaza toda la información del canal por la selección actual.

◦Añadir al Canal (Add to Channel) añade la información que tenemos seleccionada al canal elejido.

◦Restar del Canal (Substract from Channel) le resta la información seleccionada al canal elejido.

◦Itersecar con Canal (Intersect with Channel) sustrae la información de las áreas de intersección entre la selección y el canal elegido. Quedan visibles solamente las áreas donde la selección y el canal se superponen.


Elegimos la opción Restar del Canal y aceptamos.


•Rellenamos la selección con color negro.

Efecto de Neon en Photoshop

Paso 9:
Deseleccionamos el canal y lo duplicamos dos veces. Los renombramos horizontal y vertical respectivamente.

efecto

Paso 10:
Seleccionamos el canal vertical y lo rotamos 90°CW Editar/Transformación libre (Edit/Free Transform) [ctrl+T].

Real

Paso 11:
Al canal horizontal le aplicamos el filtro Viento, Filtro/Estilizar (Filter/Stylize) con las opciones Método: Viento, Dirección: Desde la derecha (Method:Wind, Direction: From the Rigth).

neon

Paso 12:
Volvemos a aplicar el filtro al canal horizotal pero esta vez con la Dirección Desde la Izquierda (From the Left).

taringa

Paso 13:
Hacemos lo mismo con el canal vertical (le aplicamos el filtro viento en ambas direcciones) y lo rotamos 90°CWW.


Paso 14:
Hacemos visibles los dos canales (vertical y horizontal) y los alineamos de manera tal que los límites de los textos coincidan.

photoshop

Paso 15:
Duplicamos el canal vertical y lo renombramos high ligth.


Paso 16:
Cargamos la selección del canal horizontal y se la añadimos al canal high ligth.

con

Paso 17:
Cargamos la selección del canal texto y la alineamos con el interior del canal high ligth. Abrimos las Curvas (Curves), Imagen/Ajustes (Image/Adjustments) y le bajamos la intensidad al interior del texto en el canal.

Efecto de Neon en Photoshop

Paso 18: En las capas
Seleccionamos la capa Fondo (Background), cargamos la selección del canal high ligth y la rellenamos con color blanco.

efecto

Paso 19:
Vamos a Mapa de Degradado (Gradient Map), Imagen/Ajustar (Image/Adjustments) y generamos un gradiente similar al de la imagen.

Real

Paso 20:
Aplicamos el filtro Resplandor Difuso (Diffuse Glow), Filtro/Distorcionar (Filter/Distort). Asegúrense que el color de fondo en la barra de herramientas sea blanco. En los parámetros del ajustamos los valores Granulado=0 (Graininess), Cantidad de Resplandor=10 (Glow Amount), Cantidad de Claridad=20 (Clear Amount). Aceptar.


Paso 21:
Vamos a [Editar/Transición Resplandor Difuso] (Edit/Fade Diffuse Glow) [ctrl+shift+F]. Ajustamos los parámetros Opacidad=50 (Opacity), Modo=Screen (Mode).

neon

Ya tenemos nuestro efecto listo .

Aquí les dejo un ejemplo diferente usando la misma técnica.

taringa

Fuentes de Información - Efecto de Neon en Photoshop

Tags: efecto | Real | neon | taringa | photoshop | con

Dar puntos
94 Puntos
Votos: 0 - T!score: 0/10
  • 4 Seguidores
  • 4.550 Visitas
  • 28 Favoritos

18 comentarios - Efecto de Neon en Photoshop

@majesticdom Hace más de 3 años

q bonito!!!!
@_brontok_ Hace más de 3 años
muy bueno
@tkvalanciitoo Hace más de 3 años
te doy +5 Si me haces uno que diga "Tkvalanciitoo" y otro que diga, "mis post" "perfil y el ultimo que diga "otros"
@caonsv Hace más de 3 años +1
nunca viste una luz de neon?? :S
@caonsv Hace más de 3 años +1
photoshop
@M0sh Hace más de 3 años
No esta muy bien explicado. Intente hacerlo pero desde el paso n8 no se explica bien y queda todo negro.
@cuervodeburzaco Hace más de 3 años
caonsv dijo:con

Estas igual :p jajajajajjaja
@nicolasanchez27 Hace más de 3 años
muy bueno van 10
@fgt10 Hace más de 3 años
nicolasanchez27 dijo:muy bueno van 10
@BARAK4515405 Hace más de 3 años
YO CREO QUE ME TOCAR CREAR UN TEMA DICIENDO QUE TU NO CUMPLES

QUIERO MIS 10 !!!!! ME LOS DEBES DESDE AYER
@Gonza_Linkero Hace más de 3 años
ACA LOS TENES!!!!!
@matix6969 Hace más de 3 años
exelente post loco reco +10
@gangster007 Hace más de 3 años
sos el ganador de los +5 en el concurso de la comu
@OdioRapidShare Hace más de 3 años
Te quedo bien, pero prestale atencion a este comentario

M0sh dijo:No esta muy bien explicado. Intente hacerlo pero desde el paso n8 no se explica bien y queda todo negro.

@alexanderchapana Hace más de 3 años
recomendado y agregado a favoritos!!
@frank_tll Hace más de 3 años
Buen Post...! lo necesitare para lograr hacer un estilo diferente a otros diseñadores...! +10...

Saludos...! T!