Kuidas kiiresti Photoshopis PNG-vormingus pilti ilma taustata salvestada. Läbipaistva PNG loomine Adobe Photoshopis (CC ja uuemad versioonid)

Tere päevast, kallid lugejad. Võimalus teha läbipaistva taustaga pilte on uskumatult vajalik igale algajale veebisaidi arendajale, kujundajale ja isegi tavainimesele.

See on Photoshopi kõige populaarsem funktsioon ja seetõttu otsustasin teile võimalikult üksikasjalikult rääkida mitte ainult protsessist endast, vaid ka sellest, kuidas Photoshopis pilti ilma taustata salvestada.

Selgub, et paljudel on sellega raskusi, kuid Internetis pole selleteemalisi väljaandeid Internetis üldse. Foorumites on vaid mõned teemad. Kuid ma võtan endale ülesande see ebaõiglus parandada ...

Niisiis, panen nüüd selga rüütlirüü ja hajutan kõik hirmud, kahtlused, arusaamatused ning muudan Photoshopi kunsti raskused kunstituks rutiiniks. Räägin teile ka kõigist käsitöö keerukustest. Sea end valmis. Ma "tean" väga lihtsas keeles, et see kõigile selgeks saaks, seega vabandan lugejate ees, kellele selline pedantsus on piinlik ja nad ise teavad kõike väga hästi.

Tänan kannatlikumaid mõistva suhtumise eest. Alustame.

Mida peate saavutama, et foto oleks tõeliselt läbipaistev

Tavaliselt kuvatakse sellise kontrolliga pildil olev läbipaistvus. Kui näete seda Google'is, saab pilti probleemideta alla laadida ja kui see objekt asetatakse teisele taustale, siis värv ei muutu.

Nagu näete, sellist kontrolli ei kuvata, kui otsingus olev pilt peegeldub läbi pisipildi. Tuleb klõpsata pildil ja avaneb lisainfo.

Vaata, ma kopeerisin selle joonise ja kleepisin selle põllu fotole. Ma ei hakka täpselt kirjeldama, kuidas ma seda tegin, see pole praegu oluline. Kõige tähtsam on see, et kõik põllu osad on näha, kuubikud tunduvad olevat lõigatud ja pildile asetatud.

Kui ma poleks otsingus kabega fotot leidnud, oleks illustratsioon hoopis teistsugune välja näinud. Taust oleks valge ja ristkülikukujuline.

Miks nii? See ruut on üldtunnustatud märk, kui näete seda, siis pole selles illustratsiooni osas üldse värvi ja peale asetades näete pildi alumist osa. Samuti kuvatakse läbipaistvus ja. Kui peate fotolt tausta eemaldama, peate tagama, et värvi asemel näete seda hinnalist mustrit. Kontrollija.

Kuidas läbipaistvaid pilte õigesti salvestada

Me kõik oleme harjunud sellise fotovorminguga nagu jpeg. Mõned inimesed pole isegi teadlikud teiste olemasolust. Samas ei saa ta aru, mis on läbipaistvus. "Õigete" fotode allalaadimiseks ja arvutisse salvestamiseks peate mõistma ja meeles pidama uut vormingut - png.

Näete, lisaks kabele on Google'is peaaegu alati näha ka seda tähekombinatsiooni koos vajalike piltidega.

Seejärel valige soovitud failitüüp, png, ja oletegi valmis. See on saadaval mis tahes versioonis. Kui ei näe – vaata hoolikamalt. Ilma selleta ei saa. Usalda mind.

Miks oli vaja välja mõelda teistsugune formaat? Asi on selles, et populaarne jpeg ei saa aru, mis on läbipaistvus. Ta muudab selle tavaliseks valgeks.

Kuidas taustast lahti saada: lihtne ja üsna kiire viis ilma tarbetute probleemideta

Minu blogist leiate artikli, milles näitan 4 tööriista ja annan video, millest leiate 3 võimalust pildil olevast taustast vabanemiseks (). Huvi korral saate seda lugeda. Nüüd tahaksin teile näidata veel ühte tehnikat, sest usun, et ilma selleta poleks artikkel täielik. Kunagi ei tea, keegi ei taha mu blogisse ronida. Ja siin on kõik ühes kohas.

Niisiis, teeme pildi lahti.

Leidke tööriist Background Eraser. Kui te seda ei leia, hoidke hiirt mõne sekundi jooksul vasakpoolse nupuga tavalise kustutuskummi klahvil. Avaneb vajalik tööriist. Saate selle lisada, klõpsates sellel.

Pesemise hõlbustamiseks saate kustutuskummi läbimõõtu suurendada.

Nüüd nokitsege pildil olevate mittevajalike elementide üle. Näete, kuidas kabe hakkab ilmuma ja värv kaob!

Loodan, et pärast lõpetamist ei teki teil küsimust, millises vormingus töödeldud joonis salvestada. Muidugi PNG.

See kustutamisviis ei ole parim ega ka kõige mugavam. Seetõttu soovitan teil siiski pöörata tähelepanu minu eelmisele artiklile, mis on täielikult sellele teemale pühendatud.

Ja kui olete huvitatud Photoshopis töötamisest, siis soovitan teil sellega raha teenida! Nõudlust on. Saate hõlpsasti proovida, pilte töödelda ja palju huvitavat teha. Uskuge mind, see on tõesti vajalik. Saate seda kontrollida, avades mitu vabakutselist saiti.

Arvad, et sul ei õnnestu või oled selle jama jaoks liiga vana? Pole piisavalt aega? Uskuge mind, need on kõik naeruväärsed vabandused. Olen jurist ja teenin piisavalt raha, aga ... kas teil on hobi, lemmikhobi? Kas elate elu täiel rinnal? Kas sul on tõesti igav?

Mida iganes sa tead ja mis sind huvitab. Internet avab palju uusi võimalusi. Too oma ellu muutust. Kui raha sind ei huvita, on see veelgi parem. See annab teie projektile parema võimaluse muutuda kalliks, lahedaks ja edukaks. Kõik kuulsad inimesed ei tööta kasumi nimel, nad töötavad sellepärast, et nad armastavad seda, mida nad teevad. Vähesed neist nimetavad seda "tööks".

Möödus on aeg, mil inimene veetis suurema osa ajast arvuti või televiisori taga. Nüüd kõik arenevad, täiustavad mõningaid oma oskusi ja jagavad inimestega seda, mida nad teavad. Tegelikult on see alati nii olnud, ainult mastaap on suurenenud.

Muide, mitte nii kaua aega tagasi lugesin Kaukaasia mägismaalaste pikaealisuse saladusi. Üks põhimõte on see, et noorem põlvkond tuleb pidevalt nende juurde mõnes olulises küsimuses nõu pidama. Vanad inimesed tunnevad end vajalikuna ja seetõttu ei koge nad vanadusega seoses negatiivseid emotsioone. Kaukaasias ärge kartke vananeda.

Muide, positiivne suhtumine on veel üks saladus. Vanemad väidavad, et keegi ei taha suhelda vihaste, ärritunud ja igavate inimestega, kellel pole huvitavaid hobisid, ja seetõttu on selline elustiil äärmiselt kahjumlik, eriti vanemas eas.

Tehke midagi uut. Kui teile meeldib Photoshop - pöörake tähelepanu Zinaida Lukyanova kursusele - “ Photoshop nullist Ja valdage seda suurepäraselt. Väga kiiresti on teil tulus hobi. Kas pole disaini vastu nii kirglik? Pöörake sellele tähelepanu ja looge oma projektid.

Kui teile see artikkel meeldis ja ma olen teist vähemalt veidi huvitatud - tellige uudiskiri. Laske mitte praegu, vaid andke endale võimalus teha midagi uut. Saadan teile oma väljaanded selle kohta, kuidas saate Internetis raha teenida.

Võib-olla inspireerib üks neist teid millegi uue ja seni tundmatu jaoks. Saate aru, et see on huvitav ja soovite seda ise proovida, ja siis ... kes teab, mis edasi saab?

Kas hobist saab midagi enamat või näitate lihtsalt oma töö tulemust sõpradele, et saada nende kiitust ja imetlust? Erinevalt paljudest tõusete sina diivanilt ja teete midagi, mis viib teid tavapärasest välja. Püüad oma elu muuta. See on väga kiiduväärt.

Soovin teile siiralt edu teie ettevõtmistes ja loodan, et see kohtumine ei jää meie viimaseks.

Tervitused, mu ajaveebi kallid lugejad!

Mul oli hiljuti vaja tausta eemaldamine pildilt ma ei ole eriti sõber photoshopiga. Ja ma ütlen teile, et mul pole seda isegi arvutis. (Noh, üldiselt on õige, miks mul on vaja midagi, millega ma ei tea, kuidas töötada).

Kuid pildilt tuli taust kuidagi eemaldada, hakkasin oma probleemile lahendust otsides Internetis surfama. Tegelikult on palju võimalusi, kuid ma otsisin midagi lihtsamat)). Leidsin väga lihtsa ja lihtsa viisi pildilt tausta eemaldamiseks.

Ja nii, alustame. Meil on vaja Photoshopi, aga minul seda pole. Ma kasutan online photoshopi. Väga mugav asi, ma ütlen teile. Ja muidugi taustpilt, mille tahame läbipaistvaks muuta.

Näitan teile näitega, siin on selline pilt, me eemaldame valge tausta

Me läheme veebipõhisesse Photoshopi. Ma kasutasin seda PIXLR

Valime: Laadi pilt arvutist.

Nüüd aknas paremal "KIHID" vaja lukk avada

Klõpsake sellel 2 korda vasaku nupuga hiirt, peaks kasti ilmuma linnuke.

Nüüd minge vasakpoolsele paneelile, valige tööriist "Võlukepp" ja seadke tolerantsiks 21.

Tundub, et see on kõik, kuid ma pole pildiga täiesti rahul, taustal on endiselt jäänuseid, klõpsan uuesti sellel kohal, mida tahan eemaldada. Seejärel "redigeeri" ---- "tühjenda". Ja nii edasi, kuni eemaldate kõik vajaliku.

Head päeva!
Kas olete kunagi mõelnud, kuidas PNG-failid töötavad? Ei? Ma ütlen teile igatahes.
PNG-vorming (Portable Network Graphics) leiutati 1995. aastal GIF-i asendamiseks ja 1996. aastal, kui välja tuli versioon 1.0, soovitas W3C seda täisväärtusliku võrguvorminguna. PNG on tänapäeval üks peamisi veebigraafika vorminguid.

Lõike alt leiate PNG-faili ülesehituse üldise kirjelduse, hulga skemaatilisi pilte, ettevalmistust hex-redaktoris ja loomulikult lingi spetsifikatsioonile.

Üldine struktuur

Faili allkiri

• 89 on mitte-ASCII märk. Takistab PNG tuvastamist tekstifailina ja vastupidi.
• 50 4E 47 - PNG-st ASCII-le.
• 0D 0A – CRLF (Carriage-turn, Line-feed), DOS-stiilis reavahetus.
• 1A - peatab faili väljundi DOS-režiimis (faili lõpp), et te ei saaks mitme kilobaidist pilti teksti kujul.
• 0A – LF, Unixi stiilis reavahetus.

Tükid

Pikkus

Tüüp (nimi)

• Esimese tähe tähesuurus määrab, kas see tükk on kriitiline (suurtähed) või abitäht (väikesed tähed). Iga dekooder peab ära tundma kriitilised tükid. Kui dekooder kohtab kriitilist tükki, mille tüüpi ta ei suuda ära tunda, peab see lõppema veaga.
• Teise märgi suur- ja suurtähted seab tüki "avalikkuse" (suurtähed) või "privaatsuse" (väikesed tähed). "Avalikud" tükid on ametlikud, dokumenteeritud ja enamiku dekoodrite poolt tunnustatud. Kuid kui teil on ootamatult vaja mõne oma vajaduse jaoks konkreetset teavet kodeerida, muutke tüki nimes teine ​​märk väikeseks.
• Kolmanda märgi register on reserveeritud tulevaste saavutuste jaoks. See on ette nähtud standardi erinevate versioonide eristamiseks. Versioonide 1.0 ja 1.1 puhul peab kolmas märk olema suur. Kui see (äkitselt!) osutub väikeseks, peaksid kõik praegused dekoodrid toimima tükiga, nagu iga teinegi tundmatu (st väljuma veaga, kui tükk on kriitiline, või jätma muul juhul vahele).
• Neljanda märgi register tähendab võimalust seda tükki kopeerida toimetajate poolt, kes seda ära ei tunne. Kui suurtäht on väike, saab tükki kopeerida olenemata faili muutmise astmest, vastasel juhul (suurtähed) kopeeritakse ainult siis, kui muutmine ei mõjutanud kriitilisi tükke.

Allpool on loetelu tükkide tüüpidest koos lühikeste selgitustega.
Kriitilised tükid

• IHDR- faili päis, sisaldab põhiteavet pildi kohta. Peab olema esimene tükk.
• PLTE- palett, värvide loend.
• IDAT- sisaldab tegelikult pilti. Pildi saab voogesitamiseks jagada mitmeks IDAT-i tükiks. Igal failil peab olema vähemalt üks IDAT-i tükk.
• END- viimane tükk peab olema faili viimane tükk.

Abitükid

• bKGD- see tükk määrab peamise taustavärvi.
• cHRM kasutatakse CIE 1931 värviruumi määratlemiseks.
• gAMA- määrab vahemiku.
• HIST- see tükk võib salvestada histogrammi või pildi iga värvi kogusisalduse.
• iCCP- ICC värviprofiil
• iTXt- sisaldab UTF-8 teksti, mis võib olla tihendatud ja koos valikulise keelesildiga. iTXt-tükk märksõnaga "XML: com.adobe.xmp" võib sisaldada laiendatavat metaandmete platvormi (XMP).
• pHYs- sisaldab pildi hinnangulist piksli suurust ja/või kuvasuhet.
• sBIT(olulised bitid) - määrab pildi värvitäpsuse (must-valge, täisvärviline, must-valge koos läbipaistvusega jne), et hõlbustada dekodeerimist.
• sPLT- pakub paletti kasutamiseks, kui kogu värvivalik pole saadaval.
• sRGB- näitab standardse sRGB-skeemi kasutamist.
• sTER- stereoskoopiliste kujutiste indikaator.
• TEKST- võib sisaldada teksti ISO / IEC 8859-1 formaadis, kusjuures iga tüki jaoks on üks nimi = väärtuspaar.
• aega- salvestab pildi viimase muudatuse kuupäeva.
• tRNS- sisaldab teavet läbipaistvuse kohta.
• zTXt- tihendatud tekst samade piirangutega kui tekst.

CRC

Minimaalne PNG

IHDR

• laius, 4 baiti
• kõrgus, 4 baiti
• Bitisügavus, määrab bittide arvu valimi (mitte piksli) kohta, 1 bait
• Värvitüüp, koosneb 3 lipust 1 (kasutatakse paletti), 2 (kasutatakse värvi, mitte ühevärvilist) ja 4 (alfa kanal on olemas), 1 bait
• Kompressioonimeetod. Hetkel on saadaval ainult väärtus 0 – tihendamine tühjendusalgoritmi abil. Kui väärtus erineb 0-st, loetakse tükk tundmatuks ja dekooder teatab veast. 1 bait
• Filtreerimismeetod. Nii nagu kompressiooni puhul, saab see hetkel olla ainult null. 1 bait
• Põimimismeetod. Määrab andmete edastamise järjekorra. Hetkel on saadaval 2 väärtust: 0 (ilma ülerealaotuseta) ja 1 (interlace Adam7). 1 bait

END

IDAT

Seega näeb lihtsaim PNG-fail (näiteks) välja selline.

Järeldus

Habré teema JPEG-i struktuuri kohta: habrahabr.ru/blogs/algorithm/102521
Habré teema GIF-i struktuuri kohta: habrahabr.ru/blogs/algorithm/127083

Tänan tähelepanu eest, olen hea meelega igasuguse kriitika üle!

Mõnikord peate laadima pildi, mis sisaldab läbipaistvaid elemente, millest algne taust läbi paistab. Sellistel juhtudel oleks mugav laadida PNG-pilte, kuna need suudavad säilitada läbipaistvust.

Selles artiklis räägime teile, kuidas Photoshopis läbipaistvust teha.

Faili loomine

Esimene samm on faili loomine. Selleks avage Adobe Photoshop ja menüüs Fail ( Fail) valige lehe ülaosas Loo ( Uus).

Seejärel ilmuvas aknas "Uus dokument" ( Uus dokument) looge soovitud fail ja veenduge, et teie dokumendi eraldusvõime on 72 pikslit tolli kohta ( kuna fail on mõeldud veebi kasutamiseks). Ja ka see, et olete valinud väärtuse "Läbipaistev" ( Läbipaistev) ripploendis "Taustasisu" ( Tausta sisu).

* Enne Photoshopis läbipaistva PNG tegemist peate selgitama, et selles näites loome saidi taustaks üleslaadimiseks pildi, seega on dokumendi suurus määratud järgmiselt: laius 3000 pikslit, kõrgus 1730 pikslit, mis on HD-piltide üleslaadimiseks soovitatavad suurused:

Seejärel paneelil "Kihid" ( Kihid) veenduge, et töötate läbipaistva kihi kallal, mitte taustal:

Photoshopi versioonid, mis on varasemad kui CC 2015:

Nüüd me räägime kuidas Photoshopis pilt läbipaistvaks teha mis ilmus varem kui CC 2015. Need versioonid kasutavad funktsiooni Save For Web ( Salvestage veebi ja seadmete jaoks) PNG-piltide salvestamiseks ja optimeerimiseks veebis kasutamiseks. Selle meetodi kasutamiseks minge lihtsalt menüüsse Fail ( Fail) ja seejärel - "Salvesta veebi jaoks" ( Salvestage veebi ja seadmete jaoks):

Photoshop CC 2015 versioon:

Enne, kuidas muuta foto Photoshopis läbipaistvaks, peate teadma, et CC 2015 seisuga on "Save for Web" ( Salvestage veebi ja seadmete jaoks) menüüs Fail ( Fail) on märgitud kui Pärand. Ja asendati uue valikuga "Eksport" ( Ekspordi), mis pakub identset funktsionaalsust kiirema salvestamisega väiksemas failisuuruses ja parema kvaliteediga. Ekspordivaliku kasutamiseks klõpsake menüül Fail ( Fail), ja siis - " Ekspordi kui» ( Ekspordi kui).

Märkus: Adobe pakub endiselt veebis salvestamise võimalust ( Salvestage veebi ja seadmete jaoks) rakenduses Photoshop CC 2015 ja see on saadaval menüü Fail> Ekspordi ( Fail> Ekspordi) või kasutades klaviatuuri otseteed Command + Option + Shift + S (Maci jaoks) või Ctrl + Alt + Shift + S (PC):

Põllud" Pildi suurus» ( Pildi suurus) ja lõuendi suurus ( Lõuendi suurus) peaks automaatselt täituma väärtustega, mille määrasite faili loomisel. Kuid soovi korral saate neid parameetreid enne muuta kuidas Photoshopis läbipaistvuse efekti luua.