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.

Imagen de Matrix

Tema en 'Tutoriales Desarrollo Web' iniciado por eskorbuto, 13 Jun 2003.

  1. eskorbuto

    eskorbuto Nuevo usuario

    Ahora que esta tan de moda matrix pongo este tutorial con el podreis dejas asi a vuestros amigos :shock: :

    Dibujar fondo Matrix ->
    Paso 1 - Creando el código

    Con la capa por defecto seleccionada vamos a Filtro-->textura-->Granulado (Filters>Texture>Grain) y seleccionamos la Intensidad a 95, el Contraste a 100% y el tipo de granulado a Vertical.

    Paso 2 - Dando color al código

    Ahora vamos a Filtro-->Artistico-->Resplandor de Neón (Filter>Artistic>Neon Glow). Ponemos el Tamaño de resplandor a 5, el Brillo del resplandor a 15 y de color el 00FF00.

    Paso 3 - Ultimos detalles

    Filtro-->Estilizar-->Bordes Resplandecientes y ponemos en la anchura de borde 1, en el brillo 6 y en el suavizado 1.

    Ya tenemos el codigo de fondo creado .

    Paso 4 - Texto

    Ahora vamos a por las letras, lo primero es bajarte el tipo de fuente de Matrix de aqui:
    <a href="http://www.dafont.com/dl.php?os=win&fichier=miltown" target="_blank">http://www.dafont.com/dl.php?os=win&fichier=miltown</a>

    Ahora pones un texto cualquiera con esa fuente y de color blanco (FFFFFF), no pongas ni negrita ni cursiva.

    Duplica la capa del texto, ahora tienes que poner una encima de la otra, seleccionas la de abajo y la cambias de color a 00FF00.
    Aplicale Filtro-->desenfocar-->Desenfoque de movimiento (Filter>Blur>Motion Blur) seleccionando 22 pixeles de distancia y 0 en el angulo.

    Ahora seleccionas la capa principal (la de delante) y accede al estilo de la capa, y vete a la sección de 'resplandor exterior' (Outer Glow) y dejamos todo tal como esta excepto el color que le cambiamos a 00FF00 y si quieres dentro del apartado de elementos juega con el tamaño (valor recomendado 6).


    -----------------------------------------------------------------
    El resultado:
    <img src="http://www.iespana.es/kolectivo/palma.jpg" border="0" alt="Imagen IPB" />
     
  2.  
  3. Cyber

    Cyber Nuevo usuario

    :D Buen Tuto Eskorbuto, la direccion de las Fonts esta en Algo jejjejeje 8)
     
  4. CR

    CR Nuevo usuario

    <!--QuoteBegin-eskorbuto+--><div class='quotetop'>CITA(eskorbuto)</div><div class='quotemain'><!--QuoteEBegin-->
    Ahora seleccionas la capa principal (la de delante) y <b>accede al estilo de la capa</b>, y vete a la sección de \"resplandor exterior\" (Outer Glow) y<!--QuoteEnd--></div><!--QuoteEEnd-->

    q kiere decir con "accede al estilo de la capa"?
     
  5. Ronegar

    Ronegar Nuevo usuario

    Dale doble clic a la capa y te sale la ventana de estilo de capa.
     
  6. eladio

    eladio Nuevo usuario

    HOLA QUE TAL MUY BUEN TUTORIAL PERO QUISIERA SABER COMO SE HACE PARA QUE LAS LETRAS DE CODIGO QUENDEN VERDES YA QUE CUANDO APLICO EL EFECTO EN FILTRO CON LOS PARAMETROS QUE PREVIAMENTE DISTE ME QUEDAN LAS LETRAS MORADA MUCHAS GRACIAS :D
     
  7. imagedeluxe

    imagedeluxe Nuevo usuario

    Muy bueno y muy sencillito, Graciaas eskorbuto, te has salio.
     
  8. Error404

    Error404 Nuevo usuario

    <!--QuoteBegin-eladio+--><div class='quotetop'>CITA(eladio)</div><div class='quotemain'><!--QuoteEBegin-->QUISIERA SABER COMO SE HACE PARA QUE LAS LETRAS DE CODIGO QUENDEN VERDES YA QUE CUANDO APLICO EL EFECTO EN FILTRO CON LOS PARAMETROS QUE PREVIAMENTE DISTE ME QUEDAN LAS LETRAS MORADA MUCHAS GRACIAS &nbsp;:D<!--QuoteEnd--></div><!--QuoteEEnd-->

    Lo mismo que me pasaba a mí. La solución: Cuando apliques el filtro Resplandor de Neon, en vez de poner el color 00FF00, pon FF00FF. :wink:
     
  9. Error404

    Error404 Nuevo usuario

    Por cierto, el tutorial es cojonudo.
     
  10. imagedeluxe

    imagedeluxe Nuevo usuario

    Prueba con Imagen/ajustar/Tono satuiracion o CTRL+U
     
  11. DjXixONa

    DjXixONa Nuevo usuario

    como me vajo lo de matrix??? y despues, donde lo meto??

    perdonedme ke soy mu novato....

    Saludos!
     
  12. otherme

    otherme Nuevo usuario

    <!--QuoteBegin-DjXixONa+--><div class='quotetop'>CITA(DjXixONa)</div><div class='quotemain'><!--QuoteEBegin-->como me vajo lo de matrix??? y despues, donde lo meto??
    Saludos!<!--QuoteEnd--></div><!--QuoteEEnd-->

    descomprimee el archivo qeu bajaste y lo metes dentro de la carpeta fonts de windows..... y de alli lo cargan todos los programas...

    suerte
     
  13. LaYxOn

    LaYxOn Nuevo usuario

    a todos les salio o soy solo yo el bruto?? :shock: :oops:
     
  14. Nina

    Nina Nuevo usuario

    Gracias eskorbuco

    Yo lo utilice para un foto montaje solo que le cambie algunas cosas pero quedo muy bueno gracias.
     
  15. seroons

    seroons Nuevo usuario

    en mi pagina web, tienes tambien un tutorial de como hacer este efecto por si os ace falta aqui lo teneis.

    <a href="http://usuarios.lycos.es/seroons23/tutoriales/index.htm" target="_blank">http://usuarios.lycos.es/seroons23/tutoria...iales/index.htm</a>

    saludos. :wink:
     
  16. tripiyon

    tripiyon Nuevo usuario

    Buen tutorial seroons, sencillo y práctica :)
    Un saludo
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·