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 Imagen Dark II

Tema en 'Tutoriales Desarrollo Web' iniciado por kitsch, 20 Abr 2006.

  1. kitsch

    kitsch Nuevo usuario

    Pues bien, a peticion de nuevo alguno(s) de por aqui, dejo tambien este tuto que hice en honor de mi maestro y amigo <b><a href="http://www.extremetak.com" target="_blank">Extremetak</a></b>, este un poco mas dificil que los anteriores que he puesto, pero en fin; aqui se los dejo.

    <i>"Antes de comenzar, dedico esta imagen y este tutorial a una gran persona la cual tengo ahora el honor de poder llamarle amigo."

    Para AE</i>

    Bueno, ya le hemos entrado al dark un rato y ahora me ha entrado el gusto por las imágenes surrealistas y pues aquí mi primer intento y mi primer tutorial de cómo hacerlo.

    Para este tutorial de nuevo utilizare a la preciosidad de Lamía, no hace falta decir ya que es uno de mis stocks favoritos ¿O si?

    Bien, utilizaremos la siguiente imagen para trabajar:
    <img src="http://img517.imageshack.us/img517/831/16az1.jpg" border="0" alt="Imagen IPB" />
    <a href="http://lamia-stock.deviantart.com" target="_blank">http://lamia-stock.deviantart.com</a>

    *Como primer paso duplicamos la capa fondo. (Clic con el botón derecho del Mouse, de la pestaña emergente, "Duplicar Capa")

    <b>Desarrollo de Texturas.</b>

    Esta es nuestra imagen, pero por esta vez trabajaremos al revés de otros tutoriales, comenzaremos por crear nuestras texturas y aplicándolas, antes de la manipulación de la imagen.

    *Creamos una nueva capa y seleccionamos toda la imagen (ctrl.+A)

    *Rellenamos la imagen con el siguiente tono (lo escribo en RGB) R: 118, G: 77, B: 37.
    Tenemos como resultante una mancha café que cubre la imagen y que como textura no sirve mucho, pero ahora vamos a encargarnos de darle cuerpo.

    *Creamos un nuevo documento de 500x500 px y en ella escribimos cualquier párrafo de aproximadamente unas 3 o 4 líneas con una fuente Arial de tamaño 3.

    *Rasterizamos la capa de texto y la definimos como brush. (Seleccionada la capa de texto rasterizada, Edición>Definir Valor de Pincel)

    *Cerramos nuestro documento nuevo sin guardar cambios y regresamos a nuestra imagen.

    *Tomamos nuestro brush recién creado y nos dará rellenamos de color blanco toda la imagen (en la capa café) con el.

    *Ahora tomamos un pincel normal con los bordes suavizados y comenzamos pintar sobre la misma capa pero con una opacidad menor. Hacemos esto con pinceles de diferentes tamaños.

    Nuestra imagen se debe ver más o menos así:
    <img src="http://img34.imageshack.us/img34/4149/22do.jpg" border="0" alt="Imagen IPB" />

    *Ponemos la capa en modo de Luz Suave y bajamos la opacidad a 83%

    Nuestra imagen ahora se ve así:
    <img src="http://img425.imageshack.us/img425/3475/36to.jpg" border="0" alt="Imagen IPB" />

    Nota: En esta ocasión estamos trabajando diferente porque para obtener los resultados "visualizados para esta imagen" el manejo de los tonos es muy importante, por esto trabajaremos al contrario, manejando primero las texturas y después la manipulación. Buscamos crear en esta imagen una uniformidad en los tonos y matices, por lo cual será mejor trabajar de este modo.

    *Creamos otra capa en blanco y hacemos una selección de toda la imagen; para rellenarla con un tono gris: R: 93, G: 82, B: 72.

    *Tomamos cualquier brush de tamaño pequeño/medio aproximadamente de unos 10 0 15 px con un tono gris claro casi blanco y creamos el siguiente trazo o más o menos así:

    <img src="http://img261.imageshack.us/img261/9395/47dd.jpg" border="0" alt="Imagen IPB" />

    Bien, en realidad no importa como quede, ya que según el trazo que hagamos será lo que defina partes de nuestra imagen, aquí es interesante jugar con los resultados.

    *Le agregamos un filtro de Guassiano (Filtro>Desenfocar>Desenfoque de Guassiano…) de 1,2 px y otro mas de Movimiento (Filtro>Desenfocar>Desenfoque Movimiento…) en un ángulo de 0º y con un tamaño pequeño, alrededor de 10 o menos.

    *Le aplicamos un Filtro de Resplandor Difuso (Filtro>Distorsionar>Resplandor Difuso…) con las siguientes propiedades: Granulado: 6, Cantidad de Resplandor: 10, Cantidad de Claridad: 10.

    Aplicaremos una cuarta textura.

    *Aplicamos un Filtro de Coordenadas Polares (Filtro>Distorsionar>Coordenadas Polares…) y ahí: Polar Rectangular.

    *Ponemos esta capa en Modo de Superponer con una opacidad de 80%

    Nuestra imagen se ve más o menos así:

    <img src="http://img34.imageshack.us/img34/8328/59yk.jpg" border="0" alt="Imagen IPB" />
    <i>Imagen Con tres Capas Activas. Normal, Textura1 y Textura2</i>

    Hasta ahora nuestra imagen esta tomando un color y texturas agradables, pero aun no hemos hecho ninguna manipulación, solo fundir texturas que hemos creado. A continuación comenzaremos con lo que será nuestra manipulación principal.

    *Seleccionamos la capa Fondo Copia y la renombramos a fondo1

    *La capa duplicada le damos el nombre de "0".

    *En la capa 0 creamos con la herramienta Lazo Poligonal (L) más o menos la siguiente figura:
    <i>
    <img src="http://img523.imageshack.us/img523/6106/pasolazoii4.jpg" border="0" alt="Imagen IPB" />
    Selección Herramienta Lazo Poligonal</i>

    *Suprimimos el contenido de la selección.

    *Regresamos a la capa fondo1, con la herramienta Clonar (S), clonamos el con el fondo un área aproximada a la que eliminamos del cuello en la capa 0.

    <img src="http://img188.imageshack.us/img188/5186/75vt.jpg" border="0" alt="Imagen IPB" />
    <i>Capa fondo1, clonamos el área del cuello con el fondo.</i>


    *Regresamos a la capa 0 y vamos al Filtro Licuar (Filtro>Licuar…).

    *En la ventana de Licuar, lo que vamos a hacer es crear una ilusión de mascara y darle volumen a los cortes.

    Recomiendo paciencia para este paso, pues si requiere algo de técnica.

    Nuestra imagen debe de quedar más o menos así:
    <img src="http://img517.imageshack.us/img517/1979/85pk.jpg" border="0" alt="Imagen IPB" />
    <i>Resultado del filtro licuar</i>

    Y con todas las capas visibles así:
    <img src="http://img261.imageshack.us/img261/7430/97jr.jpg" border="0" alt="Imagen IPB" />

    Hasta hora ya comienza a tomar forma nuestra imagen, y el surrealismo se comienza a notar. Pero aun hacen falta muchos detalles para ajustar.
    *De nuevo tomamos la herramienta Lazo Poligonal (L) y creamos una selección pequeña al filo de los bordes de la cara y le aplicamos un Calado (Selección>Calar…) de 4 0 5 px.

    *Tomamos la herramienta Subexponer (O) y comenzamos a obscurecer los bordes del filo del rostro para aplicarle sombras. Hay que tener cuidado con esta herramienta, pues si se nos basa el brush, quemaremos la imagen. Recomiendo un pincel suave y con opacidad media.

    *Repetimos los últimos dos pasos para el cuerpo y cuello.

    Nuestra imagen debe estarse viendo más o menos así:
    <img src="http://img34.imageshack.us/img34/4980/114dw.jpg" border="0" alt="Imagen IPB" />

    Bien nuestra imagen ya tiene un cuerpo y el corte ya no es tan duro y las sombras ya están "en su lugar" por decirlo de algún modo. Ahora vamos a crear las "venas" que conectan la cabeza de nuestra hermosa modelo con el cuerpo.

    *Desactivamos la vista de las capas de las texturas un poco para trabajar mejor con las "venas".

    *Creamos una capa en blanco.

    *Tomamos la herramienta Lazo creamos un rectángulo curveado simulando lo que seria una vena, y la rellenamos con el siguiente color: #361b07

    Nuestra imagen se ve así:
    <img src="http://img39.imageshack.us/img39/9875/126nn.jpg" border="0" alt="Imagen IPB" />

    Bien, nuestro trazo parece todo menos una vena, ahora hay que darle aspecto, textura y demás y para esto utilizaremos las "Estilos de Capa". En concreto utilizaremos 2 estilos, sombra interior y superposición de motivos.

    *Presionamos el botón "Agregar Estilo de Capa"

    *Seleccionamos la opción de Sombra Interior y le damos las siguientes propiedades:
    <img src="http://img434.imageshack.us/img434/7631/13a5nb.jpg" border="0" alt="Imagen IPB" />

    *Cerramos la ventana de Estilos de Capa y con la Herramienta Marco Rectangular, hacemos un recuadro en la parte baja de la imagen, exactamente en el pecho de Lamia y copiamos la selección.

    *Creamos un nuevo documento del tamaño del portapapeles.

    *Peamos nuestra selección. (Ctrl. + V)
    <img src="http://img188.imageshack.us/img188/354/13m8ai.jpg" border="0" alt="Imagen IPB" />

    *Seleccionamos toda la imagen. (Ctrl. + A)

    *Vamos a Edición>Definir motivo…. Le damos el nombre que queramos "piel" por ejemplo y presionamos Aceptar.

    *Cerramos el documento nuevo sin guardar y regresamos a nuestra imagen.

    *De nuevo vamos a los Estilos de Capa y seleccionamos la opción Superposición de Motivo.

    *Seleccionamos el motivo que creamos y le damos las siguientes propiedades:
    <img src="http://img4.imageshack.us/img4/9414/13b6ug.jpg" border="0" alt="Imagen IPB" />

    Nuestra vena se debe de ver así:
    <img src="http://img171.imageshack.us/img171/2016/143mq.jpg" border="0" alt="Imagen IPB" />

    En los pasos siguientes jugaremos con esta capa duplicándola y transformándola a nuestro gusto personal, para dar el efecto de "conexión" ente la cabeza y el cuerpo.

    Después hacer esto repetidas veces, activamos la vista de nuestras capas de textura y la imagen se deberá de ver así:

    <a href="http://imageshack.us" target="_blank"><img src="http://img388.imageshack.us/img388/7195/155bb.jpg" border="0" alt="Imagen IPB" /></a>

    Hasta este punto nuestra imagen ya tiene una forma y un cuerpo; ya es una imagen surrealista y se bastante bien, sin embargo le faltan elementos para alcanzar el resultado deseado y justamente es lo que ahora haremos.
    A continuación vamos a definir el cabello de lamia y para ello utilizaremos la herramienta Clonar.

    *Tomamos parte de la imagen del fondo y definimos el cabello de Lamia, para este pareciera que esta colgando de la cabeza.

    Este paso es delicado, por lo que recomiendo lo hagan con calma y cuidado.

    Utilizaremos una textura mas para dar el toque deseado, para esta imagen utilice la del piso del patio de mi casa. Esto nos prueba que cualquier imagen bien aplicada sirve para crear algo.

    <a href="http://imageshack.us" target="_blank"><img src="http://img39.imageshack.us/img39/8008/162hf.jpg" border="0" alt="Imagen IPB" /></a>

    *Creamos una nueva capa y la ponemos en modo de "Superponer" con una opacidad del 100%

    *Creamos una nueva capa y fusionamos todas las visibles (Ctrl.+Alt.+Shift+E) y la renombramos a "completa" quedándonos el siguiente resultado:

    <a href="http://img164.imageshack.us/img164/4320/174sg.jpg" target="_blank">http://img164.imageshack.us/img164/4320/174sg.jpg</a>

    Bien, ahora solo falta ajustar algunos detalles para tener nuestra imagen deseada, muy al estilo del maestro "Extremetak".

    *Duplicamos la capa "completa".

    *Tomamos la herramienta Lazo Poligonal y creamos un recorte a la altura del rostro y en diagonal, para simular un corte de espada.

    *Repetimos los mismo pasos que hicimos antes para darle forma al cuello y cara de Lamia, pero esta vez lo hacemos solo al filo del corte del rostro.

    Nuestro recorte se debe de ver más o menos así:
    <a href="http://img470.imageshack.us/img470/6906/181se.gif" target="_blank">http://img470.imageshack.us/img470/6906/181se.gif</a>

    *Renombramos la capa a "corte" y la movemos unos 40 o 50 px hacia la izquierda.

    Nuestra imagen se ve así:
    <a href="http://img34.imageshack.us/img34/4951/190ph.jpg" target="_blank">http://img34.imageshack.us/img34/4951/190ph.jpg</a>

    Bien ya tenemos nuestra imagen surrealista, ahora solo basta aplicarle los detalles finales; (marco, firma, ajustes de color a gusto personal, etc.)

    La mía quedo finalmente así:

    <a href="http://javiernavarro.be" target="_blank"><img src="http://img4.imageshack.us/img4/5263/final9hw.jpg" border="0" alt="Imagen IPB" /></a>

    Bien espero que les haya gustado y les sea aunque sea un poco útil este tutorial, si es así para seguir trayendo más.
    -----------------------------------------------------------------------------------------------------------------------
    Tutorial originalmente creado para: <a href="http://beautifulblack.net" target="_blank">BeautifulBlack.net</a>
    ;)
     
  2.  
  3. katsy

    katsy Guerrero Negro

    muy buen tuto.... lo pondremos en praktika..
     
  4. adi

    adi Zen Moderator

    Excelente kitsch! :clapping: muchas gracias :D
     
  5. elQuique

    elQuique Usuario activo

    Ta super ya lo habia visto :)
     
  6. kitsch

    kitsch Nuevo usuario

  7. Javi_SuperStar

    Javi_SuperStar Nuevo usuario

    Éste lo encontré yo hace un par de días y ya lo puse en práctica, muy buen tutorial Kitsch
     
  8. kahlito

    kahlito Nuevo usuario

    Buenisimo Kitsch, gracias :clapping:
     
  9. kitsch

    kitsch Nuevo usuario

    :D Tengo por ahi otros tantos sin terminar, haber si el fin me doy tiempo y los subo ;)
     
  10. elQuique

    elQuique Usuario activo

    Andale andale que andabas medio desaparecido :) imagino una vacaciones en semana santa y luego esta semana atacandole a lo acumulado por las vacaciones jeje ...
     
  11. kitsch

    kitsch Nuevo usuario

    jeje algo asi... :p
     
  12. PROMETEO

    PROMETEO Nuevo usuario

    "kitsch"

    Mortal la muestra de este Tutorial....personalmente es primera vez que la veo.

    Se grava y se Imprime!!

    Gracias!




    <!--quoteo(post=107490:date=Jun 1 2006, 03:01 AM:name=PROMETEO)--><div class='quotetop'>CITA(PROMETEO @ Jun 1 2006, 03:01 AM) [snapback]107490[/snapback]</div><div class='quotemain'><!--quotec-->
    "kitsch"

    Mortal la muestra de este Tutorial....personalmente es primera vez que lo veo.

    Se grava y se Imprime!!

    Gracias!
    <!--QuoteEnd--></div><!--QuoteEEnd-->
     
  13. kitsch

    kitsch Nuevo usuario

  14. Kaotika

    Kaotika Nuevo usuario

    Muchas gracias kitsch por compartir tus conocimientos .... :D
     
  15. cancerberus

    cancerberus Nuevo usuario

    vaya lo pondre en practica gracias muy bueno, como el maestro Giger... :banana:
     
  16. wally71

    wally71 Nuevo usuario

    barbaro!!! ya estoy haciendo algo para ponerlo en practica. gracias...
     
  17. kitsch

    kitsch Nuevo usuario

    Vale gracias :D
     
  18. josexdavid

    josexdavid Nuevo usuario

    excelente tutorialll ...muy buena ahhhh
     
  19. elQuique

    elQuique Usuario activo

    josexdavid, bienvenido al foro :)
     
  20. ragnarok

    ragnarok Nuevo usuario

    si es muy bueno el tutorial
     
  21. putreFactory

    putreFactory Nuevo usuario

    sorprendente
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·