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.

Selecciones Avanzadas en Photoshop

Tema en 'Tutoriales Desarrollo Web' iniciado por kitsch, 21 Nov 2007.

  1. kitsch

    kitsch Nuevo usuario

    Bien, algo que es sumamente básico en el uso de Photoshop son las selecciones, existen muchas, muchas formas de hacer selecciones y posteriormente mascaras o viceversa, el detalle es que aunque tenemos muchas herramientas mucho muy avanzadas en Photoshop las cuales se mejoran con cada versión, no hacen nada por si solas y es particularmente difícil hacer una buena mascara o una buena selección.

    El método mas básico es sin duda la herramienta Selección Cuadrada (tecla m) y Selección Circular (shift+tecla m), para cosas un tanto mas complejas existen las herramientas de Lazo Poligonal (tecla l) y Lazo a Mano alzada (shif+tecla l), incluso contamos con la herramienta Varita Mágica (tecla w) e incluso la nueva herramienta Quick Selection (Solo CS3 shift+ tecla w). Muchos usuarios con esto se avientan a hacer sus recortes, mascaras y demás procesos para sus fotomontajes y foto manipulaciones, los más ávidos y un poco más experimentados comienzan a trabajar con las “mascaras rapidas” (tecla q) y ya utilizan brushes y filtros para hacer selecciones, aunque aun así muchas veces quedan lejos del resultado deseado y caen en el “cortón” de algún lugar de la imagen, sobre todo si es un retrato y manejamos cabello.

    Bien, este tutorial pretende mostrarnos otra forma para hacer mascaras y selecciones, la selección por canales; algo a lo que muchos usuarios no le entran por miedo o desconocimiento. La selección por canal y los ajustes de color para selección permiten hacer cosas realmente sorprendentes en cuanto a mascaras. Por ejemplo la siguiente imagen:

    <img src="http://img266.imageshack.us/img266/7947/pok1en8.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    Original

    <img src="http://img514.imageshack.us/img514/558/pokfro0.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    Fotomontaje con mascaras.

    <a href="http://imageshack.us" target="_blank"><img src="http://img266.imageshack.us/img266/3691/compqz2.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Detalle de la mascara

    Como verán en la imagen a detalle, el cabello queda intacto, se respetan hasta los cabellos fuera de peinado y las transparencias en las zonas de medios tonos cerca del mentón de la modelo. Pues bien, en este tutorial intentare explicar como lograr este tipo de montajes con el panel de Canales, el perfecto uso de Niveles y Curvas y un poco de retoque digital.

    Este tutorial a diferencia de otros que he hecho, lo partiré en dos secciones y utilizare dos imágenes distintas para cada sección, pues explicare dos cosas aunque similares, son de diferente resultado y varia un poco el proceso. Recuerden, cualquier duda en el foro se atienden ;)

    Selección de Cuerpo completo

    Antes que nada, honor a quien honor merece; la foto que utilice para el ejemplo es de stock y pertenece a: <a href="http://periwinkle-stock.deviantart.com" target="_blank">http://periwinkle-stock.deviantart.com</a>, hay buenas imágenes ahí para practicar, stock recomendado.

    Bueno nuestra imagen es la siguiente:

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/5813/sec1ahw6.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Imagen Original

    Primero que nada, entre mejor este nuestra imagen, mejor será el resultado, razón por la cual pasaremos a hacer correcciones básicas de la imagen.

    *. Empezamos por una mascara de enfoque, para realizarla vamos a Filter>Sharpen>Smart Sharpen…

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/2018/sec1bbh5.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Valores de la mascara

    Estos valores pueden variar dependiendo de la imagen que utilicemos, muchas veces será mejor la cantidad de enfoque y algunos casos mucho mayor. La idea es que se definan bien los bordes de los objetos, en este caso basto 1 pixel con eliminación de desenfoque gaussian.

    *. Ahora a corregir el color, existen muchos métodos sin embargo yo soy partidario del panel de Niveles y de las Curvas, dejo unas capturas del ajuste de los niveles que hice para obtener el color que necesitamos para nuestra mascara:

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/9305/sec1c1ih4.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Canal Rojo

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/3065/sec1c2vb2.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Canal Verde

    <a href="http://imageshack.us" target="_blank"><img src="http://img266.imageshack.us/img266/9244/sec1c3dl5.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Canal Azul

    <a href="http://imageshack.us" target="_blank"><img src="http://img266.imageshack.us/img266/6412/sec1doc9.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Resultado

    *. Duplicamos la capa (ctrl.+j)

    Bien, ahora comienza lo difícil y lo llamo de esta manera por que es donde ingresaremos al detalle de las mascaras por canales. Abrimos nuestro panel de Canales (channels) el cual esta generalmente aun lado de la ventana de capas (layers), desactivamos la vista de RGB y activamos una por una todas las vistas de cada canal ¿Para que? Bien es para escoger cual canal nos servirá para efectos de nuestra selección.

    Yo utilice el canal rojo, que es más claro de la imagen, utilizo este porque contrastara de forma casi perfecta al momento de los ajustes, por la cantidad de contrastes y el gran balance entre blancos y negros.

    *. Una vez que ya seleccione el canal que utilizare, selecciono el canal rojo y con el botón derecho del ratón, del menú contextual seleccionamos “Duplicate Channel” (duplicar capa).

    *. Ahora con la capa Rojo copia aun seleccionada, hacemos una selección de todo el canal (ctrl.+ a), despues ctrl + c y ctrl + v.
    <b>Editado: parece que en algunas versiones de PS, es necesario copia y pegar el canal en la misma capa para que el Fade funcione.</b>

    *. Vamos a Edit>Fade… (shift+ctrl.+f)

    *. Escogemos el modo “screen” con opacidad del 64%

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/7107/sec1ebb8.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Transición del canal rojo.

    *. El siguiente paso puede que sea el mas complejo de todo el proceso, y consta en obscurecer y aclarar nuestra imagen con dos de las herramientas más potentes del Photoshop, Subexponer y Sobrexponer. Con estas herramientas lo que haremos es obscurecer e iluminar de modo que solo tengamos en oscuro el objeto que queremos enmascarar, para esto con la herramienta subexponer obscureceremos lo que nos interesa y con la herramienta sobrexponer aclararemos hasta dejar en blanco lo que nos sirve de nuestra imagen.

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/5076/sec1fkl7.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Separando objetos


    En cada parte del proceso podemos apoyarnos en curvas y niveles para acelerar el proceso. Trabajaremos en esto hasta tener el siguiente resultado:

    <a href="http://imageshack.us" target="_blank"><img src="http://img266.imageshack.us/img266/2703/sec1gmt4.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Resultado de obscurecer y aclarar

    *. Con nuestra selección finalizada, activamos la vista RGB y regresamos al panel de Capas.

    *. Vamos a Selection>Load Selection… y seleccionamos el Canal Rojo Copia

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/2097/sec1hjn0.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Cargar Selección.

    *. Con la selección ya cargada, presionamos el botón “Add Layer Mask” del panel de Capas.

    *. Seleccionamos la imagen pequeña de la mascara y presionamos ctrl. + i para invertir la selección y obtener así una mascara de el fondo y que nuestro objeto principal se mantenga visible.

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/4126/sec1irk2.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Mascara Activa.

    Por ultimo agregue un fondo verde tipo “green screen” para que se vea los detalles, además de que este color se presta para después de cambiarlo a placer.

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/7508/sec1detallepz7.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Detalle

    <a href="http://imageshack.us" target="_blank"><img src="http://img514.imageshack.us/img514/564/sec1finalkg7.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>
    Mascara visible

    Pues con esto termino este tutorial en su primera parte, en el próximo (hoy ya se me vino el tiempo encima) tratare más a detalle con retratos de cabello volando u otro tipo de selecciones.

    Repito para dudas y demás, todas las consultas se realizan en el foro.

    Saludos ;)
     
  2.  
  3. Darkman

    Darkman Nuevo usuario

    Muy bueno kitsch! Gracias!
     
  4. MarcelaP

    MarcelaP Justo a mi me tocó ser yo?

    Buenísimo, hay cosas en el tuto que nunca apliqué, voy a probarlo. Justo le pedía explicaciones a Slegnama en otro post sobre cómo había realizado un recorte de pelo al viento que le quedó bárbaro.
     
  5. kon

    kon Nuevo usuario

    Gracias por el aporte
     
  6. akhkham

    akhkham No hay tarea tan simple que no pueda hacerse mal

    Muy bueno kitsch, gracias por el tuto
     
  7. elQuique

    elQuique Usuario activo

    Excelentopudus !!
     
  8. eraok

    eraok Nuevo usuario

    ojala que me pudieran ayudar

    tengo un problema en este punto me aparece deshabilitada la opcion de transicion
    y no se como o que estoy haciendo mal
    <!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->Vamos a Edit>Fade… (shift+ctrl.+f)<!--QuoteEnd--></div><!--QuoteEEnd-->

    gracias por la ayuda
     
  9. kitsch

    kitsch Nuevo usuario

    Es simple tienes que tener seleccionado todo el canal, Ctrl + A y listo
     
  10. eraok

    eraok Nuevo usuario

    que pena me da sigo con el problema

    te mando una cap

    para ver si me puedes orientar ya lo hice como dice tu tuto pero eso nomas no puedo


    <img src="http://img255.imageshack.us/img255/9286/malvx4.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />




    gracias y una disculpa
     
  11. kitsch

    kitsch Nuevo usuario

    Primero, recuerda respetar las medidas del foro y segundo, parece que cometi un error en el tuto, omiti que hay que copiar y pegar el canal en la misma capa. Lo raro es que el CS3 No tube que hacerlo, en fin, edito el tuto para evitar cosas.

    Despues de seleccionado el canal, presiona ctrl+c para copiar y ctrl + v para pegar, despues continua de forma normal.
     
  12. diabolik

    diabolik Nuevo usuario

    <b>Exelente tu tutorial <!--coloro:#FFCC33--><span style="color:#FFCC33"><!--/coloro-->"kitsch"<!--colorc--></span><!--/colorc--> espero con ansias la segunda parte esto la verdad que sirve de pelos porque uno recorta lo mas prolijo que puede pero siempre queda algo de defecto yo recorto con la forma de edicion de mascara o algo haci que creo que una de las mejores formas para recorte mas exigente pero creo que esta la supero ¿cierto? bueno se te agradece el aporte y como ya te dije espero el sugundo tuto, saludos...<!--coloro:#CC0000--><span style="color:#CC0000"><!--/coloro-->Diabolik®<!--colorc--></span><!--/colorc--></b>
     
  13. Renovatiom

    Renovatiom Nuevo usuario

    HOla ,Me llamo Ignacio y es la primera vez que me dirijo al foro , espero haber seguido el protocolo , mi duda es la siguiente , tengo la version extendida cs3 pero en español. , x si sirve de algo

    *Lo primero como comento el forero respecto a que no le daba la posibilidad de abrir el panel de Edit> Fade ( Transicion ) , k por lo visto necesita copiar la capa , yo segui los pasos y Kisth se te pasaria , pero yo teniendo la version cs3 tb tuve k hacerlo. , x cierto en modo Screen , la verda k en spañol es Pantalla , pero sigo sin saber cual modo es el k aparece , cual es su traduccion en español ¿?¿ Pruebo las pestañas para ver si tengo suerte y me sale por descarte pero son similiares

    * En la mascara de enfoque , no se puede eliminar el desefoque gaussiano , pero sin embargo aparece el valor " Umbral " , debo modificar ese valor en sustitucion del d.g ¿?

    *Soy novato en el cs3 y todavia no lo domino del todo , como por ejemplo en la capa niveles , yo debo de dirigirme a historigrama , abri el menu expandido y asi si me sale un grafico , pero no me permite modificar valores , no me sale una tabla parecida a la k expones como se haria ?


    Bueno Kisth espero que no te ha sido pesada con tanta preguntita tonta , jeje se agradeciria una respuesta y sobretodo el tutorial que esta muy chulo , ya aprovechando , me gustaria saber si ai x el foro algun tutorial de Pinkart , realmente no se como se dice , por eso no me atrevo a poner un post en otro lado , me refiero a lo fusionar una chica con fantasia... no se si me entendistes . Bueno Muchisimas gracias :clapping:
     
  14. elQuique

    elQuique Usuario activo

    Renovatiom, bienvenido al foro
     
  15. Renovatiom

    Renovatiom Nuevo usuario

    gracias kike por tu acogedor recibimiento , respeto a mi pregunta a KIsth , como conseguir llegar al panel de niveles para modficiar los valores , lo consegui gracias al comando COntrol + L , asi k si k alguien me puede decir el Modo Screen en el modo Español a que ekivale , seria de agradeceer , chao y gracias de nuevo
     
  16. kitsch

    kitsch Nuevo usuario

    Aunque la traduccion es bastante mala de hecho no tiene nada que ver, Screen en su version en español aparece como Trama.

    Saludos
     
  17. Soda Stereo

    Soda Stereo Nuevo usuario

    Bueno acá muestro lo que hice del tutorial de Kitsch, y el resultado no fue como él lo ha hecho :( , quisiera saber que me faltó hacer.... en que me equivoque.

    Primero muestro la foto que él edito :clapping:

    <img src="http://img119.imageshack.us/img119/6240/cabelloss4.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    La que yo edité

    <img src="http://img215.imageshack.us/img215/8386/76649429vw0.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Creo que la diferencia es grandisima <_<
     
  18. arthurho

    arthurho Nuevo usuario

    quisiera saber como se hace para recortar una imagen perfectamente y si hay unos pelitos volando que no se borren o se distorciones pliz...... contestenme
     
  19. Soda Stereo

    Soda Stereo Nuevo usuario

    La mejor herramienta para recortar una imagen perfectamente es el trazado, no hay mejor forma que eso... al menos para mi, ahora cuando se trata de cabellos, ahí ya es muchisimo más complicado, casualmente hay un topic donde hay un tuto que te explica como recortar cabellos "casi" perfectamente.

    <b>La herramienta de trazado es esta:</b>

    <a href="http://img211.imageshack.us/img211/4480/muestraqj2.jpg" target="_blank"><img src="http://img88.imageshack.us/img88/8017/muestrapresshk7.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    Espero que te sirva para lo que queres hacer :)
     
  20. Darkman

    Darkman Nuevo usuario

    arthurho usa la opción de búsqueda del foro, esta misma pregunta se hace casi todos los meses.
     
  21. elQuique

    elQuique Usuario activo

    arthurho uni tu post con el que estaba abajo inmediato, ya que habla justo de lo que pedías, debes usar mas el buscador tal como dice Darkman
     


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


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·