DESIGNAID

Herramientas claves para representar tus ideas

Quitale el fondo rapidamente a tus imagenes con Photoshop.

pildora_psTrabajar con Photoshop es muy simple. sólo es cuestión de conocer las herramientas. Alguna vez has necesitado eliminar el fondo de una imagen para colocar tu imagen en otro fondo? si es asi no te preocupes que no es tan dificil…de hecho es bien fácil. Usaremos el comando de Extraer (Extract) para hacerlo en sólo 2 minutos. Para esta practica usé Photoshop CS, pero tú lo puedes hacer con cualquier versión de la misma forma. (Excepto en Photoshop CS4 ya que esta función es ahora un filtro opcional. Si tienes esta versión y necesitas usar el comando de extract debes descargar el plugin e instalarlo en tu Photoshop)

Hay algo mas maracucho que una cebra? no creo...

Hay algo mas maracucho que una cebra? no creo...

Empecemos….

PASO 1: Toma tu imagen y vete al menu FILTER > EXTRACT y te aparecerá una ventana nueva. Alli utiliza la herramienta de resaltar (el icono es como un marcador)

herramienta_resaltador_extr

Ahora usa esta herramienta y dibuja el contorno de los elementos que quieres mantener. Trata de generar tu trazo de manera que marque la zona que photoshop va a procesar. Fijate el grosor del trazo y la posición del trazo que uso para delinear la cebra:

cebra_resaltada1

PASO 2: Ya le dijiste a photoshop la zona del borde de la imagen, ahora dile cual es la zona que va a mantener intacta. Usa la herramienta del paint bucket (justo debajo del resaltador) y selecciona el area que quieres mantener. Ahora se ve algo asi:

Listo. lo que esta en azul se mantiene, las zonas verdes las recorta photoshop y lo demas es eliminado.

Listo. lo que esta en azul se mantiene, las zonas verdes las recorta photoshop y lo demas es eliminado.

PASO 3: ahora es cuestión de presionar el boton de OK y listo. La cebra esta ahora en un fondo transparente. Photoshop muestra los fondos transparentes en una cuadricula de blancos y grises, ahora puedes colocar a tu cebra sobre cualquier fondo.

También puedes modificar los trazos del resaltador usando las opciones que tienes del lado derecho de la ventana de extract. Estas opciones son simples de usar ya que te permiten controlar la visualización del trabajo asi como los trazos que haces.

Super fácil. No te tomaste el tiempo? tardamos como 1 minuto y 58 segundos en hacerlo… bueno… casi 2  😉

saludos.

Luis S.

31 comentarios»

  Vanessa wrote @

Profe, hay una opcion que es con la barita mágica ,si mal no recuerdo, el fondo se le quita con alguna herramienta de seleccion y la tecla alt sostenida, sin tener que ir dando clips con la barita, es decir lo quita todo de una vez automaticamente, es asi?

  Luis S. wrote @

Si vanessa. es el borrador magico. vamos a usarlo en la proxima practica. tambien es una forma simple de eliminar los fondos.

saludos.

Luis S.

  Nelson Raul Rincon wrote @

tambien pueden hacer un quick trace con el Pen tool y luego eliminar el fondo. ;p. pero el Pen es mas tedioso. creo.

  Vanessa wrote @

Profe, cuando pueda, explique por favor, como se pueden agrupar varias capas, para poder moverlas, en un solo bloque, si me lo explicaron pero, no recuerdo mucho,

  Nelson Raul Rincon wrote @

seleccionas las capas y le das «ctrl+g» y haces un folder donde puedes meter cuantas capas quieras y las mueves todas juntas (si seleccionas el folder)

Para unir las capas, las seleccionas todas y le das Ctrl+e.

  Luis Suarez wrote @

gracias por el dato nelson. las contribuciones como estas son las que ayudan 😉

saludos.

Luis S.

  Nelson Raul Rincon wrote @

Necesitamos un follow-up a los tips de photoshop :D!

  Vanessa wrote @

!!! Hay chamo gracias!!! tan bello 😉

  Iliana wrote @

Hola Luis, gracias por enseñar esta forma de quitar fondo, me quedo buenisimo, pero tengo otra pregunta, cuando ya tengo mi imagen sin el fondo la guardo y cuando la quiero montar sobre algun fondo en Corell me sale de nuevo el fondo blanco, que puedo hacer. Te agradeceria si me ayudaras.
Mil gracias.
Iliana

  Luis Suarez wrote @

Hola Iliana.

Gracias por escribirme.
La solucion es super simple y depende del formato del archivo. si usas las ultimas versiones de corel simplemente puedes salvar tu archivo en formato PSD de Photoshop y al importarlo en Corel tu puedes decidir cuales capas insertar en tu arte. (por supuesto debes tener un PSD por capas.) otro formato que tambien te puede ayudar ya que soporta transparencia es el formato TIFF que es muy utilizado en el trabajo impreso.

Espero te ayude.

Saludos.

Luis S.

  ivonne wrote @

hola fuemuy facil gracias ,, pero cuando acabo de seleccionar todo y aparece el fondo en cuadros pero despues como puedo cambiarle el fondo,,por el que yo kiera?

  Luis Suarez wrote @

Hola Ivonne.

claro que si. puedes colocar el fondo que tu quieras en una nueva capa.

saludos.

Luis S.

  Javier wrote @

Por mas que busco la opción extract en filter, no la encuentro… tengo adobe photoshop cs4, pero no encuentro esa opción, y varias tampoco salen, no salen esa varita magica que mencionan ni tampoco la herramienta lazo magnético. No se que pasa, ojalá pudieran ayudarme, gracias.

  Luis Suarez wrote @

Hola Javier.

Gracias por escribirme. no te tengo buenas noticias, la funcion de Extract fue removida por la gente de Adobe en la version CS4. pero no todo esta perdido: no la eliminaron solo la hicieron opcional. La puedes descargar para luego instalarla en tu Photoshop desde: http://www.adobe.com/support/downloads/detail.jsp?ftpID=4048
Muchos de nosotros estamos bastante molestos con Adobe por esto, pero por lo menos no la eliminaron del todo. :/

saludos.

Luis S.

  lily wrote @

una pregunta,,, tengo photoshop CS4 pero no encuentro la opcion varita magina, qisiera saber en donde la encuentro??,,, ya busqe pero no escuentro esa herramienta… gracias =)

  Luis Suarez wrote @

Hola Lily.

La varita magica ahora esta en el mismo sitio pero oculta en cs4. es el segundo boton de la segunda columna de herramientas. ahora tienes que mantener el click sostenido para verla.

saludos.

Luis S.

  lily wrote @

o.O woOw muchas gracias =) ya la encontre ;D

  Lili Cast wrote @

Yo ando en las mismas condiciones y no he conseguido una que me de un excelente acabado 😦

  yuyis wrote @

hola profesor, tengo una pequeña inquietud, quisiera que me regalara si es posible algunos ejercicios como el publicado en esta pagina para aprender y practicar.

de antemano muchas gracias por su colaboración.

  Luis Suarez wrote @

Hola yuyis.

Ejercicios preparados como tal no tengo, mas bien los voy creando por lo que ustedes en el blog y mis alumnos en clase me piden. Aunque tambien son cosas que se me ocurren en cualquier momento ;P si quieres aprender mucho mas sobre algun programa puedes buscar en el blogroll (ultima columna del blog) donde coloco vinculos a otras paginas interesantes para seguir aprendiendo. Tambien puedes buscar en google o tambien visitar Designaid de vez en cuando 😉

saludos.

Luis S.

  Andrea wrote @

Hola, quisiera saber como se puede quitar el fondo con el lazo poligonal, yo tengo cs4 y no tengo la opcion extraer.

  Luis Suarez wrote @

Hola Andrea.

Gracias por escribirme. no te tengo buenas noticias, la funcion de Extract fue removida por la gente de Adobe en la version CS4. pero no todo esta perdido: no la eliminaron solo la hicieron opcional. La puedes descargar para luego instalarla en tu Photoshop desde: http://www.adobe.com/support/downloads/detail.jsp?ftpID=4048
Muchos de nosotros estamos bastante molestos con Adobe por esto, pero por lo menos no la eliminaron del todo. :/

La herramienta de lazo poligonal te permite crear selecciones rectas, simplemente haz click dentro de las zonas que quieras seleccionar para marcarlas y crear tu seleccion. Ten en cuenta que hay varias maneras de crear selecciones asi que dependiendo de tu imagen tendras que seleccionar tu herramienta para trabajar mas rapidamente.

saludos.

Luis S.

  Lusmeli wrote @

quisiera saber como seleccionar la imagen para calarla despues que ya la tengo en un fondo que he diseñado.
Le agradeceria su respuesta 😉

  Luis Suárez wrote @

Hola Lusmeli. gracias por escribirme.

La unica manera de modificar tu imagen para cambiarle el tamaño es en Photoshop, por eso para web es necesario trabajar al mismo tiempo con Photoshop y Dreamweaver. Tambien puedes cambiarle el tamaño a la imagen usando hojas de estilo CSS pero muchas veces es preferible simplemente modificarla con Photoshop.
Con las CSS tambien puedes cambiarle la posicion a la imagen e incluso decirle que no se repita.

saludos! 🙂

Luis S.

  curioso wrote @

como puedo ajustar una imagen en un fondo de manera que esta tome la forma del fondo sin salir de ella?

  Luis Suarez wrote @

Hola curioso,

No entiendo mucho tu pregunta quieres modificar una imagen para ampliarla al tamaño del documento? o mejor dicho del canvas? si es asi lo puedes hacer con la herramienta de mover capa. con la herramienta seleccionada puedes cambiarle el tamaño a la capa donde estas trabajando y ajustarle el tamaño.

espero te ayude.

saludos.

Luis S.

  omiii wrote @

olaaa se puede haceeer cn el photoshop cs5?

  Luis S. wrote @

Hola Omiii

si claro. lo puedes hacer con cualquier version de photoshop. desde la version 6.0 hasta cs5

saludos.

Luis S.

  andrea wrote @

Hola, tengo cs4 y por desgracia no trae la opcion extract y muchas mas, descarge el pack de la pagina de adobe y lo instale pero sigo sin encontrar la opcion.
me pueden ayudar?

  Luis S. wrote @

Hola Andrea.

Gracias por escribirme. no te tengo buenas noticias, la funcion de Extract fue removida por la gente de Adobe en la version CS4. pero no todo esta perdido: no la eliminaron solo la hicieron opcional. La puedes descargar para luego instalarla en tu Photoshop desde: http://www.adobe.com/support/downloads/detail.jsp?ftpID=4048
Muchos de nosotros estamos bastante molestos con Adobe por esto, pero por lo menos no la eliminaron del todo. :/

saludos.

Luis S.

  nat urquiza wrote @

GENIIIOO!! ME QEDO CON UN POQITO DE BORDES! PERO NO IMPORTA, HACE 15 DIAS QE ESTOI INTENTANDO HACER ESTO I TU EXPLICACION ME AYUDO MUCHOO!! AHORA QIERO VER COMO PONERLE OTRO FONDO! JEJEJE, eternamente agradecidaaaa


Replica a Luis S. Cancelar la respuesta