Cómo crear imágenes PNG con Photoshop

Cómo crear imágenes PNG con Photoshop

Contar con unas nociones básicas sobre los distintos formatos de imagen que existen y sobre cómo cambiar una imagen de un formato a otro es fundamental si quieres mejorar tus diseños. El PNG es uno de los formatos más utilizados en diseño gráfico, por eso creo que es importante saber transformar una imagen JPEG, formato en el que están casi todas las que nos bajamos de internet, en un PNG. Adobe Photoshop es una herramienta genial para hacerlo y es precisamente una de las cosas que os enseñaré en este post.

Cuando decimos que queremos crear imágenes PNG, sé que muchos de vosotros no os referís únicamente a cambiar el formato, sino que queréis aprender a crear una imagen con fondo transparente. En esta publicación incluiré también un tutorial sencillo sobre cómo hacerlo en Photoshop. Sin embargo, antes de entrar en materia, me detendré para explicaros qué es exactamente un PNG y qué ventajas ofrece este formato.

¿Qué es una imagen en PNG?

PNG es un formato de archivo que permite comprimir información gráfica sin pérdidas, es decir, teóricamente en la compresión no se pierden los detalles de la imagen original descomprimida.

Es un formato muy atractivo para el diseño gráfico porque tiene un comportamiento similar al de un archivo JPEG, al menos a ojos inexpertos como los míos, es capaz de almacenar un total de 16 millones de colores y ofrece una ventaja fundamental: admite los fondos transparentes.

¿Cuándo deberíamos optar por este formato?

Este formato, creado para la web, es el idóneo si vamos a trabajar con ilustraciones o si estamos diseñando contenidos para webs que necesitan mantener una buena resolución, como por ejemplo logotipos. También es un formato útil para crear fotomontajes, collages y cartelería.

Cómo crear imágenes en PNG con Adobe Photoshop

Cambiar el formato de la imagen

Cómo cambiar de JPEG a formato PNG guardando en Photoshop

Si lo que pretendemos es, simplemente, cambiar el formato de una imagen que tenemos en JPEG, el procedimiento es muy sencillo. Abre la imagen que desees en Adobe Photoshop y pon el cursor sobre la pestaña archivo. Se desplegará un menú, deja el cursor sobre la opción «exportar « y haz clic en «exportación rápida como PNG». En segundos habrás conseguido cambiar el formato de tu imagen a PNG.

Crea imágenes con fondo transparente con Photoshop

Abrimos la imagen

Abrimos la imagen de la que queremos obtener el PNG con Photoshop

Lo primero que haremos será abrir la imagen de la que queremos eliminar el fondo. Una vez abierta, habrá que seleccionar aquello que queremos salvar de la fotografía, en mi caso las dos cebras. Hay numerosas herramientas de selección en Adobe Photoshop. Yo os explicaré la forma de seleccionar que a mí me resulta más sencilla en estos casos, pero todo dependerá de lo que queráis seleccionar y de lo que a vosotros os parezca más efectivo.

Cómo hacer la selección

Cómo seleccionar sujeto para crear un PNG con Photoshop

Elegid una herramienta de selección cualquiera, no importa. Cuando lo hagáis en la parte superior de la pantalla aparecerán una serie de opciones de selección. Si haces clic sobre «seleccionar sujeto», Photoshop hará una selección automática bastante aproximada, pero no suele ser perfecta. Tranquilos, esas pequeñas imperfecciones se solucionan muy fácilmente.

Aplicar máscara de selección para crear PNG con Photoshop

Justo al lado de «seleccionar sujeto» veréis la opción «seleccionar y aplicar máscara». Con un solo clic pasaréis a un modo pensado para que perfeccionéis vuestra selección. En el menú de herramientas veréis distintos pinceles, hay dos herramientas que para mí son fundamentales a la hora de mejorar selecciones: «Pincel para perfeccionar bordes», idónea para trabajar con el cabello, y «Pincel», muy útil para añadir o quitar de tu selección el contenido que desees.

Cuando utilicéis la máscara de selección, os recomiendo que juguéis con la «transparencia», así podréis ver qué estáis incluyendo en la selección y qué vais a dejar fuera. Los símbolos «+» y «-«, situados en lo alto de la pantalla, sirven para elegir si el pincel suma contenido a la selección o, por el contrario, lo resta.

Aprovechad estas herramientas, sed meticulosos e ir ampliando para seleccionar bien los bordes. Cuando estéis contentos con los que veis, pulsad «ok» y volveréis a la interfaz habitual de Photoshop.

Cómo eliminar el fondo

Copiar y pegar la selección para crear PNG con Photoshop

Comprobad que la selección es la correcta, recordad que si seguís pensando que podéis mejorarla siempre podéis volver a aplicar la máscara de selección. Cuando la selección esté hecha, solo tendréis que pulsar ctrl + C y ctrl + V (si trabajas con Windows) o comando + C y comando + V (si trabajas con Mac). De esta forma estaréis copiando y pegando vuestra selección sobre el fondo, veréis que os aparece una nueva capa. Para terminar, desbloquead la capa del fondo y eliminadla ¡Ya tendréis vuestra imagen en PNG con fondo transparente lista para utilizarla en vuestros diseños!

Resultado final de la imagen PNG creada con Photoshop

Fotomontaje PNG fondo transparente

Cuidado al guardar

Dejadme daros un último consejo. Cuando guardéis prestad mucha atención y aseguraos de que elegís bien el formato (PNG). Si guardáis en otro formato, como por ejemplo JPEG, Photoshop guardará tu imagen con un fondo blanco predeterminado y podría no servirte. Te dejo dos screenshots para que veas cómo puedes guardar el archivo.

Cómo guardar tu PNG con Photoshop opción uno

Cómo guardar tu PNG con Photoshop opción 2


El contenido del artículo se adhiere a nuestros principios de ética editorial. Para notificar un error pincha aquí.

Sé el primero en comentar

Deja tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.