1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

tormenta de rayos

Tema en 'Tutoriales Desarrollo Web' iniciado por poviedo, 25 Oct 2007.

  1. poviedo

    poviedo Guest

    Bueno aqui los dejo con la traduccion de otro tutorial. Esta vez la fuente proviene de <a href="http://www.watchandlearnphotoshop.com" target="_blank">http://www.watchandlearnphotoshop.com</a>

    1ro Abrimos un nuevo documento en dependencia del tamaño del que querramos los rayos. En este caso comenzaremos con uno de 500x500 pixeles, color RGB y con fondo blanco

    Nota: No se olviden de desbloquear la imagen de fondo(doble click en el candadito que les indico)

    <img src="http://i142.photobucket.com/albums/r113/poviedo2007/candado.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    2do Con la herramienta degradado creamos un degradado (con blanco y negro de colores y en linea recta si deseamos un rayo que caiga de forma recta y con algo de angulo si deseamos que el rayo se incline un poco, siempre en el plano horizontal, quiero decir, de derecha a izquierda o de izquierda a derecha)

    <img src="http://i142.photobucket.com/albums/r113/poviedo2007/herramienta.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Nota: En cuanto a la distancia del degradado mientras mas pequeña mucho mejor pues de esta forma se lograra un rayo bastante realista.

    <a href="http://i142.photobucket.com/albums/r113/poviedo2007/degradado.jpg" target="_blank"><img src="http://i142.photobucket.com/albums/r113/poviedo2007/degradado.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    3ro Aplicamos Filtro/Interpretar/Nubes de diferencia
    4to Aplicamos Imagen/Ajustes/Invertir o Ctrl+I
    5to Aplicamos Imagen/Ajustes/Niveles
    6to Ajustamos el nivel de entrada de sombras desplazandolo hacia la derecha al igual que el nivel de entrada de medios tonos. Jueguen con estos valores hasta llegar a la forma que deseemos.

    <a href="http://i142.photobucket.com/albums/r113/poviedo2007/niveles.jpg" target="_blank"><img src="http://i142.photobucket.com/albums/r113/poviedo2007/niveles.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    7mo Aplicamos Imagen/Ajustes/Tono-Saturacion y marcamos colorear. Jugando con el Tono y la saturacion podemos darle el color que deseemos. (En mi caso aplique: Tono=44 saturacion=25 Luminosidad:0)

    Ojo: Repitiendo los pasos del 1 al 7 podemos confeccionar tantos rayos cuantos necesitemos. Esto lo podemos hacer creandolos en nuevas capas y en el mismo documento.

    El rayo les debe haber quedado algo parecido a esto:

    <a href="http://i142.photobucket.com/albums/r113/poviedo2007/rayo.jpg" target="_blank"><img src="http://i142.photobucket.com/albums/r113/poviedo2007/rayo.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    8vo Movemos la capa del rayo a la imagen donde queremos agregarlo (Ctrl+A para seleccionar toda la capa donde se encuentra nuestro rayo) Abrimos la imagen donde queremos que aparezca nuestro rayo y pegamos nuestro rayo con Ctrl+V. Llevamos el modo de capa a Trama y listo. Ahora solo nos queda mover nuestro rayo a la posicion donde queremos que aparezca (Esto lo hacemos con la herramienta Mover) Y si queremos disminuirle el tamaño pues nos vamos a Edicion/Transformacion libre y achicamos nuestro rayo.

    OJO: El movimiento y el cambio de tamaño de nuestro rayo debe hacerse sobre la capa donde se encuentra localizado el mismo.

    Nota: las partes del rayo que deseemos eliminar, lo debemos hacer con la herramienta pincel y con el color negro.

    Este es un ejemplo donde pueden aplicar este tutorial, la imagen original fue tomada de <a href="http://www.thesefleetingmoments.com" target="_blank">http://www.thesefleetingmoments.com</a>

    <a href="http://i142.photobucket.com/albums/r113/poviedo2007/imagen.jpg" target="_blank"><img src="http://i142.photobucket.com/albums/r113/poviedo2007/imagen.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Y aqui los dejo con la aplicacion del rayo:

    <a href="http://i142.photobucket.com/albums/r113/poviedo2007/imagen1.jpg" target="_blank"><img src="http://i142.photobucket.com/albums/r113/poviedo2007/imagen1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Espero que lo disfruten y le saquen buen provecho.
     
  2.  
  3. Darkman

    Darkman Nuevo usuario

    Bien poviedo, es justo la técnica que use en el trabajo que puse anoche.
     
  4. elQuique

    elQuique Usuario activo

    Excelente !!!
     
  5. Aixa

    Aixa Nuevo usuario

    Muy bien povideo, cuestion de probar, aunque aun tengo pendiente de probar el otro.
     
  6. Siddhartha

    Siddhartha Nuevo usuario

    Hey amigo muy bueno me fascino lo e porvado aun me fallan algunas cosas (soy aprendiz) pero ya me a salido todavia me falla la forma del relampago oh el color pero esta buenisimo gracias :adios:
     
  7. ryo_sakazaki

    ryo_sakazaki Nuevo usuario

    esta buenisimo el tutorial
    eso si, tengo la gran duda
    como coloco el rayo o relampago en la fotografia, sin q se
    el rectangulo negro? o sea q solo se vea el rayo,
    asi como se hizo en akella imagen de ejemplo
    ???? por favor q alguien me explike
     
  8. hannybury

    hannybury Nuevo usuario

    muy bueno, lo aplicare
     
  9. elQuique

    elQuique Usuario activo

    ryo_sakazaki, bienvenido al foro
     
  10. Darkman

    Darkman Nuevo usuario

    <!--quoteo(post=274496:date=Jan 5 2008, 08:49 PM:name=ryo_sakazaki)--><div class='quotetop'>CITA(ryo_sakazaki @ Jan 5 2008, 08:49 PM) [snapback]274496[/snapback]</div><div class='quotemain'><!--quotec-->
    esta buenisimo el tutorial
    eso si, tengo la gran duda
    como coloco el rayo o relampago en la fotografia, sin q se
    el rectangulo negro? o sea q solo se vea el rayo,
    asi como se hizo en akella imagen de ejemplo
    ???? por favor q alguien me explike
    <!--QuoteEnd--></div><!--QuoteEEnd-->

    Lo pones en una capa nueva sobre la imagen base.
    Dependiendo de la imagen base podes cambiar el modo de la capa del rayo hasta que desaparezca el rectángulo, por lo general poniendola en screen ya funciona, pero probá la que vaya mejor. Y si hace falta le das unos toques con la goma de borrar.
     
  11. ryo_sakazaki

    ryo_sakazaki Nuevo usuario

    wena wena
    vale gracias
    ahora pude!!!
    chau
     
  12. Prado

    Prado Nuevo usuario

    Muy bueno aunque a mi no todos los rayos me salen igual , algunos me quedan con alguna nube de diferncia marcada tambien, debe ser el trazo que doy, pero me van saliendo bien
    buen tutorial, gracias por molestarte en traducirlos
     
  13. Nestaman

    Nestaman Aprendiendo cada día

    Que fácil. Gracias.
     
  14. kitsch.

    kitsch. Guest

    muy bueno gracias
     
  15. poviedo

    poviedo Guest

    gracias por los comentarios chicos. voy a ver si traduzco algun que otro tutorial. hay muy buen material en la red pero desgraciadamente hay muchos que estan en ingles lo que impide que muchos lo puedan poner en practica.

    espero que este tutorial les haya servido de algo.
     
  16. xairox

    xairox Nuevo usuario

    buenizimo
    ya sabia como hacer rayos pero no me habia dado el tiempo de aplicarlos asi xD

    gracias por el aporte
     
  17. PlasticMonster

    PlasticMonster Nuevo usuario

    muy bueno, justamente editaba una foto q saque hace poco un dia por la mañana , el cielo casi tapado de nubes... y la pasaba a b/n y ahora le aplicare un rallito Dx

    lo malo... tengo el Photoshop en ingles y no se mucho ingles peor tampoco las traducciones soy muy buenas.... así q me pierdo por q pusiste todas las herramientas en español (en los filtros todavía busco los que indicas)

    ese es el único problema q tengo.... veré si logro hacerlo

    muy buen tuto gracias


    pd: encontré "interpretar" = Render? ...uh... creo q hay cosas q deberían dejarlas con el nombre real y no tratar de traducirlas U_u
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·