Tutorial Efecto Brillo con Adobe Photoshop

11

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.

brillo-final01.jpg

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.

brillo-final02.jpg

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.
trazados.jpg
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.

brillo-final03.jpg

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.

brillo-final04.jpg

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.

brillo-final05.jpg

Ú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

brillo-final06.jpg

43 Comments | Add your own

  • . Luzk | Enero 15, 2008 at 3:36 pm | Permalink

    Muy Buen Truco !! gracias

  • . Pigui | Enero 17, 2008 at 10:48 am | Permalink

    Conocia uno similar en ingles, pero gracias hacernos un tuto para los espa

  • . Chaos | Enero 22, 2008 at 8:54 pm | Permalink

    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/

  • . paulina | Febrero 1, 2008 at 3:19 am | Permalink

    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!

  • . Eduardo | Febrero 17, 2008 at 12:37 am | Permalink

    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 :P
    Con mas practica espero que me salga aún mejor.
    Saludos

  • . tonatiuh | Marzo 2, 2008 at 8:00 am | Permalink

    hey man me fue de mucha ayuda este tutorial…grax

  • . vtor | Marzo 8, 2008 at 9:14 pm | Permalink

    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

  • . Zeva | Abril 10, 2008 at 5:39 pm | Permalink

    Hola esta muy bueno el tutorial…….los felicito y gracias por postearlo………XD

  • . andres Burbano | Mayo 29, 2008 at 3:40 am | Permalink

    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

  • . Eduardoo | Junio 6, 2008 at 12:46 am | Permalink

    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

  • . Alexis | Junio 6, 2008 at 10:30 am | Permalink

    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

  • . Koke | Junio 16, 2008 at 7:00 pm | Permalink

    Acabo de solucionarlo, como dice Alexis hay q dejar la configuracion del pincel habiendo seleccionado la “Dinamica de forma” .

    Hermosa terminacion ^^

  • . meli | Julio 10, 2008 at 4:59 pm | Permalink

    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 ¬¬

  • . ~Pablo~ | Julio 13, 2008 at 6:04 pm | Permalink

    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.

  • . Alexis | Julio 14, 2008 at 10:53 am | Permalink

    Fijate que este seleccionada la opción “simular presión”, en la 3º foto que se adjunta viene una captura de esa opción.

  • . marina | Julio 23, 2008 at 2:45 am | Permalink

    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!!!

  • . Carlos | Agosto 6, 2008 at 4:06 am | Permalink

    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

  • . Paola | Agosto 23, 2008 at 6:18 pm | Permalink

    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.

  • . Alexis | Agosto 25, 2008 at 10:11 am | Permalink

    Ya he vuelto de las vacaciones, os contestare por mail a las dudas Carlos y Paola. Nos leemos ^^

  • . Principiante | Agosto 30, 2008 at 5:00 pm | Permalink

    O.o Genial el tutto me sirvio de ayuda
    Grax

  • . harol xD | Octubre 28, 2008 at 2:59 am | Permalink

    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

  • . NORBER | Noviembre 9, 2008 at 11:20 am | Permalink

    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

  • . Alexis | Noviembre 11, 2008 at 12:18 pm | Permalink

    Claro que si Norber, siempre que disponga de tiempo podre contestar a las dudas que tengais.
    Saludos ^^

  • . giuz | Noviembre 15, 2008 at 4:50 am | Permalink

    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…

  • . Miguel | Noviembre 19, 2008 at 9:12 pm | Permalink

    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

  • . Alexis | Noviembre 20, 2008 at 11:20 am | Permalink

    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. ^^

  • . Miguel | Noviembre 21, 2008 at 9:26 am | Permalink

    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.

  • . gonza | Diciembre 12, 2008 at 7:01 am | Permalink

    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!

  • . X-Luxox | Diciembre 19, 2008 at 5:35 pm | Permalink

    muy weno el turorial wenos los detalles me quedo clarito y mejor ahun con el psd para descarga te pasaste compadreee :)

  • . Caro | Enero 30, 2009 at 4:02 am | Permalink

    no me sale el resplandor!!!!!!

  • . Ponchochief | Febrero 1, 2009 at 2:16 am | Permalink

    padrisimo el tuto muchazz felicidades !!!

  • . Arturo Garces | Febrero 10, 2009 at 12:29 am | Permalink

    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

  • . edgar | Marzo 24, 2009 at 10:40 pm | Permalink

    ps esta muy bien

  • . eli | Abril 5, 2009 at 6:26 am | Permalink

    oye eres grande,gracias por compartir con los que queremos aprender sirvio de mucho.GRACIAS,y siguenos ayudando.

  • . gonzalo | Abril 12, 2009 at 12:17 am | Permalink

    exelente po. :)

    me costo pero lo logre.ahora a probar con el psd.

  • . David R | Abril 14, 2009 at 12:42 am | Permalink

    El efecto quedo excelente.. !! Gracias por compartir tu idea.

  • . marianna | Abril 24, 2009 at 8:43 pm | Permalink

    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

  • . Jhonass | Mayo 27, 2009 at 3:13 am | Permalink

    Muy bueno, nos sirvio y dentro de todo pudimos realizarlo, la verdad excelente tutorial!!!

    cinco pulgares arriba

5 Trackbacks/Pingbacks

Post a Comment

Your email is never published nor shared. Required fields are marked *
*
*