¿Cómo crear un PNG con transparencia en Adobe Photoshop (CC y versión superior)? ¿Por qué Photoshop no puede abrir este PNG correctamente? ¿Por qué PNG cargado no muestra la transparencia en Photoshop?

El problema más común, debido a qué usuarios no pueden abrir este archivo, es un programa asignado incorrectamente. Para solucionarlo en Windows, debe hacer clic con el botón derecho en el archivo, en el menú contextual, traiga el mouse a un elemento "Abrir usando" y seleccione el menú desplegable Seleccionar elemento de programa. Como resultado, verá una lista de programas instalados en su computadora, y puede elegir una adecuada. También recomendamos verificar la casilla frente al "Use esta aplicación para todos los archivos PNG".

Otro problema con el que nuestros usuarios también ocurren con bastante frecuencia: el archivo PNG está dañado. Tal situación puede surgir en casos de casos. Por ejemplo: el archivo se descargó no completamente como resultado del error del servidor, el archivo fue dañado inicialmente, etc. Para eliminar este problema, use una de las recomendaciones:

  • Intente encontrar el archivo deseado en otra fuente en Internet. Es posible que tenga la suerte de encontrar una versión más adecuada. Ejemplo de búsqueda de Google: "Archivo: PNG". Simplemente reemplace la palabra "archivo" al nombre que necesita;
  • Pídale que le envíe nuevamente el archivo de origen, puede haber sido dañado durante la transmisión;

Cuando estoy tratando de abrir esta imagen en PS (CS5), obtengo rectángulos rojos alrededor de las partes opacas de la imagen.

Si copio la imagen e insérgalo en PS, obtengo el contenido de la imagen, como se ve desde el navegador, pero con el fondo negro incorporado (no transparente, como de hecho)

¿Qué está mal con esta imagen? ¿O es mi PS?

Respuestas

Les MAJESTE

No estoy seguro de su instancia precisa, pero a menudo me encontré con los archivos PNG que están abiertos con negro u otro color en lugar de transparencia. Por lo general, esto se debe al hecho de que el archivo PNG utiliza colores indexados y tiene una paleta alfa, y no usa la máscara alfa completa en la imagen misma.

Básicamente, cuando generalmente guarda el archivo PNG, usa el trueColor completo de 24 bits (8 bits por canal) más una máscara alfa en la que se almacena la información de transparencia (principalmente otro canal de 8 bits). Cuando usas la paleta de colores, iza los colores como colores RGB de 24 bits y ahorra una máscara alfa de 8 bits separada.

Pero . Esto significa que cada uno de sus colores indexados se almacena como un color RGBA de 32 bits con datos de transparencia incrustados en la paleta. Es inusual porque es difícil hacer razonablemente, y, desafortunadamente, no encaja en los modos de color Photoshop. Por lo tanto, cuando Photoshop lo abre, solo lee los componentes RGB de cada color indexado y no encuentra una máscara alfa, por lo que se pierden todos los datos de transparencia.

No recuerdo que hay un color mate arbitrario para cumplir con regiones parcialmente transparentes, pero aún puede ser una variación del mismo problema.

Ilmari caronen

Sí, es un PNG con color indexado, todo está en orden. Acabo de intentar abrirlo en GIMP, y el texto se ve realmente bloque, porque utiliza la transparencia de 1 bit en modo de color indexado. Sin embargo, un cambio simple en el modo de color en RGB lo soluciona; Puedes intentar ver si el mismo truco puede funcionar en Photoshop.

Gaia.

la transición a RGB en PSD no reveló la imagen, ya que debería mirar ...

Alan Gilbertson

Lezi lo clavó. Este es realmente PNG 8 con una paleta realmente extraña. Así es como se abre en los fuegos artificiales, lo que lo identifica correctamente y lo muestra. La causa del bloque es obvia cuando mira la mesa: cada lugar, excepto por transparente, tiene el mismo color. Anti-pseudónimo? ¡No necesitamos alisarse malolientes!

Les MAJESTE

Sí, por lo que, básicamente, Photoshop muestra solo los datos de la paleta RGB. Cada color indexado tiene un componente idéntico de RGB, pero cada uno tiene un valor alfa diferente entre 255 y 0. Supongo que Photoshop está codificado rígidamente para mostrar cualquier color con un valor de 0 como "transparente" (diamante pequeño), pero no Sepa que para hacer con los valores de un entre 1 y 254, por lo que solo lo percibe como un rojo sólido.

Alan Gilbertson

Esto es fuegos artificiales, no Photoshop.

Les MAJESTE

Oh, lo siento. Miré la paleta en Photoshop, y ella se ve algo así, excepto que muestra 119 colores adicionales después de 137 en FW. Los colores adicionales repitan tonos de gris, así que no estoy muy seguro de lo que está sucediendo allí. Pero cambiarlo en el color RGB definitivamente no arreglará la situación como en GIMP.

Alan Gilbertson

La ventaja de FW es que PNG es su propio formato de archivo, por lo que es mucho más inteligente con todos los "PNG" que Photoshop. La imagen se abre exactamente como lo ves en la imagen. FW todavía está en mi lista de aplicaciones para profundizar en ella. Mientras tanto, es conveniente para este tipo de diagnóstico.

Gaia.

Gracias, definitivamente ayuda a saber que puedo usar FW para leerlo correctamente.

ptim

Las personas antes mencionadas respondieron a su pregunta bien, pero al menos mencionaron el curso de acción para aquellos que vienen después, puede abrir un PNG indexado en Preview.app o pixlr.com y guardar la imagen como PNG para obtener acceso a la imagen sin pérdida. . Luego, puede restaurar la imagen en cualquier formato usando PS.

Yo uso Image Alpha y Image Optim para una salida confiable. Para obtener más información en el artículo: "PNG, que funciona", que explica el formato PNG8 y otros problemas de optimización de PNG con más detalle.

Dan

Los diseñadores web utilizan a veces los fuegos artificiales para ahorrar archivos PNG de 8 bits con un canal alfa-transparente, ya que permite que algunos navegadores más antiguos procesen de manera confiable la transparencia alfa sin sus propios hacks, es decir, filtros CSS, etc. Los perfiles de color en Photoshop no se reconocerán o hacerlo bien, sin embargo.

Si tiene en una computadora instalada programa antivirus lata escanee todos los archivos en su computadora, así como cada archivo por separado. Puede escanear cualquier archivo haciendo clic con el botón derecho en el archivo y seleccionando la opción apropiada para verificar el archivo para la presencia de virus.

Por ejemplo, en esta imagen asignada. archivo my-file.pngLuego, debe hacer clic con el botón derecho en este archivo y seleccionar la opción en el menú Archivo "Escanear con AVG". Cuando se selecciona este parámetro, AVG AntiVirus se abrirá, lo que verificará este archivo para virus.


A veces puede ocurrir un error como resultado instalación de software no válidaLo que se puede relacionar con el problema que ocurrió durante el proceso de instalación. Puede interferir con su sistema operativo. línea su archivo PNG con el software de aplicación adecuadoTener un impacto en el llamado "Asociación de Extensiones de Archivos".

A veces simple reinstalación de Adobe Illustrator CC Puede resolver su problema en vinculación correctamente a PNG con Adobe Illustrator CC. En otros casos, los problemas con las asociaciones de archivos pueden resultar de mala programación de software Desarrollador, y es posible que se le solicite comunicarse con el desarrollador para más alojamiento.


Consejo: Intente actualizar Adobe Illustrator CC a la última versión para asegurarse de que se instalen las últimas correcciones y actualizaciones.


Puede parecer demasiado obvio, pero a menudo directamente el archivo PNG en sí puede causar el problema. Si recibió un archivo a través de un archivo adjunto de correo electrónico o la descargó desde un sitio web, y se interrumpió el proceso de descarga (por ejemplo, una interrupción de energía o por otra razón), el archivo puede estar dañado. Si es posible, intente obtener una nueva copia del archivo PNG e intente abrirlo nuevamente.


Precaución: Un archivo dañado puede conllevar la aparición de daños que acompañan al malware anterior o ya existente en su PC, por lo que es muy importante que el antivirus actualizado funcione constantemente en su computadora.


Si su archivo PNG asociado con hardware en su computadoraPara abrir el archivo que puede necesitar. actualizar los controladores de dispositivosAsociado a este equipo.

Este problema Usualmente relacionado con los tipos de archivos multimedia.Eso depende de la exitosa apertura de hardware dentro de la computadora, por ejemplo, tarjeta de sonido o tarjeta de video. Por ejemplo, si está intentando abrir un archivo de audio, pero no puede abrirlo, es posible que necesite actualizar los controladores de la tarjeta de sonido.


Consejo: Si intenta abrir el archivo PNG, obtienes mensaje de error asociado con el archivo S.SYS, es probable que el problema sea asociado con controladores de dispositivos dañados o obsoletosque necesitan ser actualizados. Este proceso se puede facilitar utilizando el software para actualizar los controladores, como DriverDOC.


Si los pasos no resolvieron el problema.y aún tiene problemas con la apertura de archivos PNG, puede estar relacionado con falta de recursos del sistema disponibles.. Para algunas versiones de archivos PNG, se puede requerir una cantidad considerable de recursos (por ejemplo, memoria / memoria RAM, energía de computación) para abrir una apertura adecuada en su computadora. Tal problema ocurre con bastante frecuencia si usa suficiente hardware de computadora antiguo y al mismo tiempo un sistema operativo mucho más nuevo.

Este problema puede ocurrir cuando una computadora es difícil de hacer frente a la tarea, ya que el sistema operativo (y otros servicios que operan en segundo plano) pueden consume demasiados recursos para abrir el archivo PNG. Intente cerrar todas las aplicaciones en su PC antes de abrir gráficos de red portátiles. Después de liberar todos los recursos disponibles en su computadora, proporcionará las mejores condiciones para intentar abrir el archivo PNG.


Si usted realizó todos los pasos descritos anteriormente, y su archivo PNG aún no se abre, puede ser necesario realizar actualización de equipos. En la mayoría de los casos, incluso cuando se utiliza versiones antiguas de equipos, la energía de la computación aún puede ser más que suficiente para la mayoría de las aplicaciones de usuario (si no realiza una gran cantidad de operación de procesador intensivo por recursos, como la representación 3D, el modelado financiero / científico o intensivo Trabajo multimedia). De este modo, es probable que su computadora carezca la cantidad de memoria requerida.(Más a menudo se llama "RAM", o RAM) para realizar la tarea de abrir un archivo.

David

¿Por qué la PNG cargada muestra la transparencia en Photoshop?

Intenté subir fotos / fotos de Internet y editarlas, pero cada vez que lo hago, el fondo transparente se vuelve blanco. Intenté copiar / insertar, que nunca funciona. Intenté descargarlo como PNG y lo abrí en Photoshop, que a veces funciona, pero generalmente no. Intenté subirlo, copiar la vista previa e insertarla en Photoshop, pero tampoco funciona. Todas las imágenes son transparentes en mi navegador (uso Chrome), pero cuando los descargo, a menudo no conservan su transparencia. Sé que hay un post en él, pero ninguna de las respuestas ayudó. Estoy en mac.

La primera foto muestra la imagen en Chrome, con fondo transparente. El segundo está en Photoshop, con un fondo blanco.

En la configuración de las imágenes de Google antes de buscar, cambio el fondo a "Transparente", es decir, todas las imágenes obtenidas como resultado de la búsqueda tienen un fondo transparente. Al buscar imágenes especialmente transparentes y ver el fondo a cuadros, estoy seguro de que las imágenes son transparentes. Además, es PNG, que siempre tiene un fondo transparente. Si fuera JPEG, tendría un fondo blanco.

user287001

Este caso es interesante. Danos una captura de pantalla de una imagen transparente en su cromo y con mucho cuidado y detalla cómo lo ve en su transparencia en Chrome, pero no después de la descarga.

Billy Kerr.

No todas las imágenes PNG tienen transparencia. Depende de cómo se guardó la imagen. ¿Tiene una URL directa a la imagen original PNG para que podamos comprobarlo?

Billy Kerr.

está bien. Voy a añadir una respuesta ahora.

Respuestas

Billy Kerr.

Tenga en cuenta que en las últimas versiones de Photoshop CC, la opción "ArtBoards" está habilitada de forma predeterminada, lo que no muestra la cuadrícula de transparencia. Debe salir del modo de arte para ver la transparencia nuevamente. No sé por qué Adobe lo hizo por defecto.

Billy Kerr.

@Dai: la configuración predeterminada de la tabla se aplica solo si comienza cuando se crea un nuevo documento, comienza desde una de las plantillas en las secciones web o móviles. Para otros tipos de documentos, la opción de tablero está deshabilitada de forma predeterminada. La apertura de PNG tampoco es predeterminada para los tablas de artesanía al menos en PS CC 2017. Mi captura de pantalla estaba en CS4, pero CC tiene el mismo comportamiento al abrir PNG.

A veces, necesita subir una imagen que contenga elementos transparentes a través de los cuales se penetrará el fondo original. En estos casos, sería conveniente descargar imágenes PNG, ya que pueden mantener la transparencia.

En este artículo le diremos. 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) Página principal Seleccione "Crear" ( Nuevo).

Luego apareció en el nuevo documento "Nuevo documento" ( Nuevo documento) Cree un archivo del tamaño deseado y asegúrese de que el permiso del documento sea de 72 píxeles por pulgada ( dado que el archivo está diseñado para su uso en Web). Y también que ha elegido el valor "transparente" ( Transparente) En la lista desplegable "Fondo de contenido" ( Contenidos de fondo.).

* Antes de hacer PNG con transparencia en Photoshop, debe aclarar que en este ejemplo creamos una imagen para descargar como fondo para el sitio, por lo que se da el tamaño del documento de la siguiente manera: Ancho 3000 píxeles, la altura de 1730 píxeles , que se recomienda para los tamaños para descargas de imágenes HD:

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

Luego en el panel "Capas" ( Capas.) Asegúrese de trabajar en una capa transparente, y no en el fondo:

Después de completar la creación y lista para guardar una imagen transparente, dependiendo de la versión usada de Photoshop, en el menú Archivo ( Archivo) Puedes usar una de las opciones posibles:

Versión de Photoshop Anteriormente, CC 2015:

Ahora diremos cómo hacer fotos de transparencia en Photoshopque salió antes de CC 2015. Estas versiones utilizan el método "Guardar para web" ( Guardar para web y dispositivos) Para guardar y optimizar las imágenes PNG para usar en la web. Para aprovechar este método, simplemente vaya al menú "Archivo" ( Archivo), y además - "Guardar para la web" ( Guardar para web y dispositivos):

Luego, en la ventana que aparece, seleccione PNG-24 en el menú desplegable de los valores posibles, y luego asegúrese de que se seleccionen las opciones de transparencia ( Transparencia.) y " Convertir a srgb» ( Convertir a SRGB.). Esto confirma que la imagen contendrá un 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.) Lleno 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.

Photoshop versión CC 2015:

Antes, cómo hacer foto de la transparencia en Photoshop¿Necesita saber que desde la opción CC 2015 versión "Guardar para la web" ( Guardar para web y dispositivos) En el menú "Archivo" ( Archivo) Marcado como Legado (desactualizado). Y reemplazado por la nueva opción de exportación ( Exportar), que ofrece una funcionalidad idéntica con un ahorro más rápido en un archivo más pequeño y en mejor calidad. Para usar la opción Exportar, haga clic en el menú Archivo ( Archivo), y entonces - " 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 está disponible a través del menú Archivo\u003e Exportar ( Archivo\u003e Exportar) O cuando se utiliza la combinación de teclas Command + Option + SHIFT + S (para MAC) o CTRL + ALT + MAYÚS + S (PC):

Luego, en la ventana que aparece, seleccione PNG desde el menú desplegable "Formato" ( Formato.) Y asegúrese de que se seleccionen las opciones de "transparencia" ( Transparencia.) y " Convertir a srgb» ( Convertir a SRGB.).