Excelente tutorial para crear líneas luminosas con Photoshop

Este tutorial lo tenía en el baúl desde hace mucho tiempo. Hoy decidí sacarlo para compartirlo con ustedes. Deseo de verdad que les sirva tanto como a mí me sirvió. Seguramente lo querrán utilizar en algún proyecto con estas características.

Con el tutorial aprenderemos a crear, con Photoshop, líneas luminosas de muchos colores, con efectos realmente bonitos. Algunos también los llaman “líneas de energía”. Como sea que lo quieran llamar, este efecto es de los que más me gusta, y con pocos y sencillos pasos lograremos conseguirlo.

Para que se animen a seguir el tutorial, les presento el resultado final.

tutorial de lineas luminosas con photoshop

COMENZAMOS CON EL TUTORIAL

Paso 1:

Crearemos un documento en blanco con la medida que deseemos. Para el ejemplo utilicé una imágen de 600 x 600 px, pero puedes probar con cualquier medida, siempre que sea de un tamaño donde puedas “moverte” fácilmente. Llenar el fondo con color negro.

tutorial de lineas luminosas con photoshop

Paso 2:

Escogeremos la herramienta línea y “pintamos” varias líneas de distintos anchos y largos.

tutorial de lineas luminosas con photoshop

El resultado debe quedar algo parecido a lo que vemos en la siguiente imagen.

tutorial de lineas luminosas con photoshop

Paso 3:

Utilizar el siguiente efecto: Filtro / Desenfocar / Desenfoque de movimiento, y poner 45º en Ángulo y 500 px en Distancia, tal como lo muestra la imagen. Lo que hice aquí fue darle este efecto, luego dupliqué la capa para llenar el espacio sobrante.

tutorial de lineas luminosas con photoshop

Luego de hacer todos estos pasos, deberíamos obtener un resultado muy parecido al siguiente:

tutorial de lineas luminosas con photoshop

Paso 4:

Crear una capa nueva, y usando un pincel, crear varias zonas de distintos colores. Puedes hacer tus propios diseños, pero quizás te sirva como ejemplo lo que yo hice:

tutorial de lineas luminosas con photoshop

Paso 5:

Cambiar la capa a modo de Color (menú desplegable de las capas).

tutorial de lineas luminosas con photoshop

Luego de esto el resultado debería tener este aspecto:

tutorial de lineas luminosas con photoshop

Paso 6:

Poner una línea de aproximadamente 1cm de ancho en posición vertical-horizontal, es decir, entre la esquina inferior izquierda y la esquina superior derecha. Desenfocar la línea, siguiendo lo indicado en el paso 3.

Paso 7:

Crear una capa nueva y hacer un degradado radial desde blanco a negro (blanco al centro de la imagen). A esta capa nueva (la del degradado) cambiar a Superponer, y opacidad 90%.

tutorial de lineas luminosas con photoshop

Luego de estas operaciones, la imagen debería quedar parecida a la siguiente:

tutorial de lineas luminosas con photoshop

Paso 8:

Ahora llegó el momento de hacer uso de dos pinceles. Primero tomaremos el pincel Night Light (descárgalo gratis desde este enlace). Utilizar el spot 004, tal como lo vemos aquí:

tutorial de lineas luminosas con photoshop

Luego de este paso, nuestra imagen debería quedar como ésta:

tutorial de lineas luminosas con photoshop

Paso 9:

Utilizaremos ahora el pincel Moon Brushes, el cual lo puedes descargar desde este enlace. Utilizar las estrellas en tamaño 500px.

tutorial de lineas luminosas con photoshop

Luego de todo esto, nuestro resultado debería parecerse a esta imagen:

tutorial de lineas luminosas con photoshop

Paso 10 (opcional):

Bueno… lo único que falta es la firma 😉

tutorial de lineas luminosas con photoshop

Espero que les haya gustado el tutorial. A mí me pareció bastante chulo y sencillo.

  • ADRIANCYBOR

    Sencillamente espectacular. es un hermoso tutorial.
    Gracias por compartirlo!!!!
    un abrazo!!!!

  • Muy Buen Diseño Intentare Aserlo 🙂
    ME Gusta Tu Pagina !

  • Si le bajas el blur podria quedar mas pro pero asi esta bien, me gusta, es simple, facil y efectivo.
    Gracias por compartirlo.

  • Pingback: Tutorial: Creating bright lines with Adobe Photoshop | ARTEgami in English()

  • //stant

    muy interesante y bastante sencillo a la vez…
    esto me servira en algun momento, graxias…

  • Florr

    Eeemm .. disculpame, pero tengo un problema :S
    cuando pongo la herramienta LINEA no me salen asi, me salen flechas w.w
    como puedo arreglarlo? :S

  • Dalianice

    Si me salio jaja alfin uno gracias 😉

  • FAbby

    excelente tuto qeda buenisimo el fondo ^^

  • que lindo tutorial la verdad me ayudo mucho!
    besoo
    byee

  • mayra

    muyyy buena paginaa

    me gustan muchos sus diseños

    =D

  • hugo coral

    buen diseño yo estoy practicando pero en la linea cuando le doy el clik para ctivarlo me sale una flecha y no puedo regresarlo a la linea, comenten como la regreso grax

  • Jaime Melgarejo

    Estimado Hugo, para regresarlo a la linea tenes que desmarcar Punta de Flecha, ahí en el triangulito que está con la herramienta Forma personalizada