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.

Tutorial: Rayo

Tema en 'Tutoriales Desarrollo Web' iniciado por Nuitari, 23 Nov 2003.

  1. Nuitari

    Nuitari Nuevo usuario

    Bueno, presento mi primer tutorial. Ya se que es un efecto muy fácil de hacer, pero a lo mejor las personas que empiezan lo pueden encontrar útil (a parte, he visto en algun post que alguien solicitaba un tutorial sobre esto).

    Manos a la obra. Empezamos abriendo un nuevo documento. El tamaño no importa (jeje), en este caso he decidido hacerlo de 300 x 300 px con el fondo blanco.

    <img src="http://usuarios.lycos.es/solracgl/2.jpg" border="0" alt="Imagen IPB" />

    Vale. Ahora hacemos un degradado lineal con los colores predeterminados de photoshop (blanco y negro). Si queremos que nos salga un rayo vertical, el degradado lo tendremos que aplicar horizontalmente (de derecha a izquierda o al revés). En cambio, si queremos un rayo horizontal tendremos que aplicar el degradado en sentido vertical. En este caso aplicamos el degradado horizontalmente (para que salga un rayo vertical).

    <img src="http://usuarios.lycos.es/solracgl/3.jpg" border="0" alt="Imagen IPB" />

    Ahora aplicamos el filtro nubes de diferencia (Filtro > Interpretar > Nubes de diferencia).Como podemos ver ya se distingue un poco la figura del rayo

    <img src="http://usuarios.lycos.es/solracgl/4.jpg" border="0" alt="Imagen IPB" />

    Ahora vamos al menú imagen > Ajustes > Invertir

    <img src="http://usuarios.lycos.es/solracgl/5.jpg" border="0" alt="Imagen IPB" />

    Bien. Ahora vamos al menú imagen > Ajustes > Niveles, y aplicamos lo siguiente (aproximadamente, también podeis jugar un poco con los 'triangulitos').

    <img src="http://usuarios.lycos.es/solracgl/6.jpg" border="0" alt="Imagen IPB" />

    <img src="http://usuarios.lycos.es/solracgl/7.jpg" border="0" alt="Imagen IPB" />

    De esta forma ya tenemos el rayo. Lo podriamos dejar así, en blanco y negro. Pero mejor vamos a darle un toque de color. Para ello vamos a Imagen > Ajustes > Tono/Saturación. En la ventana que nos aparece tenemos que asegurarnos que la opción colorear está marcada y a continuación jugamos con las 3 barras que tenemos (tono, saturación y luminosidad).

    <img src="http://usuarios.lycos.es/solracgl/8.jpg" border="0" alt="Imagen IPB" />

    Damos a ok y...

    <img src="http://usuarios.lycos.es/solracgl/9.jpg" border="0" alt="Imagen IPB" />

    ... LISTO! Ya tenemos nuestro rayo

    PD: Siento haber puesto tantas capturas y con tamaños tan diferentes, pero todavia no le he pillado el truco :oops:
     
  2.  
  3. seroons

    seroons Nuevo usuario

    Buen tutorial, facil y practico. GRACIAS.
     
  4. tripiyon

    tripiyon Nuevo usuario

    Buen tutorial Nuitari,
    Un saludo
     
  5. Nina

    Nina Nuevo usuario

    bien por tu aporte

    Muy bueno el tutorial. Saludos
     
  6. Nuitari

    Nuitari Nuevo usuario

    Gracias por vuestros comentarios, pero no se merecian.... Es un tutorial muy sencillo y que la gran mayoria domina...

    Bueno, gracias de nuevo
     
  7. ismaelcx500

    ismaelcx500 Nuevo usuario

    Por ejemplo a mi que estoy recien empezando me parece muy util, gracias por ponerlo. Saludos.
     
  8. erika

    erika Nuevo usuario

    gracias, estuvo bueno!!!!!!
     
  9. kitsch

    kitsch Nuevo usuario

    Buen tuto, practico, util y rapido
     
  10. loasdesign

    loasdesign Nuevo usuario

    Que :idea: nda, buen tuto man, siempre es util saber hacer un rayito :wink:
     
  11. hikaru

    hikaru Nuevo usuario

    :D Me gusto tu tutorial
     
  12. milu

    milu Nuevo usuario

    Muy habil.

    Gracias por el tutorial
     
  13. Daniela

    Daniela Nuevo usuario

    Hola :p

    Soy nueva por estos lados... en realidad tengo el photo shop hace time, pero no me habia dado el trabajo de leer tutoriales para hacer efecto y too eso... el primer tutorial que me llamo la atención fue este y me coloke mano a la obra, y me resulto :D Asike mushisimas grax ta muy bien explicado y esta muy bueno.

    Eso es..

    Atte Daniela :wink:
     
  14. tripiyon

    tripiyon Nuevo usuario

    Bienvenida Daniela
    Un saludo
     
  15. darizza

    darizza Nuevo usuario

    En verdad que padre que te tomes la molestia de crear un totorial, este tutorial tan buen expuesto yo ya lo conocía pero nunca debemos pensar que lo que exponemos es insignificante ya que alguna vez todos fuimos principiantes y esta información nos es de mucho valor y además te confesaré un secretito, el primer tutorial que yo lleve a cabo a traves de photoshop fue precisamente el del rayo, y me hizo sentir muy bien.
     
  16. Asgard

    Asgard Nuevo usuario

    HOlas manoal!
    Este tutorial esta bueno, solo que me ganaste de mano.. lo iba a hacer yo! Nin porta igual!, lo ke si.. yo seteo los oclores al principio (con la telca D) y despues creo un CLoud (nuves, filtres->Render->Clouds) y depsues un Different Clouds (Nuves diferentes) y despues todo igual... pero creo que el cloud es mas repido que usar una pintura en degrade, y en color pongo 200 20, queda no tan fuerte y es muy bueno... igua esta muy bueno, te felicito y espero te psaes por mis tutriales!
    Se vemos! :D
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·