Fondo o color transparente en Photoshop

¿Te ha pasado mas de una vez que a la hora de poner un color transparente a una imagen no recuerdas como hacerlo y te pones a buscar por Google como un desesperado? ¡Que sería de nosotros sin Google!

Llevo años haciendo gifs con fondo transparente, pero ojo, no soy un experto, además de haber usado (como todos) los ciento un mil programas de edición fotográfica y las 9 versiones de Photoshop que solo se parecen en el nombre, ¿Alguien sabe porqué cambian los menús en cada versión si a fin de cuentas son lo mismo?, no suelo hacer muchos gifs animados o transparentes y para uno que hago al año siempre olvido como se hacía.

Finalmente he decidido, por lo menos, apuntármelo en mi blog (¡nótese la etiqueta transparente en este artículo!), estaba por apuntarlo en la agenda pero seguro que luego me cuesta mas encontrarlo… y eso si no la tiro.

Empecemos. Para poder convertir el fondo de una imagen, o un color de la misma en transparente, basta con ir al menú Imagen -> Modo -> Color indexado.

Si tienes capas vas a tener que acoplarlas para poder seguir adelante, y tras eso, te sale el menú de opciones de conversión.

Tras aceptar, nos vamos al menú Archivo -> Exportar -> Exportar a Gif89a… y seleccionamos con el cuentagotas el color que queremos sea transparente antes de guardar.


Translate to English

Como ejemplo os dejo el gif que he hecho para linkar la traducción del blog al inglés.

13 thoughts on “Fondo o color transparente en Photoshop”

  1. En photoshop CS, la opción que yo gasto es:

    Una vez que tengo la imagen creada, voy al menu archivo->guardar para web… Y en la pantalla que tenemos con la pestaña “optimizada”, elijo “Ajuste predefinido” Gif 128 bits con tramado y ajuste web al 100%. Tras esto, selecciono el color que quiero que sea transparente y presiono el segundo icono que hay en la pestaña “tabla de colores”, justo en el borde inferior. Lo encontraréis rápido porque es un cuadrado que tiene como fondo la trama de transparente. Tras todo esto, guardais la imagen y ya la tenéis con fondo transparente.

    Un saludo

  2. Muy buen dato, Jonathan. Me resulto al toque.
    No hubo forma de lograrlo directamente dentro del CS4, asi que lo deje hasta ahi. Ya me estaba empezando a desesperar.

    Ni los capos de los foros de diseño dieron con una respuesta tan rapida y facil!!!
    :DDD

  3. ¿Alguien sabe si se puede perfilar del color sólido al transparente o tengo que poner en lugar del color transparente el color que habrá de fondo donde coloque el gif?. Es que esto tampoco me serviría porque el fondo donde está el gif es un degradado

  4. Si lo que quieres es hacer degradados también se puede pero existe otro truco para eso que requiere usar el modo de “Máscara rápida”, es mejor que lo busques en Google :)

  5. Jonathan, gracias por tu aporte, llevaba unos días desesperada y en un minuto, solucionado!!!! Gracias

  6. hola quisiera que me pusieras el fonto trasparente que se hace con photoshop para hacer imagenes png en photoscape porfavor asi me podria editar algunas imagenes en png Gracias !

Comments are closed.