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.

Ojo (dificultad: fácil)

Tema en 'Tutoriales Desarrollo Web' iniciado por obi-alf, 24 Mar 2003.

?

¿Te ha servido este tutorial?

  1. si

    0 voto(s)
    0,0%
  2. no

    0 voto(s)
    0,0%
  1. obi-alf

    obi-alf Nuevo usuario

    <b>OJO</b>

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/ojo.gif" border="0" alt="Imagen IPB" />

    <b>Tutorial</b>

    1. Creamos un documento nuevo de 300x300 px con fondo negro.

    2. Creamos una capa que llamaremos <i>Ojo</i> y hacemos una selección circular con la herramienta <i>Marco elítico</i> (M) y manteniendo la tecla Mayúscula (Shift) pulsada y rellenamos con el color R0 G84 B255. No deseleccionamos.

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_01.gif" border="0" alt="Imagen IPB" />

    3. Vamos a <i>Filtro/Ruido/Añadir ruido</i> y ponemos los valores <i>Cantidad</i> 20%, <i>Gaussiano</i> y <i>Monocromático</i>. No deseleccionamos.

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_02.gif" border="0" alt="Imagen IPB" />

    4. Ahora vamos a <i>Filtro/Desenfocar/Desenfoque radial</i> con los parámetros <i>Cantidad</i> 100, <i>Zoom</i> y <i>Buena</i>. Volvemos a aplicar el filtro haciendo Ctrl+F. No deseleccionamos.
    Veremos que alrededor de nuestro circulo han quedado unas partes oscuras. Las eliminamos haciendo lo siguiente:

    5. Tiramos guias al centro de la circunferencia (*llevarlas más o menos al centro, notarás como se 'pegan' en éste).
    Una vez están las 4 guias, trazamos una circunferencia con la herramienta <i>Marco elíptico</i> (M) poniendo el cursor en el centro de las guías y pulsando Alt+Mayus. Invertimos la selección (Ctrl+Mayus+I) y eliminamos (Supr). Deseleccionamos.

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_03.gif" border="0" alt="Imagen IPB" />

    6. Ahora hacemos Ctrl+click sobre la capa Ojo y vamos a <i>Selección/Modificar/Contraer</i> y ponemos 1px. Invertimos la selección (Ctrl+Mayus+I) y vamos a <i>Filtro/Desenfocar/Desenfoque gaussiano</i>. <i>Radio</i> 1,5px.

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_04.gif" border="0" alt="Imagen IPB" />

    Volemos a hacer Ctrl+click en la capa y vamos a <i>Filtro/Distorsionar/Esferizar</i> y escogemos <i>Modo</i> normal y 28%.

    7. Creamos una nueva capa que se llame <i>Iris</i> y hacemos una selección circular como en el paso 5 de 62px de diámetro y rellenamos de negro. Aplicamos <i>Desenfoque gaussiano</i> a 1,5px.

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_05.gif" border="0" alt="Imagen IPB" />

    8. Duplicamos nuestra imagen y la pasamos a escala de grises (<i>Imagen/Modo/Escala Grises)</i> y combinamos capas. La pasamos a RGB.

    9. Vamos a <i>Filtro/Interpretar/Efectos de iluminación</i> y aplicamos los siguientes parámetros:

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_06.gif" border="0" alt="Imagen IPB" />

    10. Copiamos la imagen y la pegamos en nuestro proyecto por encima de todas las capas. La pasamos a Modo Aclarar.

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_07.gif" border="0" alt="Imagen IPB" />

    11. Volvemos a repetir el punto 8 y el 9 pero con estos parámetros:

    <img src="http://personal.telefonica.terra.es/web/alvarodesign/personal/ojo/images/imag_08.gif" border="0" alt="Imagen IPB" />

    12. Volvemos a hacer el paso 10 pero esta vez la capa la ponemos en modo <i>Luz suave</i>.

    13. Por último creamos una nueva capa que llamaremos <i>Contorno</i> por encima de todas las capas. Hacemos Ctrl+click en la capa <i>Ojo</i>, escogemos el color R51 G51 B51. Vamos a Edición/Contornear y añadimos 3px y hacia <i>Fuera</i>.

    Y ya está, ya tenemos nuestro ojo.
     
  2.  
  3. dennyboy

    dennyboy Guest

    Excelente Tutorial... a mi hijo le encantó, ya le quiere poner ojos asi a todo lo que hace...

    Gracias...
     
  4. obi-alf

    obi-alf Nuevo usuario

    :shock: Guau!! tu hijo haciendo tutoriales? pues cuántos años tiene? (si no es indiscreción). Gracias, creo que habrá que subir el nivel de los tutoriales :D
     
  5. otherme

    otherme Nuevo usuario

    obi-alf...jejeje :lol: te dejo asustado.. mira al niño de dennyboy en la galeria de fotos.. efectivamente es un jovencito prometedor .. si a esa edad comienza a hacer los tutoriales .. rapidamente va terminar teniendo su propio foro... jeje :roll: ..

    :idea: y pues claro .. para que negar... " De tal palo .. Tal astilla "
     
  6. dennyboy

    dennyboy Guest

    :shock: No dude !!! apenas esta comenzando a usar photoshop, el y mi hija ya le comenzaron a pegar duro al Photoshop y al AutoCAD, ya se dieron cuenta de que los programas que ven en la escuela no los van a llevar a ninguna parte, y como doy clases de AutoCAD ellos ya casi lo dominan, ahora David esta muy interesado en aprender, a ver si me traigo un par de tutoriales que me llegaron en la revista de photoshop y lo que mi bebo hizo con ellos... ahorita casi casi hace solo lo que ve en tutoriales, todavia no sabe irse por su cuenta, pero igual que su padre.... algun dia.... algun dia...
    :wink:

    Saludos
     
  7. otherme

    otherme Nuevo usuario

    :shock: andale ahora si me apantallaste.. estan usando autocad?... wao... pero la gran pregunta.. como trabajan? con teclado o con iconos?
    y que version de cad estan usando?

    jejee ,.. en serio me asombras.. asi quiero que sean mis hijos... felicidades dennyboy ... y felicidades a los chicos...

    y tu que tal con el autocad? yo tambien imparto cursos de Cad eventualmente... uso mas el teclado qque los iconos. .. y hasta estuve trabajando con Autolisp en la creacion de mis propias rutinas.. pero lo he dejado ultimamente..

    ahora estoy tratando de encontrarle al Autocad Architectural Desktop..3.3 a ver si le logro entender full.. pero tampoco he tenido mucho chance ultimamanete...

    saludos pues... y adelante chicos...

    Otherme
     
  8. =killer kat=

    =killer kat= Nuevo usuario

    Tutorial

    Es Genial, para uno que esta en etapa de aprendizage es basttante bueno, este foro es de gran ayuda para las personas que estaán recien aprendiendo.. :wink: :wink:

    saludos...
     
  9. Error404

    Error404 Nuevo usuario

    Bueno, sólo decir que el tutorial es buenísimo. Gracias, obi-alf.
     
  10. Hada

    Hada Nuevo usuario

    Este tutorial es genial, he echo otro muy parecido, pero este esta muy bien explicado, Gracias
     
  11. protegido

    protegido Nuevo usuario

    wenas a todos tengo un problema estoy intentando hacer el tutorial pero
    nose porke en la sección de filtro solo me salen un par de opciones, totas las demas me salen anuladas :shock:
    No se que estoy haciendo mal :lol:

    Saludos!
     
  12. yorch

    yorch Nuevo usuario

    Gracias obi-alf, el tutorial está muy bueno y bien explicado además, no sabía cómo hacer el efecto de las rayitas del ojo :D

    Dennyboy felicitaciones por los logros de tus hijos, yo también quiero que mis hijos -cuando los tenga- sean así de inquietos e interesados con las computadoras.

    Protegido, la primera opción que se me ocurre es que la imagen que estás trabajando no está en RGB y por eso no dispones de todos los filtros. Entra al menú <i>Imagen/Modo</i> y revisa que esté en RGB.
     
  13. protegido

    protegido Nuevo usuario

    Muchas Gracias yorch, el problema era que lo tenia a 16 Bits en vez de a 8
    Felicidades obi-alf tus tutoriales estan geniales y son muy faciles de entender; excepto ami :mrgreen:

    Saludos a todos.
     
  14. obi-alf

    obi-alf Nuevo usuario

    aaacias :D y saludos
     
  15. Niko

    Niko Nuevo usuario

    esta muy bien el tutorial, thanks!!!
     
  16. milu

    milu Nuevo usuario

    Esta muy bien, lo puedo utilizar para el comienzo de una peli, me gustaq la edición de Video.
     
  17. zell

    zell Puedes llamarme Fronton-man!

    jejeje jovenes prometedores.
    Muy bueno el tuto
     
  18. Rita Bbaa

    Rita Bbaa Nuevo usuario

    Lo tenia pensado hacer, pero no veo las imagenes, no cargan.
    :(
     
  19. kitsch

    kitsch Nuevo usuario

    Este tuto es muy viejo... asi que no creo que se encuentren todavia las imagenes donde Obi, las coloco... pero puedes ver el tuto en la galeria de Tripiyon.

    <a href="http://www.galeriatripiyon.com" target="_blank">http://www.galeriatripiyon.com</a>
     
  20. zell

    zell Puedes llamarme Fronton-man!

    Gracias kitsh ;)
     
  21. Rita Bbaa

    Rita Bbaa Nuevo usuario

    Gracias kitsh
    :)
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·