4 April, 2014

Creando Particulas con Photoshop

Facebook0Twitter0Pinterest0Google+0LinkedIn0Email

Bueno, volvemos con un tutorial. Esta vez veremos como hacer algo de fantasía en Photoshop.

Si recordamos el tutorial de iluminación, esta es una buena oportunidad para combinar ambos tutoriales y hacer algo bueno.

El resultado del mismo, deberá verse algo así… con las variaciones que la creatividad de cada uno le otorgue al trabajo:

finalenfoto

1º Paso: Lo primero que haremos es crear un nuevo documento de 400x400px con fondo negro.

Luego seleccionamos el color de frente el blanco y tomamos el pincel.

La imagen que intentaremos crear será esta:

Particula base

2º Paso: Y aquí viene un apartado que agrego de forma mas visual para los que recién comienzan:

panelpincel

Si nos dirigimos a Ventana>Pinceles veremos este panel, en donde tendremos la posibilidad de configurar en forma avanzada el pincel a utilizar.

Para este caso:

(1). Este pincel lo utilizaremos sin tocar ninguna propiedad salvo la del tamaño. Para que se den una idea, el tamaño que utilicé para crear el cuerpo de la partícula es de 165px aproximadamente. Al seleccionar este pincel y con ese tamaño, solo haremos un click sobre la esquina superior izquierda.

Momento de crear el rastro de movimiento de la partícula. Seleccionamos el pincel (2) en forma de brillo o estrella (según como quieran verlo) y nos dirigimos a la parte inferior de este panel (3). Aquí le daremos un espaciado del 50% aproximadamente. Todavía no se verá como en la imagen, sino que aparecerá una especie de línea punteada. Pasamos al (4) y veremos el siguiente panel:

panelpincel2

Aquí podremos jugar con las barras y ver que produce cada parámetro. Generalmente el mas usado es el primero, en donde regulamos el tamaño de cada partícula en forma individual (para que aparezcan algunas mas grandes, otras mas chicas).

Por último, en el (5), veremos este panel de propiedades:

panelpincel3

Para este caso recomiendo lo mismo, mover los parámetros para ver los efectos que se logra en la parte inferior del panel. Si andan apurados y solo quieren hacer esta partícula, entonces copien los de la imagen.

Ya una vez con todo esto, podremos dibujar el rastro de movimiento. Seguramente no nos quede de la forma en que se muestra aquí, pero tomando la herramienta goma de borrar y sacando las partículas que sobran, llegaremos a darle una forma similar.

3º Paso: Ya tenemos la partícula creada. Se ve bien, pero aún no da la sensación de luz. Por lo tanto, creamos una nueva capa. Esta vez, lo haremos por debajo de la capa en donde tenemos la partícula y la llamaremos color.

En esta capa, haremos un degradado de color desde una punta a la otra de la partícula, esto dependiendo de que color querramos darle a la misma. Para este ejemplo, utilicé los siguientes colores: de un lado #7be31d y del otro #c9ff30. Una vez hecho, nos quedará el fondo con el degradado y la partícula en blanco por encima.

Particula con degradado

4º Paso: Volvemos a la capa de la partícula y con CTRL presionado hacemos click sobre ella en el panel de capas. Esto hará que seleccione toda la partícula. En el mismo panel, pasamos ahora a la capa del degradado. Como veremos, mantendremos la selección de la partícula, pero en la otra capa.

Vamos a Seleccionar > Invertir. Paso siguiente, presionamos "delete" en el teclado. Con esto nos quedará la partícula con el degradado.

enverde

5º Paso: Lo que haremos ahora es duplicar la capa con la partícula en verde, lo que le dará mas fuerza al color. Una vez hecho esto, tomamos esta capa duplicada y le agregaremos el estilo resplandor exterior. Para esto, podemos ir a Capas > Estilos de Capas > Resplandor exterior. Le daremos los siguientes valores:

glow

Y aquí está el resultado. luego podemos agregarle una estela de humosi es que así lo deseamos. Este sería el ejemplo:

Final con Humo

Y si a esto le sumamos algún pincel de hadas (los cuales pueden obtener de esta manera), queda un buen resultado final.

finalenfoto

Facebook0Twitter0Pinterest0Google+0LinkedIn0Email

Artículos Relacionados

83 Comentarios

  1. vicky

    como siempre un excelente tutorial! :P creo que ya poco a poco le voy agarrando la onda XD muchas gracias diego mattei!!! saludos :)

  2. Bruno Aguirre

    Cada vez haciendo cosas mejores Diego!, este tutorial no solo esta excelentemente detallado sino que el efecto final es impresionante!.

  3. Bati

    Miguel: ya se encuentra el tutorial de crear humo.
    Vicky: De nada, a ver cuando empezamos a ver trabajos tuyos en el grupo Flickr.
    Bruno: Me alegro que te guste. Lo mismo que a Vicky, a ver cuando vemos cosas por el grupo.
    Roberto: De nada, un placer.
    Sandro: Ojalá sea así, es el fin de todo tutorial.
    Saludos a todos.

  4. Marcela

    Hola diego! me ha parecido muy chevere el tutorial, pero aun no logro entender el paso 3, nose si exista alguna diferencia pues tengo la version cs3..
    tengo las 2 capas, la primera con la particula y el fondo negro y la segunda de color con el degradado, presiono ctrl en el panel capas para seleccionar y me voy a la capa color, cando le doy seleccion invetir, me sale un cuadro de dialogo q me dice que no hay pixeles selecionados..y de ahi no he podido pasar.. :(
    Dame una manito porfas..gracias!!!! :)

  5. Bati

    Hola Marcela. A ver si podemos solucionar este traba.
    Te haré aclaraciones según lo que entiendo como problema o “posibles problemas”.
    . Releeo el tutorial y veo que necesita una aclaracion. 1 capa con el fondo negro, otra con la partícula creada y en medio de estas dos ira la capa color.
    . Ahora si, presiona CTRL y has click sobre la capa que contiene la partícula. Esto la seleccionará. Luego la inviertes y luego en el panel de capas te posicionas sobre la capa color, lo que te mantendrá la seleccion pero en la capa aun vacia.
    Espero que te sirva. Cualquier cosa, comenta y te respondo. Toda duda tuya, puede ser la de otro y suma para aclararlas en forma grupal.

  6. /grunch0..

    Me quedo impresionado.. es estupendo queda excelente y además muy bien explicado ^^ mostraré algo pronto =)

    saludos este tutorial es estupendo !!

  7. GiO

    Olaz kerido diego,muy buen tutorial.Pero tengo problemaz kon el 4to pazo, al momento de mantener ctrl prezionado y darle click a la kapa de la partikula no keda zeleccionada ezta..y kiero invertir y me zale ke no e zeleccionado ningun pixel.! ayuda porfavOr!

  8. Bati

    Hola GiO. Fijate en los comentarios. Hay una aclaración que de seguro te servirá.
    Por otro lado, pido un pequeño favor. No cobro por los tutoriales, disfruto haciendolos y leyendo las retribuciones de todos uds. en los comentarios.
    Es por eso que te pido que respetes el diccionario de la lengua española y escribas como Dios manda. Si? :)
    Se que me entenderás.

  9. GiO

    hola diego, por fin consegui hacerlo, pero se me presento otro problema,aun no encuentro la forma de que las particulas se vean mas luminosas,por que al momento de agregar la estela de humo, pierde visibilidad la estela.que puedo hacer?

  10. Bati

    Hola GiO. Por casualidad no borraste la particula inicial pintada con color blanco, no? eso es lo que le da el brillo. Luego la capa de abajo creada (color) es precisamente la que le da la tonalidad desde los bordes.
    Deberia quedarte la ilusion de brillo. Prueba empezar de nuevo.
    Y gracias por corregir la escritura!!

  11. Carlos

    …………………… Me quede sin palabras para describir tan hermoso trabajo

  12. Yuli

    Hasta la parte de los pinceles lo entendi perfecto. No entiendo al parte que dice “3º Paso: Ya tenemos la partícula creada. Se ve bien, pero aún no da la sensación de luz. Por lo tanto, creamos una nueva capa. Esta vez, lo haremos por debajo de la capa en donde tenemos la partícula y la llamaremos color”
    Por debajo de que? no logro que me salga esa parte…
    Gracias

  13. Bati

    Hola Yuli, perdon por la tardanza en la respuesta.
    Sería por debajo de la capa con la partícula. La particula la debes realizar en una capa nueva, no en la del fondo (supongo que ese será el problema).
    Las capas serían:

    Particula
    Color
    Fondo

    Espero te ayude a terminar el tutorial. Sino, pregunta mas especificamente que necesitas. Aqui estaremos para ayudar.
    Saludos.

  14. veronika-salta

    como me hiso renegar este tuto, eso por no leer bie y hacer todo a las apuradas jejjee

  15. Mariano

    Hola diego, como estas?
    Soy nuevo en esto de photoshop y tengo el mismo problema que arriba tuvo marcela y Gio.
    A la hora de presionar Ctrl para seleccionar las particulas no se selecciona nada y no puedo lograr terminar el efecto.
    Tengo Adobe Photoshop 10 CS3 en español. Gracias.

  16. Bati

    Hola Mariano. Un gusto tenerte por mi blog. Debes presionar CTRL, mantenerlo presionado y hacer click sobre la capa en el panel de capas (donde se ven todas). Eso tendria que realizar la selección. Asegurate que la particula este en una capa distinta a la del fondo.
    Espero puedas solucionar el problema. Sino, a veces comenzando nuevamente el tuto se aclaran las cosas.
    Saludos.

  17. Mariano

    Hola DIEGO, he logrado avanzar en el tutorial hasta la parte final donde tendria que aparecer este “rastro”. Cuando hago sobre una nueva capa el efecto de resplandor exterior, no aparece la este “rastro”. Tengo CS3 en castellano cual es el blend mode “SCREEN”?

  18. Bati

    Hola Mariano. Que es lo que no aparece? La posibilidad de modificar el pincel? Si es asi, debes seleccionar la herramienta para que te habilite el panel.
    La verdad es que no entendi mucho la pregunta. Espero que sea esa y te haya ayudado.
    Saludos.

  19. Javier

    Muy bueno todo, lo unico que no me queda claro con las particulas es el paso 3 cuando realizo el degradado no me quedan las particulas en blanco sino que me las tapa, como puedo hacer para que me salga; gracias

  20. Javier

    HOLA HOLA YA ENCONTRE EL ERROR QUE COMETIA,GRACIAS POR ENSEÑARNOS TODO ESTO ESTA MUY BUENO

  21. Ricardo

    muy bueno!!
    justo en el momento indicado lo encontre
    Gracias!!

  22. Ger

    Hola Diego, desde ya agradezco los tutoriales que mostras y te felicito por tu pagina, ahora te queria hacer una pregunta sobre este turorial, cree 1º capa Fondo negro, luego creo una segunda capa (Particulas) con fondo negro y pinto las particulas con blanco. En medio de estas dos ira la capa (Color) con el degradado color. Luego de todo esto me posiciono en el panel de capas y me ubico sobre la capa particulas y presiona CTRL y hago click sobre la capa que contiene la partícula. Esto la seleccioná. Luego voy a Seleccionar > Invertir y aparece un mensaje que no hay ningun pixel seleccionado. Hay algún paso que hago mal o me olvido de hacer algo. Otra pregunta en el panel de capas todas tienen que estar en modo normal. Si podés aclarame estas dudas que me interesa, te aclaro que soy principiante con ete programa que me encanta y quiero saberlo usar.

  23. Bati

    Hola Ger, por lo que puedo entender según tu descripción, lo que está mal es la capa de la partícula. 2º capa.
    La capa de la partícula es sin fondo.
    Lo que te está pasando es que seleccionas todo por tener fondo y luego al invertir, no te deja nada seleccionado.
    Avisame si era eso, sino seguimos viendo. ;)

  24. Ger

    Hola Diego, tenes razón, hice la capa de la partícula con fondo negro, probé sin fondo y funcionó. Muchas gracias por la ayuda. Te felicito por este tutorial y por la forma que les das a tus diseños.

  25. Loly

    Hola Diego: me parece fantastico el tutorial, y tu voluntad para explicarnos en detalle todas nuestras dudas. Ahora: NO ME SALE A PARTIR DEL 4º PASO!!! Tengo las 3 capas: la de las particulas, en medio el degradado y abajo la capa de fondo negro. Presiono Ctrl y hago click en la capa de las particulas, voy a sleccion>invertir y me aparece desactivada esa opcion. Otra forma que intenté es: el mismo paso anterior pero le doy seleccionar todo, ahi se me activa invertor, pero me dice que no se ha seleccionado ningun pixel… Que puede ser?? que hago mal? GRACIAS!

  26. Bati

    Hola Loly, gracias por el elogio al tutorial. A ver…
    Con respecto a lo último, está bien lo que te pasa. Pensa que si ponés seleccionar todo, al querer invertir sería “nada”, por lo que el programa te avisa que no hay nada que se pueda invertir, ninguna selección especifica.
    Repasando el tutorial (la verdad es que no los tengo de memoria) veo que dice: “…Esto hará que seleccione toda la partícula. En el mismo panel, pasamos ahora a la capa del degradado. Como veremos, mantendremos la selección de la partícula, pero en la otra capa…”
    No se si lo habrás hecho, pero una vez que hacés CTRL click sobre la capa de partículas, esta te queda seleccionada. El paso siguiente es cambiar a la capa de degradado, manteniendo la selección. Luego invertirla.
    Quizás sea ese el problema.
    Si aún persiste la dificultad, comentamelo de nuevo por aquí y seguimos intentando solucionarlo.
    Saludos!

  27. wanabo

    Simplemente increible Diego, me tarde casi 2 1/2 horas tratando de hacerlo, lo empezaba, lo quitaba, me paso de todo pero por fin, despues de varias pastillas para el dolor de cabeza … LO LOGRE !!
    Gracias Diego, Saludos … !!

  28. Loly

    Hola Diego! Ya logré hacer el tutorial!!! Y entedi perfectamente eso de “Ctrl sobre la capa”, para seleccionar las particulas, luego las invierto y presiono delete, a continuacion, selecciono la capa del degradado y (con la misma seleccion anterior) borro el degradado… Queda perfecto! Muchas Gracias!!!!

  29. Bati

    Wanabo, Loly, me alegro mucho que lo hayan podido realizar con éxito!
    Saludos a ambos.

  30. lucas

    hola Diego la verdad qe el tutorial esta espectacular!! te felicito!…pero nose por que a mi no me aparece en la parte de ventana “pinceles”..tendra algo que ver que tenga el photoshop 6?..si me podrias ayudar te lo agradeceria mucho

  31. Bati

    Puede ser, la verdad es que ya no recuerdo el 6. Que alguien nos ayude a quitarnos esta duda. La version 6 traia la ventana de pinceles para personalizarlos?
    Esperemos que alguien nos quite esa duda.

  32. Emiliano Burger

    Hola Diego, necesito ayuda con el paso 4 cuando voy a hacer la seleccion inversa me dice que no tengo ningun pixel seleccionado. Otra pregunta, como hago para que la nube me quede del mismo color de las estrellitas, porque me queda siempre de color rojo.

  33. luife

    hola Diego te felicito por tu tutorial es muy bueno… pero tengo una duda… como hago para hacer la estela de humo y ponerle el hadita a todo esto??…=$… si me puedes ayudar te la agradeceria un monton !!!

  34. Bati

    Hola Emiliano. Lee los comentarios que esta la respuesta a tu 1º pregunta.
    Lo de la nube… mmm… de color rojo? Que raro? Igualmente lo que podés hacer es aplicar a la capa del humo un ajuste de tono y saturación. (Imagen > Ajustes > Tono/Saturacion). Recorda tildar la casilla de colorear.
    Suerte!

  35. Bati

    Luife, como andas… bienvenido al blog. La estela de humo tiene su propio tutorial. En si es como crear humo, fijate que hay un enlace hacia ese tutorial en el 5º paso.
    La forma se la di aplicando la herramienta borrador a partes de la estela de humo, dandole forma (asegurate de seleccionar un pincel irregular para la herramienta borrador).
    El hada es simplemente un pincel que podes encontrarlo en la entrada “pinceles de fantasia”. Poné eso en el buscador del blog y te va a aparecer. De ahi lo podés descargar.
    Suerte!

  36. luife

    hola gracias por la respuesta sabes ya me resulto poner el hada pero aun no entiendo como poner el humo… gracias por todo muy bueno tu tutorial

  37. Bati

    Bueno, con la práctica lo lograrás. No bajes los brazos…
    Prueba crear el humo haciendo una selección irregular con el lazo.
    Luego experimenta con distintos tipos de pinceles borradores para dar una forma mas irregular aún.
    Por último, prueba duplicando capas y cambiando su modo de fusión para ver que resultado te da.
    Cada trabajo es distinto según su fondo y contexto, por lo que no te puedo ayudar puntualmente pero si arrojarte algunos tips para que salga algo bueno.
    Saludos!

  38. Rubi,

    DIEGO, COMO ANDAS?. MIRA ES LA CUARTA VEZ QUE HAGO TODOS LOS PASOS PARA PODER HACERLO CORRECTAMENTE, PERO CUANDO QUIERO DIRIGIRME AL OUTER GLOW, LE AUMENTO EL COLOR, Y NO ME FUNCIONA, OSEA, NO VEO NINGUNA MEJORA EN LAS PARTICULAS, I OTRO PROBLEMA QE TENGO ES QE CUANDO HAGO UNA NUEVA CAPA, LAS PARTICULAS QE ETSABN EN VERDE, SE ME VUELVEN EN BLANCO, ESTOY HACIENDO ALGO MAL?, GRACIAS POR TU ATENCIO, ESPECTACULAR TUTORIAL, HACIA MUCHO TIEMPO QUE ME INTERESABA SABER COMO PONERLE BRIILLO Y FANTASIA, PERO NUNCA HABIA ENCONTRADO UN TUTORIAL COMO ETSA MUCHSIIMAS GRACIAS

  39. Bati

    Hola Rubi. Fijate cuando vas al outer glow que en el modo de fusión debe estar como trama. Ponelo a Normal a ver si mejora.
    En cuanto a lo otro, en verdad la particula es blanca. No está mal que sea asi. No se si interpreté el problema correctamente.
    Cualquier cosa volveme a preguntar de forma mas puntual e indicando el paso del tutorial en el que te trabaste.
    Un beso!

  40. Sebastian

    Hola
    La verdad es que soy nuevo en este asunto del photoshop y con un poco de dificultad logre crear las particulas pero no logro completar la etapa Nº3 pues no se crear una capa bajo otra.
    Si me pudiesen ayudar lo agradeceria mucho

  41. Bati

    Hola Sebastian. La capa se crea siempre igual. Lo que tienes que hacer para modificarla de posición es hacer click sobre la misma en el panel de capas y arrastrarla hacia la posición que quieras.

  42. Karliz

    Hola Diego esta buenisimo tu tuto, estoy intentando hacerlo asi paso por paso muy cuidadosamente, pero cuando llego al paso del degradado en la capa que le nombramos color, ahi va el degradado verdad? el chiste esque la particula blanca de esconde y solo queda el degradado, que debo de hacer aqui? o porq no me queda la particula blanca al frente, que estoy haciendo mal?? te juro que lei todas las preguntas y respuestas para ver si alguna tendria mi problema y asi solucionarlo pero no… Espero tu respuesta y muchas gracias por tu atención.

    Atte.
    Karliz

  43. Karliz

    Otra cosa mira copie la capa con la particula y le puse color, eso esta bien o la capa de color debe copiarse a partir del fondo??? tambien ya que tengo la capa color con la particula cuando le aplico el degradado la particula se pone verde y el fondo de queda negro, porque? agradeceria muchs tus respuestas.

  44. Bati

    Karliz, por lo que me comentas (para serte sincero quedé un poco mareado) te olvidas, luego de hacer el degradado, la parte de la selección (4º paso). Fijate bien que el error está en esa parte.
    Cualquier cosa me avisas o me escribes vía formulario de contacto (ultima instancia :)).

  45. jorge

    exelente lo intente no me dio pero ya se como crear esas particulas gracias nomas me falta el pincel de adas pasatelo no ajaja

  46. chuy

    hola diego, muy buen tuto! hey sera que me puedas explicar como pusiste la foto de la cara y la iluminacion de esta, ya que no esta en las instruccioness! por favor! ayudenme!gracias por todo!;)

  47. Bati

    Hola Chuy, busca el tutorial llamado “Iluminación en Photoshop”: Ahi aprenderás como hacerlo.
    Saludos!

  48. rusky

    hola!! ya estaba por abandonar  cuando lei los comentarios y vi la correccion q hiciste y pude terminar el tutorial…y  me senti bien de notar q no era q  mis neuronas staban de vacaciones  jajaja me encanto!!!y otra vez gracias por tu paciencia…. ahhh estaria bueno q expliques el detalle final de la imagen q agregaste… igual hasta aca buenisimo!!!!!!!!!11111

  49. Esteban

    que mas parce soy de colombia hace poco vi un tutorial de el efecto invisible en photoshop en este blog. El blog esta muy bueno como hago para conseguir el link para este tutorial gracias si me lo puedes mandar

  50. Luu

    Hola,, si mira,tuveuna pequña desconfiguracion en el photoshop,tengo la version en español y no encuentro donde se ubican los BRUSHES si por favor me podes ayudar..una respuesta lo mas pronto ..muchass gracias…

  51. Bati

    Hola Luu, tenes que ir a Ventana > Pinceles. Ahi te abre el panel de pinceles rapidamente.
    Saludos!

  52. CGM

    Hace unos dias q descubri este blog, la verdad, muy bueno!! te felicito DiegoMuy buen tuto.saludos!.

  53. jc

    muy bueno el tutorial… solo tengo un problema que version estas usando porque a mi no me sale el panel ese de brushes que pones en la imagen… no me sale lo de flip x , flip y , el angle, el circulo ese xD ni tampoco el espaciado
    solo me salen los pinceles y el panel ese de al lado.
    Por cierto tengo el cs3 no se que version estes usando aqui.
    Te agradeceria si me respondieras ^^
    saludos

  54. Bati

    Hola JC, te cuento que el panel de brushes lo encontras en la version CS3. De hecho, el tutorial está hecho con esa versión.
    En el menú superior, andá a Ventana > Pinceles (en inglés, Window > Brushes). Ahi aparecen las diferentes opciones del pincel seleccionado.
    Saludos.

  55. jc

    ahhh, gracias por ayudar, ya solucione el problema que tenia, no me habia dado cuenta, por cierto lo del hada viene en un pincel de photoshop?? o es un pincel personalizado o algo asi?

  56. Bati

    Pon en el buscador de la barra lateral “pinceles de fantasia” ahi lo encuentras.

  57. jc

    muchas gracias!!!! ^^ ya logre hacer una imagen muy similar a la de este tutorial xD

  58. mariela

    hola esta genial el tutorial solo que no se ven las imagenes queria preguntarte si las sacaron ustedes o es solo problema de mi mauina un saludo, me encanto el breaking apart

  59. mariela

    muchas gracias por contestar diego, ya se soluciono ahora las veo quiero felicitarte por tu gran talento. tu creatividad es admirable, saludos

  60. Diego

    Hola Mariela, debe haber sido momentaneo… no veo problemas con las imagenes.
    Saludos!