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.
35 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!
Rafa Dijo:
04.10.2010Fenomenal.
Salu2
toOnY Dijo:
06.3.2010heyyy mUy buen tutorial!!!! es lO maximo vos, felicidades!! me ayudo mucho!!!
Iran Dalam Dijo:
06.16.2010hola, solo quiero agradecerte por el tutorial, ya que esta muy bien y en lo particular me sirvió mucho.
Erni Dijo:
06.18.2010Hola, primero quiero agradecerte por tomarte el timepo para hacer estos tutoriales y segundo, queria preguntarte como abro la paleta pinceles porque no puedo. Saludos
jan01 Dijo:
07.7.2010hola despues de poner el texto el color para sobreexponer me sale en una rueda al rededor del centro que esta ,mas claro no en las letras como le hago.
descrop Dijo:
07.27.2010eres el mejor amigo grasias seguiendo tus tutos.