Editar Fondo Blanco de una Imagen [TUTORIAL]

[Eloy58]

Holas Amig@s Intercambios@s

En algunas ocasiones cuando buscamos alguna imagen para complementar y/o adornar nuestros post´s nos encontramos con que éstas "casi siempre son las mejores ... jajaja", vienen con un fondo blanco que habitualmente suelen afear el resultado y no nos sirve para nada.

En el siguiente tutorial vamos a ver como cambiar ese fondo blanco por uno transparente a las imágenes que así lo necesiten.

Para empezar les diré que yo para estas ocasiones suelo usar el editor Photofiltre que consume muchos menos recursos que Photoshop, lo que me permite tenerlo abierto permanentemente y para esto sirve perfectamente, así como para redimensionar las imágenes que sean mayores de 640 px de ancho que es el máximo que permite el Foro sin que nos ponga el cartelito de redimensionado, "que también afea, jajaja".

En cualquier caso los pasos a seguir son similares en Photoshop, por lo que se puede seguir el tutorial, si es el que usan ustedes, salvando las diferencias claro.

Para este tutorial usaremos la imagen de arriba que he descargado de la web y me parece de lo más apropiada.

Empezaremos por cargar la imagen en Photofiltre, bien arrastrandola hasta el programa o desde el menú -> Archivo/Abrir si la tenemos en una carpeta o, copiándola directamente desde aquí y pegandola en el programa: Botón derecho/ Pegar como nueva imagen, también nos permite pegar una imagen desde otro programa, por ejemplo de un capturador de pantalla.

Lo primero que haremos es duplicar el Fondo, creando una nueva capa: Capa1 ...

A continuación deshabilitamos la vista de la capa Fondo, esto se hace porque con el fondo no trabajaremos ya que no nos permite ciertos ajustes que si se pueden desde las capas superiores, además es conveniente tener siempre la imagen original reservada.

Una vez hecho esto, cojemos la varita mágica, seleccionamos la capa visible Capa1 y nos aseguraremos que los valores de Tolerancia esten en 30, si se nos cuela al hacer la selección en los colores adyacentes al blanco lo podemos bajar a 20 o menos y la casilla Color sin marcar y pinchamos en el fondo blanco para seleccionarlo.

Seguidamente presionamos la tecla Suprimir y veremos como desaparece el fondo blanco y queda transparente, aunque quedarán aún algunos huecos internos en blanco que deberemos ir seleccionando con la varita y presionando la tecla suprimir hasta que desaparezca todo lo que no nos valga, si es necesario con la ruleta del ratón podemos aumentar o reducir la vista de la imagen.

Cuando hayamos acabado la guardaremos como archivo .png (aconsejable) o .gif, que son los formatos que permiten transparencias, también lo podemos guardar con el formato del programa .pfi, si aún no hemos terminado de editar y queremos continuar más tarde.

Básicamente eso sería todo, la práctica hará el resto ... si tienen alguna consulta no duden en hacerla.

NOTA: Cuando tenga otro rato les enseñaré algunos trucos que nunca vienen mal, sobre todo a los menos experimentados, mientras pueden ir poniendo en practica lo aprendido si así lo desean.

Saludos.

[Eloy58]

TRUQUILLOS

Bueno Amig@s como les prometí voy a enseñarles algunos de los truquillos que yo uso con este programa, son todos muy sencillos de hacer una vez se sabe como funcionan y que herramientas utilizar,

Empezaré por explicar por qué duplico la capa FONDO, ya que me lo han consultado.

Como dije en el Tutorial de comienzo, la capa FONDO no nos permite hacer algunas cosas que en ocasiones nos harán falta, lo van a ver en el siguiente ejemplo:

Para aquell@s que hayan estado trasteando con el programa se habrán fijado que para quitar el fondo blanco u otro color, siempre que sea liso, existen otras herramientas que pueden actuar sobre la capa FONDO de forma directa, si abren el menú Imagen casi abajo del todo verán dos herramientas: Color transparente y Transparencia automática.

Con la primera: Color transparente, desde la ventana de controles que nos sale, nos permite algunos ajustes como: la elección del color, la tolerancia (con 30 suele ser suficiente) y un botón de Vista previa, el problema radica que lo hace sobre toda la imagen, por lo que si hay colores claros o blancos en el interior del motivo que queremos conservar, no podemos controlarlos, es decir lo borraría también.

Con la segunda: Transparencia automática, nos ofrece dos opciones:

Selección exterior, que nos dejaría el color blanco y eliminaría el motivo (en ocasiones nos puede ser útil).

y Selección interior que nos dejaría el motivo

Seguramente esten pensando que con eso les basta y no les falta razón, en una gran mayoría de casos les bastará si la imagen va destinada por ejemplo a un blog o un post del Foro, pero si la imagen o motivo va destinado a un montaje con otras imágenes, por ejemplo para integrarla en otro FONDO, se darán cuenta que no tienen control sobre ella y veremos bordes blancos y otras imperfecciones ...

... o si queremos añadirle una sombra, no nos lo permite.

(Además y no me pregunten porque, pero estas herramientas no funcionan con todas las imágenes, si lo descubren diganmeló porfavor)

Entonces volvamos al Tutorial del inicio, al primero, pero con un truquillo más.

Así es como lo hago yo siempre, sea para un montaje o para el FORO:

Una vez que tenemos abierta la imagen, duplicamos la capa FONDO y deshabilitamos la vista de la capa FONDO como ya expliqué, marcamos la Capa1 y con la varita mágica seleccionamos el fondo blanco pero en esta ocasión presionamos la tecla Ctrl y seleccionamos los blancos que están internos del motivo también...

...antes de suprimir/borrar el fondo blanco nos vamos a ir al menú: Selección y pinchamos en Expandir, ajustamos el Ancho a 1, 2 max y pinchamos en Aceptar, con esto conseguimos ajustar al máximo la selección al motivo y evitará que salgan imperfecciones como los bordes blancos...

... si queremos darle sombra, hacemos doble click encima de la Capa1, marcamos la casilla y ajustamos el tamaño, intensidad y color en la ventana de ajustes que sale.

Hasta aquí el primero de los truquillos, en el siguiente veremos como hacer esto mismo pero en una imagen mas suave "menos contrastada", espero hacerlo en breve.

Que ustedes lo practiquen bien ... Un saludo.

[baduser]

Lo esperaba con ansias ELoy, muchas gracias !!!!!

[Hunted]

Gracias Don Eloy--- me hacía falta ese tutorial... Salu2

PD. ¿Es muy difícil con PS?

[Eloy58]

Iniciado por baduser Lo esperaba con ansias ELoy, muchas gracias !!!!!

Iniciado por Hunted Gracias Don Eloy--- me hacía falta ese tutorial... Salu2 PD. ¿Es muy difícil con PS?

Pues HALA a Practicar ... jajajaja


Es igual de fácil que con este amigo Hunted, de hecho puedes seguir el tutorial con Photoshop porque se hace igual.

Saludos.

[Felina05]

Excelente tutorial Eloy, yo esto lo hago siempre con Photoshop (varita mágica y demás!).
Pero éste programa que indicas no lo conocía y se ve muy bueno, lo voy a probar!

Gracias!!!

[Eloy58]

Iniciado por Felina05 Excelente tutorial Eloy, yo esto lo hago siempre con Photoshop (varita mágica y demás!). Pero éste programa que indicas no lo conocía y se ve muy bueno, lo voy a probar! Gracias!!!

Pruébalo te va a gustar y apenas gasta recursos ... obiamente para algunas cosas de más calidad sigo usando Photoshop pero para diario este y no lo cambio ... llevo usándolo desde su versión gratuita hace ya 8 años aprox.

SAludos.

[carmen10]

Muchas gracias Eloy

[cramercaba]

[VJEVans]

Exlenteee a practicar .. Gracias master