Forest y Ance trabajan con una gran variedad de software y disfrutan compartiendo técnicas de programación y conocimientos con los demás.
Las imágenes con fondos blancos no se incorporan bien a las presentaciones, documentos u otros medios. Aprende a eliminar el fondo blanco de una imagen .jpeg utilizando las herramientas de Adobe Illustrator.
Stanley Dai vía Unsplash
Cómo hacer que un fondo blanco sea transparente
Recientemente me enfrenté al sencillo problema de eliminar un fondo blanco de una imagen .jpeg para un trabajo de desarrollo web que estaba realizando. Aunque sé cómo hacer esto en Photoshop, quería encontrar una manera de hacerlo en Adobe Illustrator para poder mantener mi flujo de trabajo confinado a un solo programa.
Hay muchos métodos para eliminar fondos de las imágenes, y este método es sólo uno que puedes aplicar dentro de Illustrator. Este método es efectivo para imágenes .jpeg simples, pero no tanto para fotografías. Si tienes una fotografía a la que quieres quitarle el fondo, quizá quieras ver este vídeo.
Esta es la imagen .jpeg de muestra que utilizaré para demostrar el proceso a efectos de este artículo.
Forest y Ance Kvasnikoff
Abre tu archivo .jpeg en Adobe Illustrator
- Abre Illustrator.
- Seleccione Archivo y luego Abrir y localice su archivo .jpeg.
- Selecciona Ver y luego Mostrar cuadrícula de transparencia.
- Seleccione Ventana y luego Trazado de imagen.
- Preajuste: Deje Predeterminado (esto puede cambiar a medida que realice cambios en otros ajustes).
- Ver: Seleccione Resultado de rastreo.
- Modo: Seleccione Color.
- Paleta: Seleccione Tono completo.
- Avanzado: Despliegue para mostrar la configuración avanzada y deje todas las opciones en su configuración predeterminada, excepto Método. Cambie el método a Colindancia (icono de la izquierda).
- Opciones: Marque Ajustar curvas a líneas e Ignorar blanco.
- Seleccione Trazar.
- Exporte el archivo como un .png seleccionando Archivo y luego Guardar como. Elija el sufijo .png en la ventana de guardado.
- Seleccione Archivo y luego Guardar para Web para guardar el archivo en formato .png.
Abre el archivo de imagen del que quieres eliminar el fondo.
Activar la cuadrícula de transparencia
Para que sea más fácil ver si realmente estás haciendo transparente el fondo de tu .jpeg, haz lo siguiente:
La cuadrícula de transparencia te permitirá ver qué áreas de tu imagen son realmente transparentes en contraposición al blanco.
Forest y Ance Kvasnikoff
Prepárate para trazar tu imagen
Ahora tendrás que abrir una ventana de trazado para hacer tu trabajo.
La herramienta de rastreo de imágenes puede ayudarte a aislar el sujeto de tu imagen de su fondo blanco.
Forest y Ance Kvasnikoff
Configuración del rastreo
Para crear un rastreo que elimine el fondo blanco de su .jpeg, elija la siguiente configuración en su ventana de rastreo:
Nota: Puede marcar Vista previa antes de trazar para ver cómo afectará cada ajuste a su imagen.
Asegúrate de elegir los ajustes correctos antes de trazar tu imagen.
Forest y Ance Kvasnikoff
Revisa tu imagen y guarda
Ahora deberías tener una imagen con fondo transparente. Para guardar su imagen sin fondo, haga una de las siguientes cosas:
Nota: Otros formatos de archivo que admiten fondos transparentes son .gif, .bmp y .tiff.
Asegúrate de no guardar tu imagen como .jpeg. Eso le dará un nuevo fondo blanco una vez que se exporte!
Forest y Ance Kvasnikoff
¡Adiós al fondo!
Todas las imágenes .jpeg no rectangulares tienen un color de fondo, normalmente blanco. Cuando se utilizan estas imágenes en documentos, páginas web o presentaciones que no tienen fondos blancos en sí mismos, éstos pueden ser molestos, distraen y son francamente poco profesionales. Espero que esta guía le haya ayudado a modificar sus imágenes .jpeg para que puedan añadir, en lugar de restar, la calidad de sus medios.¡
© 2015 Forest y Ance Kvasnikoff
Rose el 13 de febrero de 2020:
¿Funcionó en un par de imágenes pero no en otras?
Julia el 29 de noviembre de 2019:
¡Hola! Esto funcionó la primera vez pero ahora se guardan tan pixeladas! Cualquier ayuda sería genial.
Danny el 04 de octubre de 2019:
¿Quién más es de la clase de La rue?
McKenna el 25 de junio de 2019:
¡Así de útil!!!
Amir Ghafari el 08 de octubre de 2018:
Muchas gracias
Jojo el 30 de agosto de 2018:
¡Muchas gracias!!! 🙂
Erica el 12 de abril de 2018:
Sigo teniendo algunos problemas porque mi logo tiene blanco por lo que el trazado está detectando el blanco y cuando se completa el trazado hay una línea que va en línea recta por el centro de donde está el blanco en el logo. Alguna sugerencia de cómo ajustar los parámetro de trazado para que no detecte el blanco en el logo?
Erin Riley el 26 de marzo de 2018:
¡Eres un malote! Muchas gracias!!!
ricben el 18 de marzo de 2018:
Yo también tengo que aportar mi agradecimiento. He estado buscando opciones y probando lo que otros han sugerido con algo de éxito pero NADA se acercaba a lo bien que funcionaba esto.
He pasado horas y acabas de ahorrarme incontables horas en adelante. Gracias MUCHO!
MOBEEN el 10 de febrero de 2018:
¡GRACIAS MUCHO . ¡¡¡Its helped me in my business
The Chosen One on January 09, 2018:
OMGGG this helps a lott!!! ¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡Thaaaanks.~~
Elsa el 20 de diciembre de 2017:
MUCHAS GRACIAS!!!!!!!!!!!!!!!!!!!
waro el 15 de octubre de 2017:
muchas gracias
Ducky el 18 de septiembre de 2017:
Muchas gracias
Ashley el 02 de agosto de 2017:
¡Impresionante muchas gracias!!
Bri el 17 de julio de 2017:
No funciona. Me estropea la imagen en sí y no coge un corte claro en nada.
Dave el 17 de junio de 2017:
¡Gracias Bro, estaba empezando a estar realmente p-o’d y a punto de golpear la pantalla de mi ordenador antes de encontrarme con esto!
Jim el 06 de junio de 2017:
¡Gracias!
JASKJosh el 12 de mayo de 2017:
¡Perfecto gracias!
Awful Grace el 11 de mayo de 2017:
¡Excelente!!! Funciona. Gracias!!
Tiffany el 20 de marzo de 2017:
El tutorial más fácil – gracias!
Nicholas el 07 de marzo de 2017:
Gracias, pero mi opinión, tengo la forma más fácil.
1. Selecciona la imagen
2. Haz clic en «Opacidad»
3. Cambia la «Normal» por «Oscurecer» o «Multiplicar»
4. Tada
5. De nada
JEFFREY el 21 de febrero de 2017:
No encuentro la función de trazado de imágenes en mi menú…
¡El tipo que lo hacía todo mal!!! el 12 de enero de 2017:
DUDE… HOLY BAWLS, me acabas de ahorrar una cantidad de tiempo indescriptible…. He estado usando la herramienta de punto de anclaje todo este tiempo.. Quiero abrazarte.
Mark el 28 de octubre de 2016:
¡Forest! Gracias por la ayuda. ¡Nunca vienes a visitarnos a Seldovia!
Kat el 28 de octubre de 2016:
¡Esto me ayudó TANTO! ¡Thank you tons!
martin on October 24, 2016:
Estoy probando esto pero con un fondo negro y me cuesta, ¿algún consejo?
Jawhar Petersen on October 18, 2016:
¡Impresionante, me ahorró algo de tiempo en tratar de resolverlo! gran tutorial!
deepsea el 16 de octubre de 2016:
muy buena ayuda – me ha funcionado
Gracias
Dave el 13 de octubre de 2016:
Como usuario poco frecuente de Illustrator esto fue una gran ayuda para sacar el texto de una capa psd y ponerlo en un svg. Aunque parece bastante simple y sencillo, había gastado demasiado tiempo en este esfuerzo antes de encontrarme con este post.
¡Muchas gracias!
Linda el 05 de octubre de 2016:
Maravilloso tutorial, me ha hecho la vida mucho más fácil….
Gracias
Clipping Path India de Reino Unido el 27 de septiembre de 2016:
Es sólo para imágenes específicas.. como la tuya. Gracias por el tutorial!
momo el 15 de septiembre de 2016:
Esto fue genial pero cuando intento copiar y pegar la imagen en otro lugar no aparece
Lara el 09 de septiembre de 2016:
Gracias – realmente hermoso!
Laura el 19 de agosto de 2016:
¡Grandioso – gracias!¡
Jacquelyn el 02 de agosto de 2016:
¡Muchas gracias!
… el 20 de marzo de 2016:
¡Gracias !!… extremadamente útil
Sume el 05 de octubre de 2015:
¡Tu tutorial fue el mejor absoluto en comparación con cualquier otro en línea! Gran trabajo.