Formato para imagenes sin fondo

El primer paso es aislar la imagen que quieres en su propia capa. Puedes conseguirlo duplicando la imagen de fondo en una nueva capa, rellenando el fondo con un color sólido que contraste mientras trabajas, y luego borrando o -mejor aún- enmascarando la parte de la imagen que quieres que sea transparente. Me gusta usar una máscara de capa porque ofrece más control que simplemente borrar la información que forma la imagen.

Una vez que la capa muestra sólo la parte de la imagen que quieres conservar, es el momento de hacer desaparecer el fondo. No basta con hacer que el fondo sea blanco o negro o de cualquier otro color, sino que tiene que ser transparente antes de guardarlo. Así que para lograr esto, tienes que eliminar la capa de fondo por completo.

Mira en el panel de capas para ver qué capa está activa. La capa activa se indica con un sutil resaltado. Haz clic en la capa de fondo para activarla y, a continuación, simplemente haz clic en el icono de la papelera situado en la parte inferior derecha del panel Capas para eliminarla.

Puede que estés acostumbrado a guardar los archivos de imagen para la web como JPEG, pero los JPEG no admiten fondos transparentes. Así que, en su lugar, tendrás que utilizar un formato como GIF, TIF o, idealmente, PNG. El archivo PNG es lo suficientemente pequeño como para utilizarlo en línea, pero también ofrece una alta calidad con transparencia. Si tu imagen es un logotipo de estilo texto, puedes estar bien con un GIF, pero para una fotografía de tono continuo, te vendrá mejor el PNG.

Si utilizas una captura de pantalla o una imagen PNG, ésta tendrá por defecto un fondo transparente. Si utilizas un JPG u otro formato de archivo, tendrás que ajustar primero el color del fondo en el editor de Snagit o, de lo contrario, será blanco por defecto en lugar de transparente. Hemos recopilado algunos datos sobre los entresijos de los tres principales formatos de imagen para el diseño web con el fin de ayudarte a hacer tu trabajo de forma más rápida y sencilla.

El formato de archivo .PNG es el que utilizamos con más frecuencia en los proyectos de diseño digital. El .PNG, o Portable Network Graphic, tiende a tener un tamaño de archivo mayor que los otros dos formatos, pero también conserva los bordes duros y puede manejar una gran cantidad de colores manteniendo el tiempo de carga lo suficientemente rápido como para utilizarlo en línea. Otra capacidad interesante es que puede guardarse en una transparencia.

Esto significa que podemos utilizar los elementos importantes de una imagen sin necesidad de cambiar cosas como el color de fondo si la colocamos en transparencia. Esta es una razón importante por la que la mayoría de los sitios importantes crean su logotipo como un .PNG, para que no tenga que cambiar cada vez que se actualice su sitio. Los mejores usos de .PNG son las imágenes que contienen texto, los gráficos con bordes duros y los elementos que requieren fondos transparentes, como los logotipos.

El formato de archivo .GIF es esencialmente el primo de carga más rápida de .PNG, con una pega: la imagen tiene que tener exactamente 256 colores. Esto limita a los diseñadores mucho más de lo que crees. Sólo deberías utilizar este formato de archivo para imágenes de baja resolución.

Por lo tanto, elementos como fotografías o gráficos que utilizan gradientes estarían inmediatamente fuera de lugar para el formato .GIF. Sin embargo, elementos como botones o banners de color sólido son ideales, ya que suelen cargarse más rápido que la versión .PNG, a la vez que conservan todas las características interesantes, como las transparencias y la preservación de los bordes duros. Otra característica impresionante que sólo los .GIF pueden utilizar es la animación. Así que puedes crear un gráfico que utilice una animación corta en bucle o de una sola jugada, que no requiere ningún plug-in ya que es sólo un archivo de imagen.

Esta es una guía breve y sencilla sobre las imágenes en el diseño digital. ¿Quieres aprender más cosas sobre el diseño digital? Consulta nuestro Centro de Aprendizaje para ver más blogs, artículos y guías que pueden ayudarte a elaborar tu estrategia.

PNG es el mejor formato cuando se trata de crear fotos transparentes. Es ideal para preservar la calidad de las imágenes y es compatible con la mayoría de los sitios web. Para crear una imagen PNG transparente, primero tienes que subir una imagen al Editor PicsArt, luego seleccionar y eliminar el fondo de la imagen siguiendo los pasos anteriores.

Una vez que haya terminado, simplemente guarde la imagen que ha editado como un archivo PNG y ya está listo. En PicsArt, se guardará por defecto como PNG para que puedas conservar la imagen transparente. Ahora tienes una imagen que es a la vez transparente y de alta calidad.

Puedes añadir tu imagen PNG transparente a otras fotos sin que se pixele. Cuando haces que partes de las imágenes sean transparentes, estas áreas adoptan el color del papel en los medios impresos y el color del fondo de la página en las aplicaciones de software y web. Cuando guardes archivos de imagen con áreas transparentes, asegúrate de guardarlos en un formato especial, como un archivo PNG.

Si te preguntas cómo hacer transparente una imagen para tu portafolio, una opción fácil es aprender a hacer transparentes las capas. Cuando haces que una capa sea transparente, puedes añadirla a otras imágenes o colocarla en productos sin preocuparte por los bordes del fondo y la opacidad. Incluso puedes utilizar las capas para retocar tus fotos.