Cum creez un PNG cu transparență în Adobe Photoshop (CC și versiuni superioare)? De ce Photoshop nu poate deschide corect acest PNG? De ce PNG-ul încărcat nu afișează transparență în Photoshop.

Cea mai comună problemă care determină utilizatorii să nu poată deschide acest fișier este un program atribuit incorect. Pentru a remedia problema în sistemul de operare Windows, trebuie să faceți clic dreapta pe fișier, în meniul contextual, îndreptați mouse-ul către elementul „Deschideți cu” și selectați elementul „Selectați programul ...” din meniul derulant. . Drept urmare, veți vedea o listă a programelor instalate pe computerul dvs. și veți putea să îl alegeți pe cel potrivit. De asemenea, vă recomandăm să bifați caseta de lângă „Utilizați această aplicație pentru toate fișierele PNG”.

O altă problemă pe care utilizatorii noștri o întâmpină destul de des este că fișierul PNG este corupt. Această situație poate apărea în multe cazuri. De exemplu: fișierul a fost descărcat incomplet ca urmare a unei erori de server, fișierul a fost deteriorat inițial etc. Pentru a remedia această problemă, utilizați una dintre recomandări:

  • Încercați să găsiți fișierul dorit într-o altă sursă de pe Internet. S-ar putea să aveți norocul să găsiți o versiune mai potrivită. Exemplu de căutare Google: „Tip fișier fișier: PNG”. Doar înlocuiți cuvântul „fișier” cu numele dorit;
  • Solicitați să vă trimit din nou fișierul original, este posibil să fi fost deteriorat în timpul transportului;

Când încerc să deschid această imagine în PS (CS5), primesc dreptunghiuri roșii în jurul părților opace ale imaginii.

Dacă copiez imaginea și o lipesc în PS, obțin conținutul imaginii așa cum se vede din browser, dar cu un fundal negru în linie (nu transparent așa cum este de fapt)

Ce este în neregulă cu această imagine?! Sau este PS-ul meu?

Răspunsuri

Les Majeste

Nu sunt sigur de instanța exactă, dar am întâlnit deseori fișiere PNG care se deschid în negru sau într-o altă culoare în loc de transparență. Acest lucru se întâmplă, de obicei, deoarece fișierul PNG folosește culori indexate și are o paletă alfa, mai degrabă decât folosind masca alfa completă pe imagine.

Practic, atunci când salvați în mod normal un fișier PNG, utilizați un truecolor complet pe 24 de biți (8 biți pe canal) plus o mască alfa care stochează informațiile de transparență (practic un alt canal pe 8 biți). Când utilizați selectorul de culori, acesta indexează culorile ca culori RGB pe 24 de biți și păstrează o mască alfa separată de 8 biți.

Dar . Aceasta înseamnă că fiecare dintre culorile indexate este stocată ca o culoare RGBA pe 32 de biți, cu date de transparență încorporate în paletă. Acest lucru este neobișnuit, deoarece este dificil de realizat în mod inteligent și, din păcate, nu se încadrează în modurile de culoare Photoshop. Deci, când Photoshop îl deschide, citește doar componentele RGB ale fiecărei culori indexate și nu găsește o mască alfa, astfel încât toate datele de transparență se pierd.

Nu-mi amintesc să fi văzut un fișier care să aibă o culoare mată arbitrară aplicată zonelor parțial transparente, dar ar putea fi totuși o variantă a aceleiași probleme.

Ilmari Karonen

Da, este un PNG color indexat, este ok. Tocmai am încercat să-l deschid în GIMP și textul arată într-adevăr blocat, deoarece folosește transparență de 1 biți în modul de culoare indexat. Cu toate acestea, simpla schimbare a modului de culoare în RGB remediază acest lucru; Puteți încerca să vedeți dacă același truc poate funcționa și în Photoshop.

Gaia

trecerea la RGB în PSD nu a dezvăluit imaginea așa cum ar trebui să arate ...

Alan Gilbertson

Lezy l-a cuie. Este într-adevăr PNG 8 cu o paletă foarte ciudată. Acesta este modul în care se deschide în Fireworks, care îl identifică și afișează corect. Motivul blocajului este evident atunci când te uiți la masă: fiecare loc, cu excepția celui transparent, are aceeași culoare. Anti-alias? Nu avem nevoie de anti-aliasing mirositor!

Les Majeste

Da, deci practic Photoshop afișează doar date RGB. Fiecare culoare indexată are o componentă RGB identică, dar fiecare are o valoare alfa diferită între 255 și 0. Presupun că Photoshop este codificat pentru a afișa orice culoare cu o valoare 0 ca „transparentă” (diamant mic), dar nu știu ce să facă cu valori A cuprinse între 1 și 254, deci o percepe doar ca roșu solid.

Alan Gilbertson

Acesta este focul de artificii, nu Photoshop.

Les Majeste

Oh, îmi pare rău. M-am uitat la paleta din Photoshop și este oarecum similară, cu excepția faptului că arată 119 culori suplimentare după 137 afișate în Fw. Culorile complementare sunt în tonuri de gri, deci nu sunt foarte sigur ce se întâmplă acolo. Dar schimbarea acestuia la culoarea RGB cu siguranță nu va remedia lucruri precum a făcut Gimp.

Alan Gilbertson

Avantajul FW este că PNG este un format de fișier nativ, deci este mult mai inteligent cu toate "png" decât Photoshop. Imaginea se deschide exact așa cum o vedeți în fotografie. FW este încă pe lista de aplicații pentru a vă adânci. Între timp, este convenabil pentru acest tip de diagnostic.

Gaia

Mulțumesc, cu siguranță ajută să știu că pot folosi FW pentru ao citi corect.

ptim

Persoanele menționate au răspuns bine la întrebarea dvs., dar cel puțin am menționat un curs de acțiune pentru cei care vin după - puteți deschide un png indexat în Preview.app sau pixlr.com și puteți salva imaginea ca png pentru a obține acces fără pierderi la imaginea. Apoi, puteți restabili imaginea în orice format folosind PS.

Folosesc Image Alpha și Image Optim pentru o ieșire fiabilă. Pentru mai multe informații, consultați PNG care funcționează, care explică mai detaliat formatul PNG8 și alte probleme de optimizare PNG.

Dan

Designerii web folosesc uneori Fireworks pentru a salva fișiere PNG pe 8 biți cu un canal transparent alfa deoarece acest lucru permite unor browsere mai vechi să gestioneze transparența alfa mai fiabil fără hacks nativi, filtre IE CSS etc. Profilurile de culoare din Photoshop nu vor admite sau nu o vor face. totuși drept.

Dacă există un computer instalat program antivirus poate sa scanează toate fișierele de pe computer, precum și fiecare fișier separat... Puteți scana orice fișier făcând clic dreapta pe fișier și selectând opțiunea potrivită pentru a scana fișierul pentru viruși.

De exemplu, în această figură, fișierul meu-fișier.png, apoi trebuie să faceți clic dreapta pe acest fișier și în meniul fișier selectați opțiunea „Scanați cu AVG”... Selectând această opțiune se va deschide AVG Antivirus, care va scana acest fișier pentru viruși.


Uneori poate rezulta o eroare instalare incorectă a software-ului, care se poate datora unei probleme întâmpinate în timpul procesului de instalare. Poate interfera cu sistemul dvs. de operare conectați fișierul PNG la software-ul de aplicație corect influențând așa-numitele „Asociații de extensii de fișiere”.

Uneori simplu reinstalând Adobe Illustrator CC ar putea rezolva problema dvs. prin conectarea corectă a PNG-urilor cu Adobe Illustrator CC. În alte cazuri, pot rezulta probleme cu asocierea fișierelor programare slabă a software-ului dezvoltator și poate fi necesar să contactați dezvoltatorul pentru asistență suplimentară.


Sfat:Încercați să actualizați Adobe Illustrator CC la cea mai recentă versiune pentru a vă asigura că sunt instalate cele mai recente patch-uri și actualizări.


Poate părea prea evident, dar de multe ori fișierul PNG în sine poate cauza problema... Dacă ați primit un fișier printr-un atașament de e-mail sau l-ați descărcat de pe un site web și procesul de descărcare a fost întrerupt (de exemplu, o întrerupere a curentului electric sau alt motiv), fișierul poate fi deteriorat... Dacă este posibil, încercați să obțineți o copie nouă a fișierului PNG și încercați să îl deschideți din nou.


Prudență: Un fișier deteriorat poate provoca daune colaterale malware-ului anterior sau preexistent pe computerul dvs., deci este foarte important să aveți un antivirus actualizat care rulează în permanență pe computerul dvs.


Dacă fișierul dvs. este PNG legate de hardware-ul de pe computer pentru a deschide fișierul de care aveți nevoie actualizați driverele de dispozitiv legate de acest echipament.

Această problemă de obicei asociate cu tipuri de fișiere media care depind de deschiderea cu succes a hardware-ului în interiorul computerului, de exemplu, placă de sunet sau placă video... De exemplu, dacă încercați să deschideți un fișier audio, dar nu îl puteți deschide, poate fi necesar actualizați driverele plăcii de sunet.


Sfat: Dacă, când încercați să deschideți un fișier PNG, obțineți Mesaj de eroare legat de fișierul SYS, problema ar putea fi probabil legate de driverele de dispozitiv deteriorate sau învechite care trebuie actualizate. Acest proces poate fi facilitat prin utilizarea software-ului de actualizare a driverului, cum ar fi DriverDoc.


Dacă pașii nu au rezolvat problemași aveți în continuare probleme cu deschiderea fișierelor PNG, ar putea fi legat de lipsa resurselor de sistem disponibile... Unele versiuni ale fișierelor PNG pot necesita o cantitate semnificativă de resurse (de exemplu, memorie / RAM, putere de procesare) pentru a se deschide corect pe computer. Această problemă apare destul de des dacă utilizați hardware de computer destul de vechi și în același timp un sistem de operare mult mai nou.

Această problemă poate apărea atunci când computerul întâmpină cu greu o sarcină, deoarece sistemul de operare (și alte servicii care rulează în fundal) pot consumă prea multe resurse pentru a deschide un fișier PNG... Încercați să închideți toate aplicațiile de pe computer înainte de a deschide Portable Network Graphics. Eliberând toate resursele disponibile pe computer, veți oferi un mediu mai bun pentru a încerca să deschideți fișierul PNG.


daca tu a finalizat toți pașii de mai sus iar fișierul PNG încă nu se va deschide, ar putea fi necesar să faceți acest lucru upgrade echipament... În majoritatea cazurilor, chiar și în cazul versiunilor hardware mai vechi, puterea de procesare poate fi în continuare mai mult decât adecvată pentru majoritatea aplicațiilor personalizate (cu excepția cazului în care faceți o mulțime de lucrări cu procesor intens, cum ar fi redarea 3D, modelarea financiară / științifică sau munca multimedia grea) ... În acest fel, este probabil ca computerul dvs. să nu aibă suficientă memorie(denumit mai frecvent „RAM” sau memorie cu acces aleatoriu) pentru a efectua sarcina de deschidere a unui fișier.

David

De ce PNG-ul încărcat nu afișează transparență în Photoshop?

Am încercat să descarc fotografii / imagini de pe internet și să le editez, dar ori de câte ori fac acest lucru, fundalul transparent devine alb. Am încercat să copiez / să lipesc, care nu funcționează niciodată. Am încercat să descarc ca PNG și să-l deschid în Photoshop, care uneori funcționează, dar de obicei nu. Am încercat să o descarc, să copiez previzualizarea și să o lipesc în Photoshop, dar nici asta nu funcționează. Toate imaginile sunt transparente în browserul meu (folosesc Chrome), dar atunci când le încarc, adesea nu își păstrează transparența. Știu că există o postare despre asta, dar niciunul dintre răspunsuri nu a ajutat. Sunt pe un Mac.

Prima fotografie arată imaginea pe Chrome, cu un fundal transparent. Al doilea este în Photoshop, cu un fundal alb.

În setările Google Images, înainte de căutare, schimb fundalul în „transparent”, adică toate imaginile obținute ca urmare a căutării au un fundal transparent. Când caut imagini special transparente și văd un fundal în carouri, sunt încrezător că imaginile sunt transparente. De asemenea, este PNG, care are întotdeauna un fundal transparent. Dacă ar fi un JPEG, ar avea un fundal alb.

utilizator287001

Acest caz este interesant. Oferiți-ne o captură de ecran a unei imagini transparente în Chrome și fiți foarte atenți și detaliați cum v-ați asigurat că este transparentă în Chrome, dar nu după încărcare.

Billy Kerr

Nu toate imaginile PNG au transparență. Depinde de modul în care a fost salvată imaginea. Aveți o adresă URL directă către imaginea PNG originală, astfel încât să o putem verifica?

Billy Kerr

O.K. Voi adăuga un răspuns acum.

Răspunsuri

Billy Kerr

Rețineți că în versiunile recente ale Photoshop CC, opțiunea Artboards este activată în mod implicit, care nu afișează deloc grila de transparență. Trebuie să ieșiți din modul Artboard pentru a vedea din nou transparența. Nu știu de ce Adobe a făcut acest lucru implicit.

Billy Kerr

@Dai - Setarea implicită Artboard se aplică numai dacă începeți cu unul dintre șabloanele din secțiunile Web sau Mobile atunci când creați un document nou. Pentru alte tipuri de documente, opțiunea Artboard este dezactivată în mod implicit. Deschiderea PNG-urilor nu este, de asemenea, implicită pentru tablele de artă, cel puțin în PS CC 2017. Captura de ecran a fost în CS4, dar CC are același comportament la deschiderea PNG-urilor.

Uneori trebuie să încărcați o imagine care să conțină elemente transparente prin care să se afișeze fundalul original. În aceste cazuri, ar fi convenabil să încărcați imagini PNG, deoarece acestea sunt capabile să păstreze transparența.

În acest articol vă vom spune, cum se face transparență în Photoshop.

Crearea fișierului

Primul pas este crearea unui fișier. Pentru a face acest lucru, deschideți Adobe Photoshop și în meniul Fișier ( Fişier) în partea de sus a paginii, selectați Creați ( Nou).

Apoi, în fereastra „Document nou” care apare ( Document nou) creați fișierul dorit și asigurați-vă că documentul dvs. are 72 de pixeli pe inch ( deoarece fișierul este pentru utilizarea web). Și, de asemenea, că ați selectat valoarea „Transparent” ( Transparent) în lista derulantă „Conținut de fundal” ( Conținut de fundal).

* Înainte de a face un PNG cu transparență în Photoshop, trebuie să clarificați că în acest exemplu creăm o imagine pentru încărcare ca fundal pentru site, deci dimensiunea documentului este setată după cum urmează: lățime 3000 pixeli, înălțime 1730 pixeli, care sunt dimensiunile recomandate pentru încărcarea imaginilor HD:

După ce ați specificat valorile parametrilor, faceți clic pe OK pentru a deschide un document nou.

Apoi în panoul Straturi ( Straturi) asigurați-vă că lucrați la un strat transparent și nu la fundal:

După ce ați terminat de creat și sunteți gata să salvați imaginea transparentă, în funcție de versiunea de Photoshop pe care o utilizați, accesați meniul Fișier ( Fişier) puteți utiliza una dintre opțiunile posibile:

Versiuni Photoshop anterioare CC 2015:

Acum vom spune cum se face o imagine transparentă în Photoshop care a ieșit mai devreme decât CC 2015. Aceste versiuni utilizează Salvare pentru web ( Salvați pentru web și dispozitive) pentru a salva și optimiza imagini PNG pentru a fi utilizate pe web. Pentru a utiliza această metodă, pur și simplu accesați meniul Fișier ( Fişier), apoi - „Salvați pentru web” ( Salvați pentru web și dispozitive):

Apoi, în fereastra care apare, selectați PNG-24 din meniul derulant al valorilor posibile, apoi asigurați-vă că „Transparență” ( Transparenţă) și " Convertiți în sRGB» ( Convertiți în sRGB). Aceasta confirmă faptul că imaginea va conține un fundal transparent și modul său de culoare va fi convertit în sRGB, spațiul de culoare recomandat pentru web.

Câmpuri " Marimea imaginii» ( Marimea imaginii) sunt completate automat cu valorile pe care le-ați specificat când ați creat fișierul. Dar dacă doriți să redimensionați fișierul înainte de salvare, puteți face acest lucru acum.

Versiunea Photoshop CC 2015:

Inainte de, cum se face o fotografie transparentă în Photoshop, trebuie să știți că începând cu CC 2015, „Salvați pentru web” ( Salvați pentru web și dispozitive) în meniul Fișier ( Fişier) este marcat ca Legacy (depreciat). Și înlocuit cu o nouă opțiune „Export” ( Export), care oferă funcționalități identice cu economisire mai rapidă într-o dimensiune mai mică a fișierului și o calitate mai bună. Pentru a utiliza opțiunea Export, faceți clic pe meniul Fișier ( Fişier), și apoi - " Exportați ca» ( Exportați ca).

Notă: Adobe oferă în continuare Salvare pentru web ( Salvați pentru web și dispozitive) în Photoshop CC 2015 și este disponibil prin Fișier> Export ( Fișier> Export) sau folosind comanda rapidă de la tastatură Comandă + Opțiune + Shift + S (pentru Mac) sau Ctrl + Alt + Shift + S (pentru PC):

Apoi, în fereastra care apare, selectați PNG din meniul derulant Format ( Format) și asigurați-vă că transparența ( Transparenţă) și " Convertiți în sRGB» ( Convertiți în sRGB).