Seguramente muchos hemos visto alguna vez en la web o en algún diseño impreso, esos efectos que simulan hilos de luz. Bueno, esta vez vamos a ver como podemos realizar este efecto en photoshop.

hilo_101

Lo más importante es siempre tener un objetivo para el efecto, esto siempre lo digo y tiene que ver con NO utilizar el efecto por un capricho de “me gusta” sino con darle un sentido y utilizarlo cuando amerite. En este ejemplo el hilo de luz va a rodear a un Iphone desde su base a la parte superior, transmitiéndonos quizás el brillo que tiene este teléfono tan popular, atractivo y usuable que ha lanzado Apple.

1 – Empezar el trazo

Lo primero que tenemos que hacer es seleccionar la pluma en el programa e ir cliqueando y marcando nodos en forma de zig zag al rededor del Iphone, como podemos ver en la imagen.

hilo_21

2 – Curvarlo

Una vez definido todo el trazo de forma recta, nos dirigimos a los nodos a ambos lados del aparato y los curvamos, para ello utilizamos la herramienta pluma pero dejando presionada la tecla Alt, esta nos permite desplegar los tiradores Bezier en el nodo.

hilo_31

3 – Contornearlo

Luego de haber curvado el trazado, pasamos a contornearlo con un color. Antes de eso debemos definir un tamaño de pincel y marcar la opción de “simular presión”. Esto es lo que hace que el trazo sea debilite progresivamente tanto en el comienzo como en el final. Para hacer esto tenemos que ir a las propiedades de pincel, como se aprecia en la imagen inferior.
Una vez definido el tamaño del pincel y la opción de simular presión, con la herramienta pluma seleccionada y en una nueva capa, hacemos click con el botón secundario del ratón y marcamos la opción “contornear trazado”. En la imagen vemos el resultado; ya casi lo tenemos, sólo resta iluminar el trazado resultante.

hilo_8

hilo_51

hilo_61

4 – Iluminarlo

A continuación aplicamos un estilo de capa al trazado; para ello marcamos resplandor exterior y modificamos las opciones a gusto de cada uno. Para lograr que la iluminación se aplique sobre la capa inferior, debemos marcar un “modo de fusión”, en este ejemplo se utiliza el modo “Luz fuerte”.

hilo_91

5 – Enmascararlo

Para simular que el hilo de luz está rodea al teléfono, tenemos que enmascarar intercaladamente al trazo. Para ello colocamos la capa del trazo en una carpeta (Ctrl + g) y le añadimos una máscara seleccionado el botón con esta función en la parte inferior del panel. Luego, con la máscara seleccionada lo que hacemos es pintar de negro en la zona que queremos ocultar.

Y bueno, colorín colorado, este cuento ha terminado. Espero haya sido útil…

hilo_11

¡Hasta pronto!

Categoría: Tutoriales

Publicado por: negro

Entradas más populares

6 Respuestas para “Hilos de luz en Photoshop”

  • Genial Negro, gracias por el aporte.
    Sabés que tengo un problema con la configuración de los pinceles, no se afina hacia los extremos.

    Podés colocar una imagen con los ajustes de “Dinámica de Forma” que ahí es donde me pierdo?

    gracias y un saludo!

  • Gracias, ha sido de gran ayuda

  • Yo lo hago de dos formas diferentes: la primera es tirando de wacom. Con la tableta digitalizadora y un poco de maña es muy facil hacer el trazo, aparte que queda natural. Luego lo duplicas, le metes a la capa de debajo un desenfoque gaussiano y valiendo.

    La opcion b es hacerlo con la herramienta de seleccion poligonal, te haces la seleccion del trazo que quieres, lo rellenas de colo, duplicas la capa y desenfoque gaussiano.

    Tambien a veces tiro de algun generador de fractales, o dibujo las lineas en illustrator.

  • es muy bueno este tutorial me ayudo mucho gracias espero que sigas subiendo mas es muy buena su ayuda

  • 5

    Like! LOL… (por cierto, no logro registrarme! Como? Gracias!)

  • Hi, I would like to subscribe for this website to obtain newest updates,
    thus where can i do it please assist.

Dejar una respuesta

XHTML: Tu pudes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>