FONTS ESTILO NEON




Despues de unas pruebas para encontrar los colores que queria representar, He
creado la imagen que queria para este tutorial. Ahora solo falta mostrarles
como crear el efecto neon. El proceso es realmente fácil, asi que cualquiera
puede hacerlo.





1.- Selecciona la herramienta de texto y escribe lo que tu quieras.
(Este es el achivo de font (letra) que yo he utilizado).
Font





2.- Para poder editar la capa del font tenemos que convertirla, asi que
selecciona la capa, da click derecho y aparecerá un submenu ahora da click
en la opción Rasterize type.





3.- Selecciona la capa, presiona y manten CTRL+Click izquierdo, para seleccionar
el objeto que se encuntra en la capa (En nuestro caso las letras (font).





4.- Ve al menu da click en la pestaña select>modify>contract... Contract by 2 px
y dale OK. Presiona la tecla Delete para borrar lo que se ha seleccionado.


CONTRACT BY 2px


DELETE




5.- Saca una copia a la capa font (letra), aplicale el filtro blur>Gussian blur
1.7px, aplicale un HUE/SATURATION (CTRL+U), y cambia el mode de layer a lighten.


HUE/SATURATION (CTRL+U)




6.- Regresa a la capa original y aplica estas opciones en layer style (Para
entrar a layer style da 2 clicks sobre la capa).





7.- Resultado final (Si quieres diferentes colores, para cada palabra tienes
que crear de una por una).




Aqui les dejo unos wallpapers en HD.

WALLPAPER 720P

WALLPAPER 720P 2

CREA UN MAGNIFICO ESTILO SMOKE AMANTE DE LOS RENDERS? ENTRA AQUI!

Comments

Lince Sagradolincesagrado Wednesday, June 10, 2009 8:25:44 PM

Viejo men, excelente. Navegando por la comunidad opera encontré su blog, que visitaré a menudo (como cada 3 meses por ahí).

Este truco esta bien bacano, mañana mismo me pongo a sacarle la versión de Gimp, si no es molestia, claro, pues aunque trabajo con fotochó, soy impulsador del software libre.

Sin embargo siempre he querido hacer un efecto ligeramente diferente. Imagino que ha visto muchas fotos tomadas con velocidad de obturación lenta, en la que una persona "dibuja" algo con una fuente de luz (un llavero, un celular, una linterna pequeña) y la foto resultante muestra algo como neon, con la diferencia que la luz es más intensa en algunos tramos del trayecto que en otros. ¿que ideas me podría colaborar al respecto?

Luis AlbertoLuIsMaX4AndFrIeNds Wednesday, July 8, 2009 8:25:04 AM

Me imagino que te refieras a algo como esto

Fireplays from Jon Thomas on Vimeo.

Lince Sagradolincesagrado Wednesday, July 15, 2009 8:32:04 PM

Efectivamente, compañero, a eso mismo me refiero. Pues bien quiero recrear ese efecto pero sin filmarlo. Eventualmente quisiera animarlo, ya sea con Illustrator, Inkscape, para cada frame, y animarlo con gimp. Pero por ahora quiero lograr ese efecto.

Unregistered user Saturday, August 8, 2009 6:24:23 PM

Diego writes: Gracias!!! Estaba buscando algo como esto para un aviso que quiero colocar en mi negocio. Me ha resultado el tutorial de mucha ayuda.

Unregistered user Saturday, October 17, 2009 5:45:28 AM

Anónimo writes: COMO CAMBIO DE MODO LAYER A LIGHTEN???? GRACIAS.

Unregistered user Friday, December 11, 2009 3:33:26 PM

Anónimo writes: Hola Luis ¿de que aplicacion son los screenshot? No soy en nada experto en estos temas graficos y para mi seria mas facil obtener el mismo resultado si uso la misma aplicacion que tu. Gracias

Luis AlbertoLuIsMaX4AndFrIeNds Thursday, December 31, 2009 9:07:23 AM

Photoshop es el software y es muy sencillo de utilizar

Unregistered user Friday, January 8, 2010 9:04:36 PM

Anónimo writes: muy buen resultado muchas gracias y tambien muy bien explicado ^^

Luis AlbertoLuIsMaX4AndFrIeNds Thursday, January 14, 2010 9:48:52 PM

gracias

Unregistered user Tuesday, May 11, 2010 3:56:01 AM

Anónimo writes: gracias!!, lo voy a usar:)

Unregistered user Friday, June 11, 2010 2:34:46 AM

Nihilista writes: Buen tutorial! Me pregunto como se llama esa fuente... porque el link que pusiste solo muestra los codigos y no la puedo descargar, por eso, me gustaria que me pases el nombre de la fuente

Luis AlbertoLuIsMaX4AndFrIeNds Friday, June 11, 2010 7:59:01 AM

Que raro yo le di un click y me deja descargarla, pero aqui te dejo la pagina de Dafont donde la encontraras

http://www.dafont.com/boodas-de-subtract.font?l%5B%5D=10&l%5B%5D=1&text=Swisslinux.org%3E%3Cimg+src%3D

Unregistered user Friday, June 25, 2010 3:09:26 AM

Anónimo writes: la verdad, tu tutorial me sirvio muchisimo. Muchisimas gracias!!!!!

Unregistered user Saturday, February 26, 2011 2:50:49 PM

guyi writes: HOLA, DEBO SER UN IDIOTA, PORQUE BAJE LAS FONT, ESCRIBO LA PALABRA Y HASTA AHI LLEGO, O PUEDO LOGRAR EL 2º PASO YA Q NO ME APARECE "RASTERIZE TYPE" solo rasterize text.- q hago mal, sera otra version, tengo el cs4. (la mayoria de los comandos q nombras no los encuentro) desde ya muchas gracias.-

Luis AlbertoLuIsMaX4AndFrIeNds Tuesday, March 1, 2011 2:35:53 AM

Esa debe ser la opción dale a esa, si todo sale bien deberas notar como cambia el icono de text a layer. Estas usando la version en español? si es asi, los comando van a ser un poco diferentes por que el que yo use fue en ingles.

Si tienes algun otro problema mandame un correo a luis_max4@hotmail.com (escribe opera blog en teme para darme cuenta)

Unregistered user Wednesday, June 29, 2011 4:52:38 AM

nicosucio writes: buena onda de tuto, justo lo que necesitaba. bien ahi.

Unregistered user Monday, July 11, 2011 10:47:57 PM

Anonymous writes: bien!

Unregistered user Tuesday, July 12, 2011 7:35:20 PM

Anonymous writes: Hola men muy bueno tutorial, pero por que todos hacen el tipico texto neon nadie pone un tutorial de figuras en neon tipo el cuerpo mujer, guitarra, un edificio una casa etc, etc tu no podrias hacer un tuto de objetos y figuras en neon gracias.

Unregistered user Tuesday, July 12, 2011 7:38:43 PM

Anonymous writes: me interesa las figuras tipo esas del hombre y la mujer no las explica en su tuto como las hizo men que falla bay

Luis AlbertoLuIsMaX4AndFrIeNds Thursday, August 4, 2011 3:32:04 AM

las figuras estan incluidas en photoshop en custom shapes y los demas pues es el mismo procedimiento.

Write a comment

New comments have been disabled for this post.

June 2012
S M T W T F S
May 2012July 2012
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30