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.

Ilustracion paso a paso

Tema en 'Tutoriales Desarrollo Web' iniciado por aladecuervo, 2 Feb 2007.

  1. aladecuervo

    aladecuervo Nuevo usuario

    Bueno, pues aqui voy con la ilustración paso a paso para aquellos que querían un tuto.

    La ilustración la he hecho a mano a partir de un garabato cualquiera y de ahí he buscado a estos tres personajes a los que titule "the charge" por esto de "la carga creativa" que enfrento también en el trabajo, Y quien no!!!!! je je je.

    Bueno ya digitalizada la imagen este es el primer paso, ajusto brillo y contraste a gusto y convierto la imagen en una capa superior con modo "multiple" y el fondo en blanco.

    He aqui ya la imagen e iniciamos, perdonen si voy paso a paso, pero tambien lo voy haciendo como lo permite el trabajo...

    :adios:

    Uppes perdon, aqui va la imagen, je je je... :huh:

    "do paso, hecho lo anterior, en la capa blanca voy a filtro/lighting effects y de ahí genero algo como lo mostrado. Genero una nueva capa en medio del fondo (ahora en color por el filtro aplicado) y el trazo (multiply) y con el "airbrush pen opacity flow" de photoshop o uno similar (este es de los que vienen default con el programa) empiezo a hacer trazos muy libres para identificar luces, sombras y algunos trazos de interés que me digan que busco.

    NOTA: a veces soy un poco viceral y cambio dramaticamente el proceso, creo que esto lo experimentamos muchos y es algo muy padre en la ilustración, la cosa es no aburrirse y llegar hasta donde se vea como queremos....

    Saludos :vale:
     

    Adjuntos:

  2.  
  3. aladecuervo

    aladecuervo Nuevo usuario

    aqui va el tercero, continuo con el mismo pincel, generando los trazos de color que me permitan ir identificando lo que voy a hacer. Muy importante, manejo la opacidad al 100% y el flujo de pintura entre un 20% un 12% y un 50% cuando quiero marcar más ya que en la aerografía, el color es opaco, salvo cuando usas acuarela, pero en el caso del goauche, acrílico y esmaltes, éstos son opacos, así que mantengo el mismo estilo.

    Me ayudo de una tableta gráfica WACOM ya que es simlemente como una extension de mi brazo, pero también he hecho ilustraciónes solo con el ratón cuando no ha habido tableta para ayudarme.

    Saludos :adios:

    [attachmentid=1964]
     

    Adjuntos:

  4. aladecuervo

    aladecuervo Nuevo usuario

    Bien aqui va el siguiente tiro. Mezclo las capas en una para que la imagen quede "flat" o plana (merge), el pincel lo he cambiado a un airbrush soft round que tambien viene dentro de los pinceles por defecto de photoshop. Con una opacidad de 100% y un flujo bajo (13 a 24%) comienzo a definir más el volumen ayudandome del cuantagotas para obtener los valores de color dentro de la gama que se esta desarrollando.

    Aquí lo imporrtante es ver que tanto se ve como tenemos en mente nuestra ilustración. Como les decía, se trata de ver lo que esta ahí e ir dándole los detalles que nos pida nuestra creatividad nuestra, no importa si hay que volver atrás, sería bueno guardar capas separadas con la versión aterior por si es necesario, o en su defecto, varios archivos con las estapas del trabajo para volver sin porblemas si es que sucede algo.

    Bien, sigo ilustrando y pongo la siguiente tan pornto tenga una paso más listo.

    Saludos :vale: [attachmentid=1970]
     

    Adjuntos:

  5. elQuique

    elQuique Usuario activo

    Muy bueno aladecuervo :) gracias por explicarnos
     
  6. Satyr

    Satyr Nuevo usuario

    gracias por la explicación!!
     
  7. adi

    adi Zen Moderator

    Muy bueno! gracias aladecuervo :D
     
  8. aladecuervo

    aladecuervo Nuevo usuario

    Bien aquí voy con un paso que, como verán ya define bastante nuestro trabajo.

    Realmente es como decía, tener bien claro hasta donde queremos llegar con nuestra ilustración. Lo que he hecho es utilizar la herramienta pluma para generar un path que "recorte a los personajes para dejarlos en una capa por encima del fondo y demás elementos que quiero crear (sombras, agua, reflejos, etc).

    Ya con la capa flotando, la copio y pego en una capa nueva, la pinto de negro, le aflico un desenfoque gaussiano, lo transformo libremente para que adquiera una posición de perspectiva, bajo la opacidad y con esto obtengo la sombra.

    Ahora con la herramienta laso, trazo la silueta del agua en el piso, y le aplico un degradado de azul a blanco, al que además con el aerógrafo en un tamaño grande y un muy bajo flujo de pintura le doy un "blender" o fundido a mano para lograr un efecto más natural.

    Nuevamente copio a los personajes y con el menu edit/transform/flip vertical los coloco hacia abajo. trato de ubicar los pies del alienigena a manera de reflejo e incluso con el photoshp CS2 puedes usar el warp tambien de edit/transform para jalarlos un poco más facil. aplico desenfoque de movimiento en 90 grados y una máscara de capa para desvanecer desde abajo hacia arriba el reflejo. (máscara de capa de blanco a negro en el gradiente).

    Bien espero les esté agradando esto, voy a descansar un poco y tan pornto tenga más de la ilustración la pongo por acá.

    Un abrazo a todos y feliz domingo. :drunk:
    [attachmentid=1972]

    Ahh perdón, olvidaba comentar que como dije antes, la marcha en la ilustración siempre pide cambios, aqui decidí cambiar el color de fondo, y también la posición en la trompa del elefante para que ésta se vea un poco más dinámica.

    Saludos :adios:
     

    Adjuntos:

  9. Darkman

    Darkman Nuevo usuario

    Buenisimo, muchas gracias!
     
  10. Wooper

    Wooper Un Angel Serigrafo

    exacto
    esta buenisimo:D
     
  11. elQuique

    elQuique Usuario activo

    Esta muy buena como vengo diciendo jaja y los presonajes son re simpaticos jaja
     
  12. Farvon

    Farvon Usuario activo Colaboradores

    Muy bueno.. Gracias.. :D
     
  13. Javi_SuperStar

    Javi_SuperStar Nuevo usuario

    Qué bien está, me gusta mucho tu técnica de coloreado.
     
  14. Wooper

    Wooper Un Angel Serigrafo

    no manches esta bien dificil
    ahahahahaha
    sigo intentando.
     
  15. montevideo

    montevideo Buceador de la Mente

    Genial Genial Genial ! ! ! GRacias Ala!
     
  16. aladecuervo

    aladecuervo Nuevo usuario

    Hola amigos!! No crean que ya me olvide de terminar el tuto. Sucede que el trabajo se ha cargado un poco y no he podido darle un tiempo para terminar, pero les prometo que en esta semana pongo más del tuto y por ahi algunos consejillos que me han dado muchas satisfacciones en el photoshop.

    Saludos y un abrazo!!! :adios:
     
  17. Ruisu

    Ruisu In perfeccion process

    gran trabajo
    gracias por la explicacion
     
  18. Gansta

    Gansta Nuevo usuario

    nice tuto eso si no lo enontre facil
    =O
     
  19. yxed

    yxed Nuevo usuario

    va muy bien el tutorial lastima ke para ilustracion se ocupe una tableta :( por cierto gracias a kitsch por informarme sobre distintos tipos de tabletas y costos :p
     
  20. ragnarok

    ragnarok Nuevo usuario

    a :eek:
     
  21. Muchisisimas gracia por la explicación, un abrazo desde la hermana república de mariachi y el tequila
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·