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.

Comparte este post con tus amigos:

Puede que también te interese ...


Cómo crear líneas de neón en Photoshop (líneas luminosas)

Tutorial para crear texto con rayas luminosas

Cómo crear un bonito texto de caramelo con Photoshop

Cómo crear una humanoide con Photoshop

Tutoriales para crear brushes para Photoshop
.

Si eres nuevo por aquí, te recomiendo suscribirte al canal RSS de mi blog para leerlo a través de un lector de Feeds.

También puedes recibir los artículos en tu correo electrónico, ingresando tu e-mail en este sencillo formulario.

Webs que enlazan este post:

11 Comentarios

  1. Avatar

    ADRIANCYBOR escribió,

    July 4, 2009 @ 12:28

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

  2. Avatar

    eelxseba escribió,

    July 11, 2009 @ 12:58

    Muy Buen Diseño Intentare Aserlo :)
    ME Gusta Tu Pagina !

  3. Avatar

    Concepto Pixel Luis escribió,

    July 13, 2009 @ 15:07

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

  4. Avatar

    //stant escribió,

    August 25, 2009 @ 9:25

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

  5. Avatar

    Florr escribió,

    September 6, 2009 @ 12:44

    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

  6. Avatar

    Dalianice escribió,

    September 6, 2009 @ 13:57

    Si me salio jaja alfin uno gracias ;)

  7. Avatar

    FAbby escribió,

    September 19, 2009 @ 13:04

    excelente tuto qeda buenisimo el fondo ^^

  8. Avatar

    seere escribió,

    September 27, 2009 @ 19:58

    que lindo tutorial la verdad me ayudo mucho!
    besoo
    byee

  9. Avatar

    mayra escribió,

    October 29, 2009 @ 19:50

    muyyy buena paginaa

    me gustan muchos sus diseños

    =D

  10. Avatar

    hugo coral escribió,

    March 17, 2010 @ 13:20

    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

Comenta aquí


Nombre (Requerido)

e-mail (Requerido. No se publicará)

Website (opcional):

Comentarios recientes

Algunos amigos

Licencias y otras cosas:

Si lo deseas, puedes usar los artículos de este blog; pero por favor, no te olvides de enlazar la fuente.

Creative Commons License

Esta obra está bajo una licencia de Creative Commons.