Tutorial – Lineas de energia
Tags: Diseño, lineas, photoshop, PSDcreativo, Tutoriales
Bueno este tutorial no tiene abbsolutamente ninguna ciencia en particular es facil de hacer y de generar, lo primero seria que tengas un pequeño conocimiento muy basico de la herramienta pluma, en caso de no tenerlo te recomiendo que leas este tutorial:
Uso de la herramienta pluma (Basico)
Es un tutorial que te enseña de forma sencilla como usar y cuales son los componentes de la herramienta pluma, en el caso de este tutorial no usaremos todas solo la mas usada o la principal.
Antes de comenzar aqui te dejo el pack de lo que usamos:
Para comenzar agarramos la herramienta pluma (P), antes de comenzar con las lineas debes de tener asi las propiedades de la herramienta:
Ya teniendo algo basico sobre la herramienta pluma ahora haremos nuestras lineas, las lineas dependeran segun la imagen y segun como tu las quieras, pueden ser de distintas formas, tamaños, etc. Pero lo que nosotros buscamos es algo no solo al gusto si no que se acoplen las lineas con la imagen o mas bien se lleven con la imagen.
Podras ver que yo coloque mis lineas en el brazo, es un lugar vistoso y logico por asi decirlo.
Lo que haremos antes de contornear nuestra linea, es cambiar las propiedades del pincel, puede variar segun el tamaño del grosor de contorno que deseen, para editar sus propiedades, lo que haremos sera dar click en el icono de edicion de pinceles (El icono es de forma de pincel como muestro en la figura) que esta a la derecha de nuestro photoshop donde se encuentran tambien nuestras acciones, historial, etc (esto en el cs3).
Ahi puedes cambiar el tamaño, la dureza (en caso de que quieras algo suavizado) y demas. La herramienta pincel sera fundamental para lograr este diseño.
Las propiedades que en mi caso puse son las siguientes:
Ahora bien, ya teniendo el recorrido y escogido nuestras propiedades de pincel, creamos una nueva capa, en esta misma capa con la herramienta pluma (P) tomada damos click derecho en la linea de recorrido que hiciste con la pluma, eso te desplegara un menu le daras en donde dice Contornear, te saldra una mini ventana donde te dira que herramienta escojeras para le contorno, en esta ocacion escojes la del pincel y abajo te dira si deseas simular presion le damos en si (esto de la simulacion de presion es alternativo, ya que luego puedes usar la herramienta borrar para borrar las puntas de las lineas, pero es para ahorrar trabajo):
Ahora teniendo la linea, borraremos partes de la linea para darle ese famoso efecto de que gira alrededor del objeto o parte donde lo pusieron, para hacerlo podemos usar 2 herramientas que sirven por igual para lograr este corte, estas herramientas son:
Herramienta Borrar (E)
Herramienta Lazo Poligonal (L)
Lo que cortaras son esas partes que desees que parescan que van para atras, las que te señalo en esta imagen:
(Use zoom para mejor vista y un mejor corte)
Tambien puedes poner mini sombras para darle un toque especial de que si paresca que esten en la zona de atras, pero eso es al gusto, si deseas agregarlas lo podeis hacer con la herramienta pincel en un color negro fuerte, y un tamaño de pincel pequeño dependiendo del grosor de la linea, estos iran en las zonas cortadas como te dirijo aqui:
Si pusiste las sombras bajale la opacidad a la capa de sombras en 50px. (Algunas veces las sombras se pueden convinar con los colores por eso recomiendo que si notas algun fallo le bajes mas la opacidad para que se quede un poco la sombra sin quitarla 
Ahora ya cortadas ya tenemos lo que viene siendo lo fundamental o principal, lo que haremos es agregarle Estilos de capa, los 2 fundamentales seran Resplandor Exterior e Interior, para ahorrarles trabajo les dejo este archivo ASL(Estilos), subelo a C:/Archivos de programa/adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos, luego abre tu photoshop y ahi debe estar es solo un estilo llamado Lineas de Energia editable al gusto 
, para ahorrar tiempo:
Repitiendo el paso de poner la linea principal con la pluma, pero en este caso pondras esa linea pero como luces, para eso tambien usaremos la herramienta pincel y le cambiaremos las propiedades a:
Puedes cambiarlas a tu gusto y dependiendo de tu linea .
Ahora volvemos a dar con la pluma en click derecho, luego en contornear, recuerda al contornear con la pluma, si escojes el pincel se trazara lo que hayas cambiado o hecho con el pincel.
Al final te debe quedar asi:
En mi caso el estilo que descargaste lo volvi a poner en las luces para que no hayan cambios.
Repitiendo el mismo paso de crear la linea principal, creamos otra pero en esta ocacion sera de tamaño diferente y menos fuerte osea de poca dureza, estas son las propiedades del pincel recomendadas:
Y asi te deberia quedar:
Ya teniendo nuestras 2 lineas, lo que haremos ahora es darle un resplandor a la linea principal, para esto haremos lo siguiente daremos click derecho en la capa y escojeremos Seleccionar Pixeles, o podemos apretar Ctrl y dar click en la capa a seleccionar.
Ya seleccionado, expandiremos esta seleccion para hacer esto lo que haremos sera ir a Seleccion/ Modificar/ Expandir en un tamaño de 12 pixeles, a continuacion duplicamos la capa de la linea de energia principal, y esta la pondremos debajo de la capa a la que duplicaste, ahora a esta capa duplicada le pondremos un desenfoque gaussiano de 4-7px, ya puesto ya lo tenemos listo.
Con eso podemos acabar no es la gran gran cosa, pero es un resultado casi a gusto, y como siempre digo ya el resto va por ti, agregar estilos de capa, ajustes y demas , ya les explicare como crear efectos mas adelante.
Aqui el resultado final mio, claro mas trabajado:
En el pack, hay otro psd de otro que hize , espero que este les sirva y ayude andare trabajando en otro tutorial.
Saludos.
Articulos Interesantes
Del.icio.us 
Digg
Stumbleupon
Reddit
Mixx
147 Comentarios a “Tutorial – Lineas de energia”
Dejar un comentario
Subscripcion
Recomendados
Nube de Tags
por cierto son 7 guiones bajos!
oyee me puedess ayudarr
porfaaaaa!!!
yo le pongo lo de la plumaa
y cuando le doy click en el pincel
se qita todoo:S
y de ahi no se qe hacer:S
Despues de hacer el trazado con la pluma (mira bien las propiedades que debes poner que muestro en el tutorial), das click en la herramienta pincel, pones las propiedades que menciono, despues creas una nueva capa, regresas de nuevo a la herramienta pluma y das en click derecho, luego contornear, y en simular presion y listo, lo demas en haces esta en el tutorial.
Saludos ^^
ahhhxE!
, para ahorrar tiempo:
haha pero no se hacer esto:
subelo a C:/Archivos de programa/adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos, luego abre tu photoshop y ahi debe estar es solo un estilo llamado Lineas de Energia editable al gusto
xD”
saludoss:E
Ahh mira si te das cuenta doy una descargar de el estilo que maneje para ponerle a la linea, entonces ese estilo lo subiras a tu carpeta de photoshop, dependiendo a donde la tengas puesto:
Direccion del photoshop/Ajustes Preestablecidos/Estilo y ahi lo agregas.
Ya luego en el panel de edicion de estilo que se encuentra en la segunda paleta del lado derecho,donde estan las pestañas de color, muestras y ahi esta estilo, das click, luego a lado de esa pestaña hay como un mini boton de 3 lineas horizontales y una flechita, das click y ahi debe estar el estilo, lo cargas y ya, solo le das click al estilo para cargarlo, despues de cargarlo aparecera en el panel de estilos (das click a la pestaña estilos) y ahi estara y solo le das click, pero antes no olvides tener puesta como agarrada la capa de la linea de energia.
ya dando click le dara el estilo y ya solo tu lo configuras si deseas
saludos
[...] Link | Photoshop Creativo [...]
oyeee me podrias pasar la hadita que le pusiste… Porfavor
mi mail es leonardop94@hotmail.com
esq me gusto =)
me la mandas porfa
adios
Puedes decargarte el pack de iconos donde lo agarre aqui:
http://ikonka.ru/free/
Es de harry potter.
Saludos
Me gusto el tutorial un muy buen efecto para mis fotoagrafias.
Saludos!!
[...] hoy les traigo un tutorial que vi en PSD Creativo, muy bueno llamado Líneas de de Energía, el cual consiste en dibujar líneas y agregarle un [...]
Te recomiendo que revises tu ortografía
pss la verdad no se donde qeda el estilo q baje me ayudas
Como menciono:
subelo a C:/Archivos de programa/Adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos
Ese es un ejemplo, donde tengas los achivos de tu photoshop, lo subes en la carpeta Estilos.
Despues abre tu photoshop y te vas a la pestaña estilos de tu panel, ahi encontraras un mini icono de una flecha con rallitas que abre un menu, despues das en cargar estilos y lo cargas y listo.
Nooo…!!!
Quiero ponerp propiedades pero todas las opciones me aparece bloqueadas!
Que hago? Ayudaaa!!
Si te refieres a las de la herramienta pluma, solo tienes que escogerla, apretando P y deben aparecer, aunque puedes ser mas especifico.
Noo de la pluma si la uso,
hago mis lineas y todo, pero cuando pongo
en propiedades todo me aparece bloqueado =/
Ayudaa T_T
Te refieres a las del pincel?
Despues de hacer lo de la pluma con las propiedades indicadas, escoges la herramienta pincel y ya te deben aparecer bien.
Si no es asi, por favor se mas especifico con lo que nesesitas ayuda, el caso.
Amigo hago todo tal cual, pero no se crea la capa con la pluma como dices (e smi inutilidad obvio) no se q hago mal podrias decirme ese paso como es exacto!
si no seguire probando se agradece
A que paso te refieres? (Citame parte del texto) para que te pueda explicar mejor
saludos
hola que tal oye una duda, como le hago para que mi pincel quede de esa forma digo en los extremos mas delgado ? es que lo hago tal y como esta pero no se que valores debo cambiarles en la dinamica del pincel.
Cuando vayas a contornear te debe salir una miniventana que dice “Contornear Trazado” y te da a escoger con que herramienta contornear, abajito de esto hay dice “Simular Presion” y listo ya hara el efecto solo. Das en ok y ya.
Saludos
creamos una nueva capa, en esta misma capa con la herramienta pluma (P) tomada damos click derecho en la linea de recorrido que hiciste con la pluma, eso te desplegara un menu le daras en donde dice Contornear, te saldra una mini ventana donde te dira que herramienta escojeras para le contorno, en esta ocacion escojes la del pincel No se hacer esa capa nueva q me pedis, y no me habilita contornear,ESTOY X RENUNIAR AL PS! Gracias x contestar! estas arrepentido de haber hecho este tuto jajajajaja somos un desastre!!!
Bueno para hacer la nueva capa basta ya sea con ir a Capa/ Nueva/Capa, o en el panel de capas en la parte de abajo hay un icono para crearlo rapido, (tiene forma de hojas, a lado izquierdo del de eliminar un icono de forma de basura”.
Despues de crear la capa, crearas tu linea con la pluma (con las configuraciones dichas la Pluma para “trazados”), despues de hacer la linea con la pluma, como menciono, despues tomaras la herramienta pincel y escogeras un pincel del grosor que queras tu linea, luego vuelves con la pluma y luego daras click derecho en la linea y daras en contornear, te debe salir una ventanita para escoger las herramienta con la cual contornear, escogeras el pincel, despues daras en simular presion y listo ya debe estar la linea.
Saludos
Bueno Gracias todo esta tal cual lo explicas, pero la opcion contornear sigue invisible, de todas formas mil gracias muy buen post! Ahora lo estaba intentando, y nada no em da el cerebrooooo…Bueno saludos amigo!
Ya tienes puesto todo?
Prueba estos pasos:
1º Crea la linea con la configuracion de la pluma en trazados.
http://psdcreativo.com/wp-content/uploads/2008/09/1.jpg
2º Crea una nueva capa y has lo de contornear, te deberia salir :S
Saludos, tienes que poder, no puedo dejar un visitante en icognita, se tiene que aprender parejo
sale pues muchas gracias por contestar, la verdad no se que demoniios le este pasando a mi photoshop hoy lo volvi a intentar y si obtube resultados similares XD haber si hoy si lo termino.
saludos
esta muy bien el tutorial, pero no me gusta q haya q descargarse los estilos o demás para saber como se hace. ¿tan difícil es poner la explicación para los qno queremos descargarnos nada?
Yo noquiero hacerlo automatico, quiero aprender a hacerlo, de eso trata un tutorial..
Es lo mismo, los estilos de capa son las opciones de fusion de una capa.
Al dar doble click en una capa te las abrira (los estilos de capa), entonces seria lo mismo poner las imagenes de cada estilo de capa, o poner el estilo para descargar y al abrirlo ver las configuraciones usadas.
Saludos
[...] Efecto Lineas de energia [...]
ola
genial el tutorial pero yo tengo un problema tengo el photoshop cs3 portatil y cuando pongo simular presion la linea aparece pero en el principio y final no se hace mas fina, sino que es del mismo tamaño toda la linea
xfavor si alguien m puede ayudar se lo agredeceria muxoo
adios
Es raro deberia aparecer, puede que al ser portable tenga daños en el programa.
Hola te hago una pregunta, viene todo joya hasta la parte donde cargo el estilo….no se porque pero en vez de crearlo sobre la linea misma me genera un marco en la foto…no me toma lo creado y no se como hacerlo…gracias (=
Ok, despues de crear la linea y subir el estilo de capa, le pones el estilo de capa a la capa de la linea que creas te con la herramienta pluma.
Para eso solo tienes que escoger la capa de la linea y luego dar click en el estilo que se encuentra en la pestaña “estilos” del lado derecho del photoshop y ya.
Si aun tienes problemas me avisas.
hola dario me gusta que ayudes a la gente pero yo soy critico asi que te dire que e visto un fallo en tus explicasiones…. saludos y mejoraa
Me gustaria que me la mencionaras para poder corregirla y poder ayudar a la comunidad
Saludos y un abrazo
hola denuevo las lineas de energia estan bien retocadas i perfexcionadas aunque hoy en dy practica mente todo el mundo sabria acrelo…. por cierto esta muy logrado el photo shop. saludos
Despues de un pequeño momento entendi lo que dijiste no se entendian algunas palabras ^^ jeje.
Lo bueno es que hay tutoriales que explican como hacerlo para que los nuevos puedan aprender.
Saludos y un abrazo.
Interesting site, but much advertisments on him. Shall read as subscription, rss.
sabes me sale todo lo que pones asta la parte de darle el efecto con luces asi que brillen me puedes desir en que me equivoco, quedo en este paso “Tambien puedes poner mini sombras para darle un toque especial de que si paresca que esten en la zona de atras, pero eso es al gusto, si deseas agregarlas lo podeis hacer con la herramienta pincel…”
porque despues das unas propiedades y esas no las encuentro :S
Ya para agregar el efecto de energia a la linea, lo que haras sera ir al paso de mas abajo:
Ahora ya cortadas ya tenemos lo que viene siendo lo fundamental o principal, lo que haremos es agregarle Estilos de capa, los 2 fundamentales seran Resplandor Exterior e Interior, para ahorrarles trabajo les dejo este archivo ASL(Estilos), subelo a C:/Archivos de programa/adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos, luego abre tu photoshop y ahi debe estar es solo un estilo llamado Lineas de Energia editable al gusto
, para ahorrar tiempo:
http://rapidshare.com/files/144282298/Lineas_de_energia.asl
Saludos, si no es esa parte me avisas.
emm mira es despues de esa parte porque ia descargue eso y de ahy no entiendo como darle el efecto de resplandor y luces :S en eso quedo :/ mira si te es mas fasil explicarme por msn te lo dejo: iroooniiicoooo@fresh.la xfa esque quiero aprender aserlo bien x3
Mira solo haras lo siguiente:
1.- Despues de haber descargado lo que doy, el archivo que trae .asl lo pondras en C:/Archivos de programa/adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos, o donde tengas tu photoshop instalado te vas a Ajustes Preestablecidos luego en Estilos y ahi subiras esto que te descargaste.
2.- Ahora despues de esto lo que haras sera cargar el archivo .asl, para eso en tu photoshop en la parte derecha tienes una miniventana que dice Color – Muestras – Estilos, escogeras este ultimo llamado estilos(si no lo tienes te vas a Ventana/Estilos)despues en la parte derecha de esta pestaña encontraras un mini-icono en forma de una flecha hacia abajo y alado tres rayitas, daras click ahi y luego en cargar estilos, buscas el que te descargaste y luego das en ok.
Te aparecera el archivo.
3.- Ahora lo que haras sera seleccionar la capa de la linea y luego daras click en el estilo y listo te debe aparecer el efecto.
Saludos y un abrazo.
pucha sabes creo que te estoy puro molestando pero ia me sale el estilo donde dijiste pero al momento de darle el contorno al trazado echo con la pluma me sale el color blanco no el brillo :S yo casho que las lineas de poder no quieren nada con migo
pucha sabes creo que te estoy puro molestandote pero ia me sale el estilo donde dijiste pero al momento de darle el contorno al trazado echo con la pluma me sale el color blanco no el brillo :S yo casho que las lineas de poder no quieren nada con migo x3
Lo que puedes hacer, descargate el archivo psd del tutorial para que veas como lo hice y te guies mejor.
Hi, Congratulations to the site owner for this marvelous work you’ve done. It has lots of useful and interesting data.
Hola!
Soy un novato al utilizar Photoshop, bueno mi problema es el siguiente: cuando eligo el pincel, no me aparece la silueta del pincel escogido antes de darle clic a la zona de trabajo, solamente me aparece en el puntero del raton un pincel.
Pregunta!!!
Que es lo que tengo que hacer para que me muestre las siluetas del pincel antes de aplicarlo?
De antemano muchas gracias y esta padre el tutorial!!!
Te refieres a que al tomar la herramienta pincel, y escoger un pincel, la silueta de como es el pincel no te aparece y en vez de eso te aparece el puntero normal?
OLA , MIRA MI DUDA ES SI EXISTE UNA OPCION DE LA PLUMA, CON Q YO PUEDA HACER ESAS LINEAS MAS PERFECTAS OSEA ASI MAS REDONDAS, ES Q CON LA PLUMA D FORMA LIBRE IWAL ME KEDA ASI TODO MAL O SERA Q A MI ME TIEMBLA MUXO LA MANO Q NO PUEDO HACER BN LAS CURVAS ESAS Q VAN ALREDEDOR DEL BRAZO?¿, ESPERO TU RESPUESTA. GRACIAS.
Si te das cuenta en esta linea pongo como debe ir la configuracion de la pluma para lograr este efecto:
http://psdcreativo.com/wp-content/uploads/2008/09/1.jpg
Saludos
Pretty nice post. I just stumbled upon your blog and wanted to say
that I have really enjoyed browsing your posts. In any case
I’ll be subscribing to your feed and I hope you post again soon!
Hola.. ayuda.. cuando contorneo el trasado simulando presión, el contorno solo me aparece en los puntos de anclas.. Que solución me puedes dar al respecto?
Osea no te funciona el simular presion?
Dario tio, muchas gracias por este tutorial, esta tela de bien, y ahora que le e cogio el truquillo a esto me sale tela de bien y me encanta, gracias tio.
Hola, cuando yo termino de hacer las lineas alrededor del brazo con el pincel y quiero abrir la ventana pinceles de la derecha la abre pero no me deja cambiar nada y aparecen todas las letras en gris. Me puedes dar una ayudita si sabes algo de esto? :S
muchas gracias.
Tienes que escoges la herramienta pincel para que funcione esa ventana.
Saludos
Hola, muy buen tutorial!
yo baje el estilo Lineas De Energia y nose como aplicarlo..
yo como no lo pude poner simplemente agregue respplandor interior y exterior
Haz lo siguiente:
Despues de descargar el archivo, subelo a C:/Archivos de programa/Adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos (Donde tengas instalado tu photoshop siendo preciso)
Ese es un ejemplo, donde tengas los achivos de tu photoshop, lo subes en la carpeta Estilos.
Despues abre tu photoshop y te vas a la pestaña estilos de tu panel, ahi encontraras un mini icono de una flecha con rallitas que abre un menu, despues das en cargar estilos y lo cargas y listo.
hola…:)
buenisimo el tutorial pero tengo un problema, cuando pongo SiMULAR PRESiON la linea aparece pero en el principio y final no queda fina, sino que es del mismo tamaño toda la linea….no funsiona simular presion…xke???
sto de verdad que me esta irritando….por favor ayudenme…please!!!
se los agradeceria muxisimo…
Seleccionas la herramienta pincel, ahora presiona F5 y en la ventana de configuracion de pinceles activa “dinamica de forma”
Saludos
muchas gracias en verdad que me solucionaste un monton el problema
y gracias lineas de enrgia
me anservido un monton
besos
chaoooo!
dario sos un geniooo
pero no me sale :@
hay unas cosas qe no entendii
ensima cuando le quiero dar la sobra exterior e interior me lo hace pero en lo qe borre, (las lineas qe pasan por atras que borre con la goma) y no en las superpuestas!
me da broncaaa porqe no puedo terminarlo :@
Es facil, despues de crear la linea borras con la goma las partes mencionadas, despues de borrar pones el estilo de capa (ya sea el de la descarga) y listo.
Si el problema persiste dime mas detalles.
Saludos
Hola dario me gusto mucho el tuto.
es muy aplicable a las cosas que yo hago.,
es un recurso mas antes no me salia muy bien.
Lo unico que me quedo muy opaca la imagen nada mas.
dejo la composicion asi me dan su opinio:
http://pirataleg.webcindario.com/lineasdeenergia.jpg
Agradecido.
LeandroG.
[...] Líneas de energía [...]
weee, despues d intentarlo como 5 horas xD me salio gracias men sos lo maximo, me ayudo tmb muxo leer los comentarios ya q me paso mucho d los problemas q a la mayoria le han pasado xD
oyes donde dice descargar eso que es son pinseles
xx_akuma@hotmail.es
me avisas por que si me interesa
cuidate
me salio
DD
menos las lineas de energia me a salido todoo me gusta como esta ..Gracias
[...] DE ENERGIA te paso la dire de un par de tutoriales http://areaphotoshop.com/lineas-de-energia/ http://psdcreativo.com/tutorial-lineas-de-energia/ http://psdcreativo.com/expressive-lighting-effects/ [...]
Hola!!, una pregunta meparece que extremadamente tonta, aca usan:
Photoshop CS4 ??
o tambien se puede realizar ese efecto con cs3 ??
Todos los tutoriales que se han hecho hasta ahora han sido con photoshop CS3
Saludos
hola genial el efecto pero tengo una pregunta
como puedo hacer para k el efecto kede con otro color por ejemplo en color azul en vez del media anarajado k tiene??
Podrias comenzar cambiandole el estilo de capa por los colore que deseas que en este caso es azul, despues ya cambiar el color de la linea tambien.
Aqui puedes ver un ejemplo o tutorial similar pero en ingles, no es dificil entender si te vas basando en este.
http://luxa.org/tutorial_electrifying_energy_beams.php
Saludos
MUCHAS GRACIAS
:)
Holaa! bueno a mi me quedo re lindo el tema es q no explicaste bien lo edl brillo y eso xq no me queda iluminado,igual muy buen tutorial
ALGUIEN ME DIRIA COMO SE LLAMA EL PROGRAMA, ASI LO BAJO PORFAVOR, LES AGRADECERIA.
Si te refieres con el cual se hizo esto, se llama adobe photoshop.