Entre Códigos


El blog de Rubén Cantón

Éste blog utiliza cookies. El agua moja. Rajoy es tonto. El gobierno me obliga a decir éstas cosas tan obvias. Si no estas de acuerdo con el uso de cookies, no visites éste blog.

greyimg

Fondo o color transparente en Photoshop

Escrito por Ruben Cantón el Thursday, 26 de April del 2007
Más del mismo tema: disenyo, taller

¿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.

Ya hay 13 comentarios. ¡Falta el tuyo!

Escríbe aquí tu opinión

Nombre (necesario)

Email (no se mostrará)

Web (opcional)

mygif
May 5th, 2008 at 3:54 pm

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

mygif
2. Cristian
February 12th, 2009 at 9:06 am

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!!!
:D DD

mygif
3. Jorge
March 18th, 2009 at 3:57 pm

me sirvío amigos muchas gracias

mygif
October 31st, 2009 at 6:54 am

como aser una imagen tr
asparente

mygif
5. Antligen
November 20th, 2009 at 2:04 pm

¿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

mygif
November 20th, 2009 at 7:21 pm

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 :)

mygif
7. ANGIE
September 8th, 2011 at 1:03 am

OYE NO PUDE POR QUE YO TENGO EL CS4 Y NO LO PUDE EXPORTAR COMO TU DICES COMO LE PUEDO HACER

mygif
8. Rutxi
October 25th, 2011 at 8:36 pm

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

mygif
9. Camy
January 16th, 2012 at 4:09 am

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 !

mygif
10. Ruben
February 8th, 2012 at 3:26 pm

Mucha macana hay otra forma mas facil en este link que les dejo chequenlo. http://zonapwg.forocreacion.com/t154-fondo-transparente-con-el-photoshop

mygif
11. carmen
February 28th, 2012 at 10:31 pm

qlg!!…….YA SE PUDO….BUEN LINK

mygif
12. Kanela
March 3rd, 2012 at 2:21 am

…si acoplo las capas.. la animación se elimina.. no entiendo.. :S

mygif
13. yoselin palma campos
March 12th, 2012 at 5:51 pm

nesecito ayuda

Escríbe aquí tu opinión

Nombre (necesario)

Email (no se mostrará)

Web (opcional)

¿Quieres más?

Temas del blog

Busca por Entre Códigos

 

Categorías

Últimos comentarios

Últimos artículos

Blogroll

Centinelas carmesíes

Cerebros en fuga

Mis proyectos