Cómo crear un dibujo transparente. ¿Cómo crear un PNG con transparencia en Adobe Photoshop (CC y versiones superiores)? Cómo hacer un fondo transparente para una imagen.

A veces es necesario cargar una imagen que contenga elementos transparentes que permitan que se vea el fondo original. En estos casos sería conveniente descargar imágenes PNG ya que son capaces de mantener la transparencia.

En este artículo te contamos cómo hacer transparencia en Photoshop.

Creando un archivo

El primer paso es crear un archivo. Para hacer esto, abra Adobe Photoshop y en el menú "Archivo" ( Archivo) en la parte superior de la página, seleccione "Crear" ( Nuevo).

Luego en la ventana que aparece “ nuevo documento » ( Nuevo documento) cree un archivo del tamaño deseado y asegúrese de que la resolución del documento sea de 72 píxeles por pulgada ( ya que el archivo está pensado para su uso en la web). Y también que seleccionaste el valor “Transparente" ( Transparente) en la lista desplegable “Contenido de fondo” ( Contenidos de fondo).

*Antes de hacer un PNG con transparencia en Photoshop, debes aclarar que en este ejemplo estamos creando una imagen para cargar como fondo del sitio, por lo que el tamaño del documento se establece de la siguiente manera: ancho 3000 píxeles, alto 1730 píxeles, cuáles son los tamaños recomendados para descargas de imágenes HD:

Después de haber configurado los parámetros, haga clic en "Aceptar" para abrir un nuevo documento.

Luego, en el panel "Capas" ( Capas) asegúrese de estar trabajando en la capa transparente y no en la de fondo:

Una vez que haya completado su creación y esté listo para guardar su imagen transparente, según la versión de Photoshop que esté usando, desde el menú Archivo ( Archivo) puedes utilizar una de las opciones posibles:

Versiones de Photoshop anteriores a CC 2015:

Ahora te lo contamos cómo hacer una imagen transparente en Photoshop, que salió antes de CC 2015. Estas versiones utilizan el método "Guardar para Web" ( Guardar para Web y dispositivos) para guardar y optimizar imágenes PNG para su uso en la web. Para utilizar este método, simplemente vaya al menú "Archivo" ( Archivo), y luego “Guardar para Web” ( Guardar para Web y dispositivos):

Luego, en la ventana que aparece, seleccione PNG-24 en el menú desplegable de valores posibles y luego asegúrese de que las opciones " Transparencia" estén seleccionadas ( Transparencia) Y " Convertir a sRGB» ( Convertir a sRGB). Esto confirma que la imagen contendrá fondo transparente y su modo de color se convertirá a sRGB, el espacio de color recomendado para la web.

Campos " Tamaño de la imagen» ( Tamaño de la imagen) se completan automáticamente con los valores que especificó cuando creó el archivo. Pero si desea cambiar el tamaño del archivo antes de guardarlo, puede hacerlo ahora.

Versión de Photoshop CC 2015:

Antes, cómo hacer una foto transparente en Photoshop, debes saber que a partir de la versión CC 2015 la opción “Guardar para Web" ( Guardar para Web y dispositivos) en el menú "Archivo" ( Archivo) está marcado como Legado. Y reemplazado por una nueva opción "Exportar" ( Exportar), que ofrece una funcionalidad idéntica con un guardado más rápido en un archivo más pequeño y en mejor calidad. Para utilizar la opción "Exportar", haga clic en el menú "Archivo" ( Archivo), y luego - " Exportar cómo» ( Exportar cómo).

Nota: Adobe todavía ofrece la opción "Guardar para Web" ( Guardar para Web y dispositivos) en Photoshop CC 2015, y se puede acceder a él a través del menú Archivo > Exportar ( Archivo > Exportar) o usando el método abreviado de teclado Comando+Opción+Mayús+S (para Mac) o Ctrl+Alt+Mayús+S (para PC):

Luego, en la ventana que aparece, seleccione PNG en el menú desplegable "Formato" ( Formato) y asegúrese de que las opciones de Transparencia estén seleccionadas ( Transparencia) Y " Convertir a sRGB» ( Convertir a sRGB).

Hola queridos visitantes. En esta lección te mostraré cómo usar Photoshop puedes quitar fondo y hacer la foto transparente. No necesitas ningún conocimiento especial sobre este Photo Monster, ya que aquí todo es muy simple. Lo principal es que tengas instalado Photoshop y repitas todos los pasos después de mí.

Entonces, ¿cómo hacer un fondo transparente en Photoshop?

Inicie Photoshop y abra la foto experimental. Haga clic en el menú Archivo – Abrir y especifique la ubicación de la imagen.

Genial, la foto está abierta y comencemos a recortar el fondo. En primer lugar, necesitamos desbloquear la capa. Preste atención a la esquina inferior derecha del programa. Allí verás la capa principal de nuestra foto y candado pequeño.

Este bloqueo debe desaparecer, es decir, la capa está desbloqueada. Para ello, directo a la cerradura. hacer un clic con el botón izquierdo del ratón. ¡Y el candado desapareció!

Ahora necesitamos eliminar el fondo. Para hacer esto, tome algún tipo de herramienta de selección, por ejemplo, varita mágica.

Pulsamos la herramienta sobre el fondo de la foto, seleccionando así el objeto que no necesitamos.

Apareció una línea de puntos (hormigas corriendo). Todo lo que tienes que hacer es presionar la tecla SUPR en tu teclado y se eliminará el fondo. Mira cómo quedó:

¡Súper! Ahora anule la selección presionando el atajo de teclado CTR+D.

Bueno, en general, ¿cómo? hacer un fondo transparente en Photoshop Lo resolvimos y ahora solo queda guardar esta foto correctamente.

Para hacer esto, haga clic en el menú Archivo – Guardar para Web. O simplemente usar ALT+MAYÚS+CTR+S.

Verás una ventana en la que debemos seleccionar el formato PNG-24 y solo entonces hacer clic en el botón Guardar.

Ahora mira lo que pasó y en lo que se ha convertido:

Finalmente, vale la pena decir que en algunos casos, cuando decides hacer un fondo transparente en Photoshop en alguna imagen, es posible que tengas que usar otras herramientas de selección, por ejemplo, Bolígrafo o lazo magnético. utilicé la herramienta varita mágica, ya que en mi fotografía la persona era fácil de separar del fondo. Si eliminas el fondo de imágenes complejas, tendrás que trabajar un poco más.

Eso es todo por hoy, ¡buena suerte!

Echa un vistazo al dibujo en formato. jpg, el conocido personaje de dibujos animados Baby Mammoth que perdió a su madre.. Quiero llorar.. no, no porque el bebé mamut no pueda encontrar a su madre (aunque por esto también), sino porque el fondo azul duele los ojos. ¡terriblemente! Solo quiero eliminar este azul y llenar el fondo de la imagen con un color que se fusione con el fondo de la página.

¡Creo que esto no es un problema para ti! ¡Solo piensa en abrirlo usando el mismo Photoshop y rellenar el fondo con el color deseado! pero ¿qué pasa si el fondo principal de la página es algún tipo de textura compleja?

Un ejemplo en el que una imagen se superpone sobre una textura:











¿Abrir Photoshop y hacer un dibujo con un bebé mamut en lugar de un fondo azul? ¿Y luego intentar hacer coincidirlos con el fondo principal de la página? ¡¡¡Esto no es una opción!!!

Así que informo que formatos gráficos gif Y png- admite el modo de transparencia, lo que le permite hacer que algunas áreas del dibujo sean invisibles para el ojo humano, ¡que es exactamente lo que necesitamos!

Ahora en orden:

1. Abra la imagen cuyo fondo desea hacer transparente usando Adobe Photoshop.

2. Abrir un marcador "Imagen" >> "Modo" >> "Colores indexados".


3. En la ventana de diálogo que aparece. "Colores indexados" poner un tilde "Transparencia" y presione "DE ACUERDO"


4. Usando la herramienta de selección "Varita mágica" Y "Borrador" Borramos el fondo del dibujo, haciendo que las partes que necesitamos sean transparentes.

5. Bueno, guardamos nuestra imagen en el formato. gif.. marcador "Archivo" >> "Guardar para Web..." en la ventana que aparece, indique (acepte) que la imagen se guardará en el formato gif hacer clic "Ahorrar".. selecciona una carpeta y escribe el nombre - Espero que puedas hacer todo esto..

¡¡Toda la imagen ha sido creada con un fondo transparente!!

Ahora puedes volver a pegarlo en nuestra página, sin olvidar cambiar la extensión. jpg en gif .




Crear áreas transparentes en un dibujo.


gif" alt="Bebé Mamut"> !}



Muy a menudo, al crear tarjetas de felicitación o vídeos, me enfrentaba a la pregunta: ¿Cómo se puede hacer esto? sin conocimiento fotoshop?

Cualquiera que esté familiarizado con Photoshop podrá hacerlo sin dificultad. Pero no todo el mundo ha estudiado todavía este programa inteligente. ¿Cómo pueden ser? ¿Realmente no hay salida?

Después de todo, siempre existe el deseo de hacer que nuestras presentaciones, felicitaciones y páginas sean las más atractivas y profesionales. Ya te he dicho cómo utilizar el programa para estos fines. Te ayudará a hacer tus fotografías e incluso puedes usarla para hacer la primera.

Y ahora te contaré otro secreto: hoy aprenderás cómo hacer transparente el fondo de una imagen. Además, lo harás totalmente gratis y dedicarás sólo 2 minutos de tu tiempo.

Vamos a ir al grano.

Encuentra la imagen que te guste. Para empezar, debería ser una imagen sobre un fondo que no tenga varias capas, por ejemplo, sobre uno blanco. Vaya a la página de servicio. No es necesario realizar un tedioso procedimiento de registro. Simplemente haga clic en el enlace del servicio en línea.

La siguiente ventana se abrirá frente a usted:

Prensa " Sube una imagen desde tu ordenador". Seleccione la imagen que ha preparado. Puede colocarla en una carpeta separada en imágenes. O en el escritorio, para no buscar durante mucho tiempo. Haga clic una vez en esta imagen y presione " abierto".

La imagen aparece en la página del servidor:

Hay 3 ventanas que salen a la derecha y en medio de ellas hay un candado. Haga clic en él 2 veces con el mouse izquierdo. Esto abrirá la puerta a la magia.

En el lado izquierdo ves el panel " Herramientas", uno de los cuales es que " Varita mágica", que ahora usaremos. Haga clic en él una vez y luego haga clic en cualquier espacio vacío en el fondo de la imagen que seleccionó. Aparecerá una línea de puntos alrededor de la imagen.

El último paso hacia la transformación: presione el botón " Del" (eliminar) en su computadora. El fondo se convierte en un área a cuadros. Si no todo el espacio alrededor está cubierto por el área a cuadros, toque este lugar nuevamente con la varita mágica y presione el botón "Supr".

Aparece una ventana que le pregunta: "¿Guardar la imagen antes de cerrar?" Haga clic en " ".

Hoy decidí alejarme un poco del tema de la codificación y hablar un poco sobre el diseño. Aunque el diseño juega un papel importante en la creación de un sitio web, no he sido amigo del dibujo, los gráficos y el diseño desde la infancia. Por lo tanto, busco imágenes para mis publicaciones, como muchos blogueros, en algún lugar de Internet, utilizando bancos de fotografías y bancos de fotografías gratuitos.

Y entonces, a veces te encuentras con una imagen muy adecuada para tu publicación y todo estaría bien... Pero el fondo de la imagen no coincide con el fondo del blog o el bloque con texto. Al parecer nadie tiene este problema y nadie tiene un fondo blanco, lo que sería adecuado en la mayoría de los casos. Necesito fondo transparente!

No pude encontrar ninguna buena idea en Internet. cómo hacer un fondo transparente Para foto terminada, ¡así que comencé a experimentar y encontré una solución más o menos adecuada!

Cómo hacer un fondo transparente para una imagen.

Tomemos un ejemplo una imagen sencilla en formato .jpg (en general el formato no es particularmente importante):

Aquí hay un fondo blanco del que quiero deshacerme y crear un fondo transparente. Pixlr, una versión online de Photoshop, nos ayudará con esto.

Subiendo nuestra imagen. A la derecha de la ventana "Capas" aparecerá la capa "Fondo", en la que hay un candado (evita que se borre el fondo de la imagen).

Al hacer doble clic con el botón izquierdo del mouse en este candado, puede eliminar el candado del fondo. Aparecerá una marca de verificación en lugar de un candado.

Ahora tome la varita mágica (barra de herramientas, columna derecha, segundo botón desde arriba), especifique los siguientes parámetros: tolerancia = 21, casillas de verificación para suavizado y continuidad(normalmente estos parámetros son estándar), aunque puedes experimentar con los parámetros; y pulsamos sobre el fondo de la imagen (en nuestro caso, sobre el fondo blanco).

Ahora eliminamos el fondo presionando el botón “Eliminar” y obtenemos la imagen que necesitamos con un fondo transparente.




Arriba