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.
Ahora con los excelentes tutos q encontre en esta pagina, me quito de encima a un amigo q ya me tiene mamado de tanto decir: “photoshop no es mas q paint maximizado y hasta las secretarias lo usan para hacer presentaciones y etiquetas” Todo porq en la red solo abundan tutos de como hacer un texto de fuego o texto de metal y esas cosas de menor calibre, pero una vez vea este tuto, junto con el de “fuego en tu cuerpo” se va a tener q tragar la lengua y por fin le voy a callar la jeta!
Mila gracias por tan excelentes tutos!
hola dario si me podes ayudar miraa descargue el estilo entre a la carpeta donde se ponen los estilos osea los .asi ii entro a ps i no me aparece :S
Tienes que cargarlos desde el photoshop:
Lee la NOTA de este articulos http://www.webintenta.com/estilo-de-photoshop-para-crear-botones.html
ai alguien??
Exelente el tutorial!…
La linea de energia es un gran efecto, y parece que no es tan complicado de realizar 0_0.
Gracias!.
WOOW.. buenisimo.. muchas gracias.. me ayudo muchisimo… me dio buenos resultados…
saludos…
Hola.! yO Quiero saber como se hace el fuego final.. el azul que sale de la boca.. intente intente pero no me sale igual.. Saludos.. Buen efecto
UShaa io Tengo El Photoo shop cs4 y no me resultaa esoo de …C:/Archivos de programa/adobe/Adobe photoshop CS3/ Ajustes preestablecidos/ Estilos ! Too loo demas mee resultaa menos esoo de las carpetas u.u
porfavor ke alguuen mee ayudee urgentee !
Hola. El resultado muy bueno. LA explicación, muy floja.
Creo que debes tener en cuenta que existen diferentes niveles entre las personas. Por ejemplo, en el estilo (asl) que incluyes, no puedes dejar la cosa en “luego abre tu photoshop y ahi debe estar”. NO sé si te das cuenta de que hay muchas personas que no lo encontrarán…. ni de coña.
Igual pasa con todas las ventanas que sacas de propiedades de pinceles: debes dejar claro como acceder a ellas, incluso con flechas.
Sabes hacer cosas muy bonitas pero la explicación se te quedó muy pobre. De mis 30 alumnos (avanzados), ninguno acabó el ejercicio siguiendo tus pasos. Hubo que incluir más cosas. Veo recomendable que abundes en la explicación y la dejas clara para cualquier nivel de alumno.
Poner un efecto de humo y no explicar como se hace no creo que sea objeto de una página de turoriales, más bien es una fanfarronada.
No te molestes, los comentarios de otras personas que vieron tu tutorial fueron más severos.
Repito: resube el tutorial paso a paso, y nunca des por hecho que el alumno está dentro de tu cabeza, ni que sabe lo mismo que tú.
Chao
LA explicación de como la línea se hace más fina en los extremos… no la veo bien explicada.
Me ha sido imposible. Siguiendo al pie de la letra no sale como en la foto.
Gracias de todas maneras, pero es una làstima no explicarlo bien detallado. Da muchas cosas por sabidas.
Hola, muchísmas gracias por este tutorial, como siempre, llego hasta la mitad pero luego no puedo seguir, sé que me falta mucha práctica, por ejemplo la línea de energía me queda transparente, y me quedan las líneas de la pluma, cómo sigo?
mee pasa lo mismoo qe claudiia,, me qedan las lines de la plmaa :s y ya no se qe hacer despues
Exelente tuto!!!
Ya habia echo esto de las lineas antes pero solo una vez…y lo olvide.
Porfas no suban archivos a RapidShare es una vil porqueria me costo mucho descargar el archivo…. utilicen Mediafire es gratis y rapido …..
[...] click here to: View Full Tutorial [...]