14 enero 2008
Tutorial Efecto Brillo con Adobe Photoshop
En este tutorial veremos como realizar un sencillo pero a su vez atractivo efecto de brillo, para llevarlo acabo nos daremos cuenta que no necesitamos poseer unos conocimientos avanzados de Adobe Photoshop. Este efecto de brillo lo lograremos simplemente jugando con los modos y estilos de capa y lo adornaremos todo exprimiendo las herramientas pluma y pincel.
Esto es sólo el principio una vez domines la técnica juega con ella, experimenta y recuerda que dentro de este mundo del diseño la norma número uno es que no hay normas.
Creando el fondo
Lo primero que tienes que hacer en este tutorial es crear un degradado radial, en este caso nosotros lo hemos realizado usando los colores azul y negro. Una vez que tenemos nuestro degradado procederemos a duplicarloo y a esta capa resultante le editamos el modo de capa y lo colocamos en Sobreexponer color. Yo este proceso lo he repetido un par de veces para así poder conseguir un fondo con más brillo y fuerza.
Añadimos Textura
Creamos una capa nueva y en esta añadiremos una textura, en el caso del tutorial hemos incorporado una textura de la superficie lunar (puedes poner la que te agrade, yo la lunar la busque en google). Configuramos su modo de capa a superponer y le ajustamos la opacidad al 50% (este paso es al gusto).
Este punto lo realizaremos para añadir más dramatismo y personalidad al trabajo, como te comentamos anteriormente tú eres el que manda, busca otras texturas y juega con ellas y quédate la que más te agrade.
Creamos las líneas
En este tercer punto vamos a crear las líneas curvas, lo primero que haremos será crear una capa nueva y con la herramienta pluma en su formato de trazos realizaremos una línea con curvas.
Una vez que tenemos la forma deseada pulsamos botón derecho y seleccionamos contornear trazado. Una vez dentro de su panel elegimos pincel (el pincel deberéis tenerlo configurado previamente, yo elegí uno circular de 20px) y prestamos atención de que este seleccionada la opción simular presión.
Configuramos los estilos de capa
Una vez tenemos la línea con curvas tendremos que añadirle estilos de capa para lograr el efecto de brillo, a continuación veremos la configuración de cada estilo.
Superposición de colores, seleccionaremos el color blanco, dejando la opacidad al 100% y su modo de fusión en normal.
Sombra paralela, seleccionamos un color azulado (#7c95e5) dejando la opacidad al 100% y su modo de fusión sobreexposición lineal. El resto de opciones las dejaremos en 0 exceptuando el tamaño que lo configuramos en 20px.
Resplandor exterior, la configuraremos con un color #00c0ff su opacidad al 80% y su modo de capa en trama. La única opción que tocaremos de las restantes será el tamaño y será de 70px.
Creando el montaje
Es el momento de crear algunas líneas con la Pluma como aprendimos anteriormente, haz todas las que quieras y decora tu trabajo. Una vez que las tengas todas es el momento de aplicarles de nuevo los estilos de capa, pero para ello lo vamos a realizar mediante un par de clic para ahorrar tiempo. La forma es sencilla ve a la capa de la línea que creaste primero, pulsa botón derecho y luego copiar estilo de capa. Ahora solo tienes que seleccionar las capas donde estén las nuevas líneas botón derecho y pegar estilo.
Últimos detalles
Llegados a este punto tenemos que rizar el rizo y añadir esos pequeños detalles que hacen que tu trabajo gane calidad y personalidad.
Yo he optado por añadirle unos círculos y colocar el texto con el título de la obra, todo ello con el mismo estilo de capa que se usa en las líneas.
Ya posees la técnica, úsala en tus proyectos y recuerda que esto es un pequeño ejemplo ahora eres tu el que tiene que sacarle punta y fusionarla con otras técnicas para lograr cosas sorprendentes.
Descargar el archivo PSD del tutorial
enero 15th, 2008 a las 3:36 pm
Muy Buen Truco !! gracias
enero 17th, 2008 a las 10:48 am
Conocia uno similar en ingles, pero gracias hacernos un tuto para los espa
enero 22nd, 2008 a las 8:54 pm
Excelente tutorial muy bien explicado y dejame decirte que tu blog esta genial Felicidades; ojala puedas darte una vuelta por el mio http://design-digitaldream.blogspot.com/
febrero 1st, 2008 a las 3:19 am
porfa me estoy muriendo no se que me fallo no me sale, lo eh intentado 5 veces y no me sale!!!!! no se si son las capas, nos e si son los estilos, no se si es la pluma, no se si es el pincel,,no se!!!!!
toy usando photoshop CS2 en español..ayudame a resolverlo porfa!
febrero 17th, 2008 a las 12:37 am
Muchas gracias por ese tutorial, yo no se como hacer el fondo con todos los efectos que le pusiste antes de usar la pluma (Pen Tool).
Al hacer las lineas todo me sale muy bien
Con mas practica espero que me salga aún mejor.
Saludos
marzo 2nd, 2008 a las 8:00 am
hey man me fue de mucha ayuda este tutorial…grax
marzo 8th, 2008 a las 9:14 pm
lo de las pluma no me sale
cuando coloco en “contornear trazado” el pinecl, solomanete me marca los puntos en donde hice las curas y al hacer los cambios en “modo de fusion” lo que queda con los colores con los angulos… por ahora falta algo que no explicaste… pero si explicas mejor los detalles seria un muy buen resultado
marzo 14th, 2008 a las 2:07 pm
[...] tiempo vimos por aquí un tutorial para crear líneas brillantes, pues bien en Ateneu Popular han rizado el rizo y han dejado el enlace para que hagamos un efecto [...]
abril 10th, 2008 a las 5:39 pm
Hola esta muy bueno el tutorial…….los felicito y gracias por postearlo………XD
mayo 29th, 2008 a las 3:40 am
Hola, sabes algo? ya me caes muy bien jajajaj me salvaste la vida, este tutorial es re sencillo, pero de un jugo, muchas gracias por existir!!!!1
junio 6th, 2008 a las 12:46 am
tengo el mismo problema qe vicor, al contornear trazado, solo se pitan los puntos de las curvas, al principio me habia salido, pero despues no se porqe no me salio, respondeme porfaaaaaa! TT
junio 6th, 2008 a las 10:30 am
Si me comentas más detalladamente los pasos que sigues, podría ver donde esta el fallo. En principio haciendo los pasos que se indican te tendría que salir, mira las propiedades del pincel no vaya a ser que este configurado con “separación”, “dispersión” o algo similar
junio 16th, 2008 a las 7:00 pm
Acabo de solucionarlo, como dice Alexis hay q dejar la configuracion del pincel habiendo seleccionado la “Dinamica de forma” .
Hermosa terminacion ^^
julio 7th, 2008 a las 8:03 pm
[...] Tutorial sacado de aquí [...]
julio 10th, 2008 a las 4:59 pm
holaa! mira, yo lei eso, pero no entiendo nada
necesito hacer blend y banners, peroo se hacerlos,
eso es lo qe qiero hacer, no se hacer [b]nada[/b]
agregen mi msn si pueden, se los dejo
ellaesmiley_ellalamejor@hotmail.com
necesito qe me ayuden.chau ¬¬
julio 13th, 2008 a las 6:04 pm
Hola,
Muy buen tutorial
Pero quisiera saber como haces esas lineas, que empieza la linea muy fina avanza con un mayor grosor y termina de nuevo fina. He intentado montones de cosas, pero sempre me sale del mismo grosor
Muchas gracias.
julio 14th, 2008 a las 10:53 am
Fijate que este seleccionada la opción “simular presión”, en la 3º foto que se adjunta viene una captura de esa opción.
julio 23rd, 2008 a las 2:45 am
la verdad que esta ahora me va saliendo
pero cuando hay que configurar cada estilo
no se a donde tengo que ir,para encontrar todo eso..
porfavor respondanme!!!
agosto 6th, 2008 a las 4:06 am
amigo alexis y toda la gente que haya echo este ejemplo, necesito ayuda urgente, en un paso..
creo las lineas con el pincel pero quedan como algo volando no tiene capas nada donde pueda aplicar los efectos, porfavor necesito urgente saber ese detalle agreguen a mi correo. djlitooox@gmail.com
agosto 23rd, 2008 a las 6:18 pm
Esta super bueno el tutotial!! pero yo qiero saber como se hacen esos circulos con brillo, esos que usaste al final. Si me pudieran mandar un tutorial o una explicacion seria muy util! mi mail es: jbfanofficial@hotmail.com
Me gusto mucho tu pagina!
Gracias de antemano.
agosto 25th, 2008 a las 10:11 am
Ya he vuelto de las vacaciones, os contestare por mail a las dudas Carlos y Paola. Nos leemos ^^
agosto 30th, 2008 a las 5:00 pm
O.o Genial el tutto me sirvio de ayuda
Grax
octubre 5th, 2008 a las 11:10 pm
[...] realidad, aunque haya dejado mi marca, el efecto lo saqué de Zarqun , desde donde podeis visitarlo y hacer el efecto vosotros [...]
octubre 28th, 2008 a las 2:59 am
muii facil de hacer esos efectos sii necesiitan ayuda me comunican a mi msn o al flog mi msn es asi:x_harol_x@hotmail.com i mi flog asi : http://www.fotolog.com/thexharol
noviembre 9th, 2008 a las 11:20 am
excelente tutorial lo pondre en practica pues estoy en este cuento del photoshop,me gustaria saber si podria contar contigo para futuras preguntas y para tutoriales difernetes
atte norber
noviembre 11th, 2008 a las 12:18 pm
Claro que si Norber, siempre que disponga de tiempo podre contestar a las dudas que tengais.
Saludos ^^
noviembre 15th, 2008 a las 4:50 am
por favor ayuda siempre tengo este problema las lineas me salen de un mismo grosor y esta en simular presion no se que hacer si fueran tan amables de explicar como configurar la pluma veo que muchas personas tiene el mismo problema gracias…
noviembre 19th, 2008 a las 9:12 pm
ye segui los primeros pasos pero me quede atorado en el paso de configurar los estilos de capa.
esque yo tengo el photoshop cs2 en ingles.
donde esta la opcion de fusion a medida.
como es en ingles auyudame me llama mucho la atencion este efecto y quiero aprender a usarlo
noviembre 20th, 2008 a las 11:20 am
Podrás encontrar un acceso directo a las opciones de “fusión a medida” en la ventana de “capas”.
Debajo de esa ventana veras una serie de mini iconos (papelera, nueva capa, enlazar…) pues uno de ellos es una “F” el segundo pues ese te dará acceso directo. ^^
noviembre 21st, 2008 a las 9:26 am
ok grcias pero me di cuenta ayer ,
ya aprendi ausar este efecto.
el efecto es muy bueno y me a ayudado bastante.
excelente tutorial y miro que lo explicaste perfectamente.
diciembre 12th, 2008 a las 7:01 am
el contorno de la pluma me sale con el mismo grosor!
como hago para que tenga terminacion en punta?
ya intente con dinamica de forma y sigue igual
porfavor ayudenme!
diciembre 19th, 2008 a las 5:35 pm
muy weno el turorial wenos los detalles me quedo clarito y mejor ahun con el psd para descarga te pasaste compadreee
enero 2nd, 2009 a las 3:49 pm
[...] – Tutorial efecto brillo con Adobe PhotoShop [...]
enero 8th, 2009 a las 12:13 pm
[...] Tutorial Efecto Brillo con Adobe Photoshop | ZaRQuN.com – [...]
enero 30th, 2009 a las 4:02 am
no me sale el resplandor!!!!!!
febrero 1st, 2009 a las 2:16 am
padrisimo el tuto muchazz felicidades !!!
febrero 10th, 2009 a las 12:29 am
Esta excelente el manual de 1 al 5 le pongo 10, me ayudo mucho, me sirvio para resolver el problema de las iluminacion de una imagen
marzo 24th, 2009 a las 10:40 pm
ps esta muy bien
abril 5th, 2009 a las 6:26 am
oye eres grande,gracias por compartir con los que queremos aprender sirvio de mucho.GRACIAS,y siguenos ayudando.
abril 12th, 2009 a las 12:17 am
exelente po.
me costo pero lo logre.ahora a probar con el psd.
abril 14th, 2009 a las 12:42 am
El efecto quedo excelente.. !! Gracias por compartir tu idea.
abril 24th, 2009 a las 8:43 pm
HOLA MUY BUENO … PERO TENGO UN PROBLEMITA CUANDO PONGO CONTORNEAR TRAZADO ,LO HACE PERO MUY MUY DELGADO , … NI POR MAS GRANDE QUE PONGA EL PINSEL ????? QUE SERA !!!! POR FAAAAAAA
mayo 27th, 2009 a las 3:13 am
Muy bueno, nos sirvio y dentro de todo pudimos realizarlo, la verdad excelente tutorial!!!
cinco pulgares arriba
junio 3rd, 2009 a las 3:31 am
Genial, realmente muy bueno, sobre todo por la sencilles!! gracias..
junio 25th, 2009 a las 4:13 pm
:O ! alguien inicio sesión en tu 2da imagen, jaja
pero en serio, muy bueno el tutorial, gracias!
julio 15th, 2009 a las 6:34 am
Ey! Gracias por el tutorial. En realidad me sirvió mucho. Realicé un trabajo muy chévere que nunca creí haber sido capaz de hacerlo: Una luna con un cometa en su contorno.
Para los visitantes: Revisen bien paso por paso, pues un detalle altera todo. Recomiendo hacerlo con calma. Lean bien las instrucciones. Ah! y el brillo resalta mejor sobre fondos oscuros, por aquello del contraste.
julio 29th, 2009 a las 12:06 am
Hola tengo un problema… se me hace el efecto pero al contorno de la imagen y no del trazo.
Me ayudais xfi?
Gracias
julio 29th, 2009 a las 10:27 pm
hola soy abi y megusta mucho eso
agosto 3rd, 2009 a las 1:30 am
Hey que genial y facil esta esto gracias por compartir esta informacion, por cierto ya lo probe y si se obtienen algo muy bueno y profesional
agosto 10th, 2009 a las 5:35 am
Hola he intentado hacer este efecto muchas veces con otros tutoriales pero este es el mejor me salio a la perfeccion muchas gracias!!!…ademas que el efecto es fantastico.
agosto 20th, 2009 a las 4:40 am
muy buen efecto, lo usé para mi DeviantID (si sabes que es DeviantART, sabrás lo que es un DeviantID), éste fue mi resultado: http://elmetalero3000.deviantart.com/art/New-ID-yeah-again-134030197
agosto 21st, 2009 a las 10:04 pm
hola muy buen tutorial pero te puedo hacer una pregutna cuando trato de contornear el trazado me salen solamente unos puntos y no como en las capturas q tu tienes (yo utilizo el photoshop cs2 eso tiene algo q ver con el tipo de photoshop q se utiliza? me gustaria q me ayudaras a solucionar mi problema ^^
espero tu respuesta! ^^
agosto 1st, 2010 a las 5:14 pm
Muy buen truco, lo pondré en practica en mis trabajos !
octubre 2nd, 2010 a las 11:43 am
Despues de leerlo con detenimiento y algo de paciencia he logrado sacar el efecto, gracias por compartir conocimiento con los demás.
abril 8th, 2011 a las 11:49 pm
WWWWEEENNNAAAA, ERES PRO! XD
julio 19th, 2011 a las 7:20 pm
excelente material, me sirvio de mucho.
muy agradecido
todos los saludos.
agosto 8th, 2011 a las 5:45 pm
No me sale el efecto de suavisado de los bordes de las lienas.. Ayudame xfa
agosto 8th, 2011 a las 6:47 pm
Simplemente tienes que marcar la opción “simular presión” cuando estas en el menu de contornear tazado. (4 Imagen del tutorual.)
Saludos !