Tutorial: Como Obtener el Efecto Glow.
Publicado por Samuel | 11.18.2008Tutoriales
Una de las técnicas modernas de diseño mas llamativas es la del efecto Glow, luces que brillan realzando texto o imágenes en una composición, en lo personal cuando vi este efecto por primera vez me causó mucha curiosidad pues los resultados son muy llamativos y algunos avanzados son asombrosos.
Primero algunos ejemplos de lo que queremos hacer:
La base de este efecto es el Modo de Fusión: Sobreexponer Color de Photoshop.
Paso 1
Crea un espacio de trabajo de 500×300 pixeles y 300pixeles/pulgada, rellenalo de color #38302b, pon atención al nombre de las capas pues haré referencia a estos durante el tutorial.
Paso 2
Crea una nueva capa presionando Ctrl+Shift+N esto creara una capa llamada Capa 1 (Layer 1 en ingles), toma un pincel redondo tamaño 300 pixeles, dureza 0% y color #59493f da un clic en el centro de la capa para hacer el centro mas claro que el resto de la imagen.
Paso 3
Crearemos un poco de texto que te parece la palabra GLOW, yo use la fuente Trajan Pro, Regular a 24pt, da doble clic sobre la capa para abrir la ventana Estilos de Capa y pon los ajustes de la imagen inferior.
Paso 4
Duplica la capa de texto presionando Ctrl+J ahora tendrás dos capas de texto, la primera llamada GLOW y la segunda llamada GLOW copia, da clic derecho sobre la capa GLOW y selecciona la opcion Rasterizar Texto, luego da clic sobre la Capa 1 y crea una nueva capa presionando Ctrl+Shift+N esta capa trae por nombre Capa 2 no lo cambies, por ultimo da clic derecho sobre la capa GLOW y selecciona la opción Combinar hacia Abajo, tu paleta Capas debería verse así.
Paso 5
Para este paso debes tener seleccionada la Capa 2, ve a Filtro | Desenfocar | Desenfoque de Movimiento.. y pon los ajustes de la imagen inferior.
Paso 6
Da doble clic sobre la Capa 2 para acceder a los Estilos de Capa y agrega una Superposición de Degradado como se muestra en la imagen abajo.
Paso 7
Crea una nueva capa sobre todas las demás y presiona D para restablecer los colores Frontal y de Fondo, ahora ve a Fitro | Interpretar | Nubes.. este filtro no tiene cuadro de dialogo por lo que el resultado sera diferente al mio. Cambia el Modo de Fusión de la capa de nubes (Capa 3) de Normal a Sobreexponer Color, ahora toma la Herramienta Lazo y ajusta el valor Desvanecer a 30 px y haz una seleccion alrededor del texto, luego ve a Capa | Mascara de Capa | Descubrir Selección.
Paso 8
Crea una nueva capa sobre la Capa GLOW debería llamarse Capa 4, toma un pincel redondo en color blanco, tamaño 5 px y dureza al 0%, ahora ve a la paleta pinceles y ajusta los siguiente.
Toma la Herramienta Pluma en modo Trazados, y haz un trazado como el que muestro abajo.
Ahora da clic sobre la Capa 4, luego ve a la Paleta Trazados y veras la miniatura del trazado que acabas de crear, da clic derecho sobre esta y selecciona la opción Contornear Trazado, aparecerá una ventanita selecciona allí la Herramienta Pincel y selecciona la casilla Simular Presión.
Paso 9
Ya casi por finalizar da doble clic sobre la Capa 4 y haz estos ajustes.
Resultado
Acerca del Autor
Samuel Bran es estudiande de Diseño Gráfico, tiene una gran pasión por el diseño gráfico y web, fan de Adobe y la edición de video. Originario de El Salvador, autor y creador de Photodesigner.Net un blog dedicado a publicar Tutoriales en Español para Adobe Photoshop, Recursos e Inspiración.
29 Comentarios en “Tutorial: Como Obtener el Efecto Glow.”
tct Dijo:
11.19.2008Very nice tutorial
Samuel Dijo:
11.19.2008Thanks!! is really nice that you think that.
Dunkelmag2009® Dijo:
11.22.2008Excelente blog man… primer tuto que veo y ya te tengo en mis favoritos
jajaja…
saludos man XD
Samuel Dijo:
11.22.2008Gracias!! espero verte por aquí, eres bienvenido!.
yamilaa Dijo:
12.5.2008olaaa!! muxas gracias!!
pero puedes explicar como hacerlo, como en el segundo banner? ke
sale la tira esa rodeando el microo?
porfii (LL)
Samuel Dijo:
12.5.2008Claro yamilaa, ya estoy preparando un nuevo tutorial para lograr el efecto del segundo banner, espéralo.
Samuel Bran | Blog Personal » Blog Archive » Photoshop Latino: Tutoriales en Castellano. Dijo:
12.15.2008[...] de Photoshop en Castellano aparecen destacados dos de mis tutoriales, el primero de la lista es Tutorial: Como Obtener el Efecto Glow y el segundo es Photoshop Tutorial: Efecto de Texto [...]
Edwingraf Dijo:
12.18.2008Excelente amigo!
Y muy bueno tu cambio de imagen!
Samuel Dijo:
12.19.2008Gracias Edwin ya hace un tiempo que no te leía por aquí.
gnesisxx Dijo:
12.19.2008muy buen tutorial amigo
gracias me ha servido mucho
saludos
David Dijo:
01.8.2009Excelente blog y geniales tutos!!. A favoritos!!
charly11 Dijo:
01.12.2009Muy Buen Tuto. Esta Bravazo Muchas gracias
imgnacion.com Dijo:
01.17.2009Como Obtener el Efecto Glow….
Una de las técnicas modernas de diseño mas llamativas es la del efecto Glow, luces que brillan realzando texto o imágenes en una composición, en lo personal cuando vi este efecto por primera vez me causó mucha curiosidad pues los resultados son mu…
laura Dijo:
02.27.2009hola!! buenísimo! muy bien explicado! créeme que mientras leía lo iba haciendo con el Photoshop.. pero no me sale!!
es un poco complicado!! NECESITO AYUDA PLIS!!
Samuel Dijo:
02.27.2009@Laura: Dime en que te puedo ayudar?, en que parte del tutorial tienes problemas?.
Area Photoshop Dijo:
03.7.2009Crear efecto Glow Primera Parte…
Hola, navegando por el blog de Samuel Bran encontre la primera parte de este excelente tutorial donde nos enseña a crear el efecto glow, mas adelante dejare la segunda parte.
Una de las técnicas modernas de diseño mas llamativas es la del efecto Glo…
Julio Cesar Dijo:
09.13.2009Hermano en el paso 5 cuando selecciono la capa 2 y le doy a Filtro | Desenfocar | Desenfoque de Movimiento.. me aparece error q dice “no se ha podido completar el comando desenfoque de movimiento xq el area seleccionada esta vacia” espero tu ayuda gracias
Luis M Dijo:
09.18.2009Muy buen tutorial me ayudo bastante; Gracias
Samuel Dijo:
09.18.2009Gracias a todos por sus comentarios.
Sunshine Dijo:
11.5.2009WOW exelente!!!
!! y Super Facil de hacer experimentre un poko y vere si encuentro un post donde explique como aplicar en fotos 
…. Grax es una Web muy buena…
maria del carmen Dijo:
11.25.2009hola!!!! muchas gracias me encanto este tutorial.. apenas voy empesando a diseñar asi que fue de gran ayuda … que puedo decir es grandioso gracias ….. bye ..
Merilyn Dijo:
12.19.2009Hey! no saltas algo en el paso 2??? Osea el fondo no se me rellena… Espero me entiendas! Gracias de antemano.
Merilyn Dijo:
12.19.2009Aaaayy sorry!!! de verdd fue q no lei bn el primer paso!!!!!
bolita Dijo:
12.24.2009hey quisiera saber que am no me ayudo mucho por que am creo que am no es photoshop que yo tengo cual es y quien me puede ayudar
Brian Dijo:
01.7.2010Muchas gracias por este tutorial
como en un comentario anterior
primer tuto que agrego a favoritos
me gustaria porfavor pedirte si puedes explicar paso a paso
como haces ese efecto tal cual como el segundo y el primer banner porfa!!
de antemano gracias men
Abener Dijo:
02.5.2010Que lindo blog espero que dure muuuuuuuuchos años y que nos siga deleitando con sus tutoriales tan magnificos y deslumbrantes. pues yo estudio ingenieria de Sistemas y quiciera cuando termine esta carrera ya en un año estudiar diseño gráfico profesional
danitaasu Dijo:
02.23.2010oye podrias explicarme mas detalladamente el paso 7 :p no entendi esta parte:
“Cambia el Modo de Fusión de la capa de nubes (Capa 3) de Normal a Sobreexponer Color”
porfaaas esk soy nueva y todavia hay cosas k no entiendo xD
Milagros Dijo:
02.24.2010Excelente tutorial.
Apenas empiezo con photoshop y esta todo muy bien explicado y detallado.
:]
katherine Dijo:
03.8.2010me perdi en el numero 4 ! cuando le doy click derecho a la capa de glow no me aparece la opcion combinar hacia abajo :/ espero me ayudes!