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.
Entradas que te pueden Interesar
43 Comentarios a “Tutorial - Lineas de energia”
Dejar un comentario
Subscripcion
Buscador
 |  |  |  |  |  |  |  |  |  |  | ||||||||||||||||||||||||
Recomendados
Nube de Tags
Excelente tutorial, gracias !!
Exelente tuto men tendremos q ponerlo en practica, oye tienes donde poner los diseños echos por los vicitantes de PSDCreativo.
exelente efecto enseguida lo pondre en practica
Hola Dario, muy bueno el tutorial, como siempre. Me he quedado con ganas de completarlo con el efecto que lo has hecho tu en la conclusión del tutorial
oye, excelente tutorial esta muy padre, y explicativo, pero el de la nuvbesita o fuego azul se ve perrisimo
muy buen tutorial, pero te recomendaria que para la imagen final le dieras los reflejos de luz que hace la nube de humo ya que la iluminacion de esta es tanta, que sí necesita ser reflejada, tanto en la mano como en la los labios, y un poco en la cara y nariz, bueno espero te sirva y sigue con los tutoriales que estan muy buenos
http://luxa.org/tutorial_electrifying_energy_beams.php aca tambien hay otro tutorial como este, solo q esta en inlgles
Armando : Gracias por el consejo lo tomare en cuenta.
Marcoxz : Gracias por mostrar esa pagina esta muy bueno su resultado, aunque la gente preferira leerse un tuto en español se le hara mas facil, de todos modos gracias
Ah muy bueno, muy bueno, me gustan esos efectos a ver cuando me pongo a hacer uno
Disculpen, capaz yo no lo vi, pero está explicado como hacer para que la linea de energía se ilumine en la piel cuando esta pasa por esa parte? porque lo leo y no lo encuentro
Hola juan, mira para hacer eso descargate el archivo de estilo que pongo en el tuto http://rapidshare.com/files/144282298/Lineas_de_energia.asl (La instalacion la explico en el tuto), este contiene el estilo de capa que podras usar en la linea, lo puse asi, porque se les falicitaria mas ya solo ponerselo a la capa como un estilo directamente.
ya puesto ese efecto, es logrado por la opcion de fusion resplandor exterior, las opciones de fusion que tiene esa capa es editable, si sabes como usar estilos sabras de que hablo ya que soy medio confuso jejeje
Saludos, si no pudiste enterde bien lo que te dije me lo dices.
Thanks x el tuto deberas esto andaba buscando desde hace ya varios meses salud@s en hora buena, x ahi agrego tu banner a tu web como la de diego MT. bye
hola! y en el caso de que sea el photoshop potable donde pongo el archivo asl?
Cuando es portable no se puede meter archivos, yo tenia un portable al cual se le podia si lo encuentro te lo mando
[...] Tutorial para crear líneas de energía en Photoshop. Cortesía de PSD Creativo. 0 # [...]
Mira dos cosas primero me quiero hacer mienbbro y nose como jeje
Y segundo pongo el estilo en la carpeta especifica y nada no me aparece voy a fx y aparece la ventanita ne la cuanl esta reflo interior y demas pèro lineas de energia no me aparecen, es asi o me estoy equivocando de lugar?? o sera que es un photoshhop portable?? como lo se???
Me mate haciendo todo y lo del efecto no lo puedo hacer adema lo descargo y me dice 2.21 kb es probable que sea tan pequeño????
respondeme por favor :’(
Hola, te contestare:
1.- Para ser miembro es cuestion que le des click a la imagen que dice subscribete y rellenar lo que te pide.
2.- Para ver el estilo, ya puesto en tu carpeta del photoshop, abre el photoshop, y en la ventana Color l Muestrasl Estilos < < este ultimo es el que me interesa, le das click, luego en la parte derecha te debe salir un mini atajo, que parece una flecha hacia abajo con 3 rayitas, le das click ahi, y entre los que estan abajo te debe aparecer uno que diga Lineas de energia, si por casualidad no aparece, ahi un link que dice Cargar estilos, y buscas el archivo .ASL y lo cargas.
3.- Es pequeño el archivo ya que es solo un efecto que trae.
4.- Puedes descargarte el pack que tiene el psd para que veas bien como me queda.
Saludos
y buena suerte
hola… estoy super atorado con una parte de este tutorial. Tengo entendido que la parte de “simular presión” sirve para hacer delgadas las puntas de la línea. Yo le pico en esa parte y la línea me queda exactamente iwal =S
Ponxo: Ya teniendo puesta las propiedades de la pluma como muestro en la imagen al principio del tutorial, pones las propiedades del pincel como menciono, creas la linea, que al trazar no te aparecera nada, creas una nueva capa, das click derecho y das en contornear con la herramienta pluma, te saldra una ventana donde te dara a escojer con qeu herramienta hara el contorno y eliges el PINCEL, por preterminado te saldra el Lapiz, pero escojes el pincel, luego das en simular presion y listo te debe presionar las puntas del trazado.
Saludos
Si, la verdad es que yo también tengo el mismo problema, cuando le doy simular presión. Por favor si alguien me puede ayudar, estaré muy agradecido de verdad.
No puedo similar la presion de las lineas!
Hice exactamente lo que explicas a uno d elos usuaio pero no sale nada, esta tan gruesa como la puse.. Como lo puedo solucionar???
configure las ds herramientas y nada
AYUDA POR FAVOR!
ajaj
Solcy
Hola, estoy haciendo ( o intentando) ese efecto, pero no entiendo cuándo tengo qe poner eso de estilos de capa, y en qé capa; además no se ven las propiedades de cuando decis: “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:…” y tampoco entiendo qe qiere decir eso de “el paso de poner la linea principal con la pluma” ni lo de “como luces”.
Espero qe me contesten pronto así termino el efecto.
Gracias y disculpen las molestias. =)
Te respondo:
1.- El estilo de capa es para hacer el efecto de luz en tu linea, como vez en mi diseño el efecto amarillo de luz es el estilo de capa osea ese estilo los pondras en la capa donde creaste tu linea de energia con la pluma.
2.- Tienes que darle click a la imagen para que veas las propiedades
asi podras entender mejor a que me refiero, es cuestion de volver hacer la linea pero en vez de hacer como forma recta la haras como luces, es decir en bolas.
Un saludoy mas dudas dime.
[...] Luego de revisar su sitio, por poco más de una hora, me encuentro prendado de sus tutoriales de Photoshop, por ejemplo les recomiendo que no dejen de visitar este muy bueno de efectos de líneas de energía. [...]
Hey! mas simple de lo que me imaginaba… es un hermoso efecto, gracias por compartirlo!
Hola amigo te queria pedir si me podes ayudar xq tngo un problema
cuando quiero poner en contornear trazado nada mas se me marcan los puntos de ancla
pero esto pasa solo con el pincel ,con el lapiz se marca todo el trazado pero con el pincel no
se me hace q toque algo xq antes si podia hacer el trazado completo espero q me ayudes
chau nus vemos!
Hola facundo, mira despues de trazar con la pluma crearas una nueva capa, ya en la capa nueva ya podras dar en contornear trazado con la pluma dando el click derecho, el problema fue en que lo hacias en la capa del trazado cuando es nesesario una capa, ya antes de contornear pones tus ajustes en pinceles de grosor y como te he mencionado contorneas
Saludos y abrazos
[...] Líneas de energía [...]
Dario como conseguiste hacer la nube azul está genial…
por favor dime de donde la sacaste
saludos:D
Lo recorte de un stock que tenia guardado, le di un poco de color, ajustes de capa y un poco de gaussian para dar mejor entorno.
Saludos
Muy bueno el tuto y el sitio, estaba tratando hacer algo asi hace unos dias
Igual no se como hacerlo, una vez creada la capa nueva no puedo hacer click sobre la que tiene el recorrido, ni la veo. disculpe la ignorancia! algun ajuste que tenga que activar o algo asi
Lo intenté, creo que movi algo porque ya me habia salido, lo volvi a intentar pero luego solo se marcan los puntos de ancla y aunque ponga una nuava capa se siguen marcando solo los puntos, ayuda u_u
Cuando crear nueva capa, es poque cuando ya tienes las propiedades de la pluma puestas, creas la linea , cuando creamos la nueva capa es para poder contornear el diseño y darle en la casilla simular presion.
Saludos
dario muyy bueno el tutrial pero tengo una pregunta al desargar los pack ke pones en la paguina se colocan en
C:/Archivos de programa/adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos ?¿¿?¿?¿?¿?¿?
el archivo de estilo si, si es qeu ahi tienes instalado tu photoshop, si es asi si, osea no exactamente son las mismas carpetas, pero en los ajustes preestablecidos de la carpeta de photoshop hay una que dice estilos y ahi lo ponemos.
dario a mi me paso algo parecido a federico pero a mi no me aparece en el photoshop las opciones de lineas de energia tal como dice el archivo de estilo que colocaste en el tutorial…
¿a que se debe esto?
¿cómo lo soluciono?
saludos espero tu respuesta
Mira despues haber subido el archivo a tu carpeta de “Estilos” que se encuentra en la carpeta “ajustes preestablecidos” que esta en la carpeta donde instalaste tu photoshop.
Abres tu photoshop te en la parte derecha de tu photoshop tendras una pestaña que es estilos, le das click, luego damos en un mini icon de 3 minilineas y una flechita con direccion hacia abajo, que son las opciones, ahi le damos en cargar (como si cargaramos pinceles) y buscamos el estilo y ya lo tendremos.
Saludos
gracias dario ahora si puedo utilizarlas pensé que el estilo se encontraba en la parte de abajo de la ventana de capas xD donde dice fx pero se ve que no era así
gracias otra vez
saludos
jajjaja gracias dario ya lo pude usar ya pude completar el tutorial muy bueno
Mi hermano este una de los mejores sitios q he visto me gusta mucho porq te ponen los pack para q puedas lograr todo el diseño. esta fantastico el diseño pero lo he podido completar porq los puntos de ancla se me quedan igual de gruso no se me ponen con la finura al terminal, ago exactamente como dijiste en los comentarios pero no me sale no se podrias ayudarme porq creo el nuevo trabajo trazo la con la pluma y luego me creo una capa le doy el click derecho contornear pinceles simular presion y nada por favor hago malo dime.
MIra:
http://mx.youtube.com/watch?v=9z-kXqU1Uy0
En ese video tutorial, explican el uso de la pluma y hay una parte donde exlpica el contornear trazado que es lo que hago, mirarlo te ayudara
ok mi hermano grasias ya resolvir pero te pido porfa q le ponga a la imagen de la herramienta pluma cuando hay q configurarlo hay q seleccionar la opcion Dinamica de Forma asi fue q me pudieron salir las lineas finas