Kuinka nopeasti tallentaa kuvan ilman taustaa PNG-muodossa Photoshopissa. Kuinka luoda läpinäkyvä PNG Adobe Photoshopissa (CC ja uudemmat versiot)

Hyvää päivää, rakkaat lukijat. Kyky tehdä kuvia läpinäkyvällä taustalla on uskomattoman välttämätön jokaiselle aloittelevalle verkkosivuston kehittäjälle, suunnittelijalle ja jopa tavalliselle ihmiselle.

Tämä on Photoshopin suosituin toiminto, ja siksi päätin kertoa sinulle mahdollisimman yksityiskohtaisesti paitsi itse prosessista, myös kuinka voit tallentaa kuvan Photoshopissa ilman taustaa.

Osoittautuu, että monilla on vaikeuksia tämän kanssa, mutta Internetissä ei ole julkaisuja tästä aiheesta ollenkaan. Vain muutama aihe foorumilla. Mutta otan tehtävän korjata tämä epäoikeudenmukaisuus...

Joten nyt pukeudun ritarilliseen haarniskaan ja hälvenän kaikki pelot, epäilykset, väärinkäsitykset ja muutan Photoshopin taiteen vaikeudet taiteettomaksi rutiiniksi. Kerron sinulle myös kaikista käsityön hienouksista. Valmistaudu. "Tiedän" hyvin yksinkertaisella kielellä, jotta se tulee kaikille selväksi, joten pahoittelen lukijoilta, jotka ovat nolostuneet tällaisesta tarkkuudesta ja he itse tietävät kaiken erittäin hyvin.

Kiitän kärsivällisempää ymmärryksestäsi. Aloitetaan.

Mitä sinun on saavutettava, jotta valokuva olisi todella läpinäkyvä

Kuvan läpinäkyvyys näytetään yleensä tällaisella ruudulla. Jos näet sen Googlessa, kuva voidaan ladata ilman ongelmia ja kun tämä objekti asetetaan toisen taustan päälle, väri ei muutu.

Kuten näet, tällaista tarkistusmerkkiä ei näytetä, jos haussa oleva kuva heijastuu pikkukuvan kautta. Sinun täytyy klikata kuvaa ja lisätietoja avautuu.

Katsokaa, kopioin tämän piirustuksen ja liitin sen kentän valokuvaan. En kerro tarkalleen, miten tein sen, sillä nyt ei ole väliä. Tärkeintä on, että näet kaikki kentän osat, kuutiot näyttävät olevan leikattu ja kuvan päällä.

Jos en olisi haussa löytänyt valokuvaa, jossa on nappula, kuva olisi näyttänyt täysin erilaiselta. Tausta olisi valkoinen ja suorakaiteen muotoinen.

Miksi niin? Tämä tarkistusruutu on yleisesti hyväksytty merkki, jos näet sen, tässä kuvan osassa ei ole väriä ollenkaan, ja kun se on päällekkäin, näet kuvan alaosan. Samoin läpinäkyvyys näytetään ja. Jos sinun on poistettava tausta valokuvasta, sinun on varmistettava, että värin sijaan näet tämän vaalitun kuvion. Tarkistaja.

Kuinka säilyttää läpinäkyviä kuvia oikein

Olemme kaikki tottuneet sellaiseen valokuvamuotoon kuin jpeg. Jotkut ihmiset eivät edes tiedä muiden olemassaolosta. Hän ei kuitenkaan ymmärrä, mitä läpinäkyvyys on. Jotta voit ladata ja tallentaa "oikeita" valokuvia tietokoneellesi, sinun on ymmärrettävä ja muistettava uusi muoto - png.

Näet, Googlessa nappuloiden lisäksi näet melkein aina tämän kirjainyhdistelmän tarvittavien kuvien kanssa.

Valitse sitten haluamasi tiedostotyyppi, png, ja olet valmis. Se on saatavana missä tahansa versiossa. Jos et näe - katso tarkemmin. Et tule toimeen ilman sitä. Luota minuun.

Miksi piti keksiä erilainen muoto? Asia on siinä, että suosittu jpeg ei ymmärrä mitä läpinäkyvyys on. Hän vaihtaa sen tavalliseen valkoiseen.

Kuinka päästä eroon taustasta: yksinkertainen ja melko nopea tapa ilman turhaa vaivaa

Blogistani löydät artikkelin, jossa näytän 4 työkalua ja annan videon, josta löydät 3 tapaa päästä eroon kuvan taustasta (). Voit lukea sen, jos olet kiinnostunut. Nyt haluaisin näyttää sinulle vielä yhden tekniikan, koska uskon, että ilman tätä artikkeli ei olisi täydellinen. Et koskaan tiedä, joku ei halua kiivetä blogiani. Ja tässä kaikki on yhdessä paikassa.

Joten avataanpa kuva.

Etsi Background Eraser -työkalu. Jos et löydä sitä, pidä hiiren vasenta painiketta painettuna tavallisen pyyhekumipainikkeen näppäimessä muutaman sekunnin ajan. Tarvittava työkalu avautuu. Voit lisätä sen napsauttamalla sitä.

Voit suurentaa pyyhekumin halkaisijaa, jotta se on helpompi pestä.

Käsittele nyt kuvan tarpeettomat elementit. Näet kuinka nappula alkaa näkyä ja väri katoaa!

Toivon, että valmistumisen jälkeen sinulla ei ole kysymystä, missä muodossa käsitelty piirros tallennetaan. Tietenkin PNG.

Tämä pyyhkimismenetelmä ei ole paras eikä kätevin. Siksi suosittelen, että kiinnität edelleen huomiota edelliseen artikkeliini, joka on täysin omistettu tälle aiheelle.

Ja jos olet kiinnostunut työskentelemään Photoshopissa, suosittelen sinua ansaitsemaan siitä rahaa! Kysyntää on. Voit helposti kokeilla, käsitellä kuvia ja tehdä paljon mielenkiintoisia asioita. Usko minua, tämä on todella välttämätöntä. Voit vahvistaa avaamalla useita freelance-sivustoja.

Luuletko ettet onnistu vai oletko liian vanha tähän paskaan? Eikö aika riitä? Usko minua, nämä ovat kaikki naurettavia tekosyitä. Olen lakimies ja ansaitsen tarpeeksi rahaa, mutta ... onko sinulla harrastus, suosikkiharrastus? Elätkö elämää täysillä? Oletko todella tylsistynyt?

Mitä tahansa tiedät ja mistä olet kiinnostunut. Internet avaa paljon uusia mahdollisuuksia. Tuo muutos elämääsi. Jos raha ei kiinnosta sinua, se on vielä parempi. Tämä antaa projektille paremmat mahdollisuudet tulla kalliiksi, siistiksi ja onnistuneeksi. Kaikki kuuluisat ihmiset eivät työskentele voiton vuoksi, he työskentelevät, koska he rakastavat sitä, mitä tekevät. Harvat heistä kutsuvat sitä "työksi".

Aika on kulunut, jolloin ihminen vietti suurimman osan ajastaan ​​tietokoneen tai television ääressä. Nyt jokainen kehittyy, parantaa osaa taitojaan ja jakaa tietämänsä ihmisten kanssa. Itse asiassa näin on aina ollut, vain mittakaava on kasvanut.

Muuten, ei niin kauan sitten luin Kaukasian ylängön asukkaiden pitkäikäisyyden salaisuudet. Yksi periaatteista on, että nuorempi sukupolvi tulee jatkuvasti heidän luokseen neuvottelemaan jostain tärkeästä asiasta. Vanhukset tuntevat olonsa tarpeellisiksi, eivätkä he siksi koe negatiivisia tunteita vanhuudesta. Kaukasuksella älä pelkää vanhentua.

Muuten, positiivinen asenne on toinen salaisuus. Vanhimmat väittävät, että kukaan ei halua kommunikoida vihaisten, ärtyneiden ja tylsien ihmisten kanssa, joilla ei ole mielenkiintoisia harrastuksia, ja siksi tällainen elämäntapa on erittäin kannattamatonta, etenkin vanhemmalla iällä.

Tee jotain uutta. Jos pidät Photoshopista - kiinnitä huomiota Zinaida Lukyanovan kurssiin - “ Photoshop tyhjästä Ja hallitse se täydellisesti. Hyvin nopeasti sinulla on kannattava harrastus. Etkö ole niin intohimoinen suunnitteluun? Kiinnitä siihen huomiota ja luo projektisi.

Jos pidit tästä artikkelista ja olen ainakin hieman kiinnostunut sinusta - tilaa uutiskirje. Älä anna nyt, vaan anna itsellesi mahdollisuus tehdä jotain uutta. Lähetän sinulle julkaisuni siitä, kuinka voit ansaita rahaa Internetissä.

Ehkä yksi niistä inspiroi sinua johonkin uuteen ja vielä tuntemattomaan. Ymmärrät, että se on mielenkiintoista ja haluat kokeilla sitä itse, ja sitten ... kuka tietää mitä tapahtuu seuraavaksi?

Tuleeko harrastuksesta jotain muuta, vai näytätkö vain työsi tuloksia ystävillesi saadaksesi kiitosta ja ihailua? Toisin kuin monet, sinä nouset sohvalta ja teet jotain, mikä saa sinut pois tavanomaisesta. Yrität muuttaa elämäsi. Tämä on erittäin kiitettävää.

Toivotan teille vilpittömästi menestystä pyrkimyksissänne ja toivon, ettei tämä tapaaminen jää viimeiseksi.

Tervehdys, rakkaat blogini lukijat!

Tarvitsin äskettäin poista tausta kuvan perusteella en ole erityisen ystävä Photoshopin kanssa. Ja kerron teille, että minulla ei ole sitä edes tietokoneellani. (No, se on yleensä oikein, miksi tarvitsen jotain, jonka kanssa en osaa työskennellä).

Mutta kuvan tausta oli jotenkin poistettava, aloin surffata Internetissä etsimään ratkaisua ongelmaani. Itse asiassa vaihtoehtoja on monia, mutta etsin jotain helpompaa)). Löysin erittäin helpon ja yksinkertaisen tavan poistaa taustakuvasta.

Ja niin, aloitetaan. Tarvitsemme Photoshopin, mutta minulla ei ole sitä. Käytän online photoshopia. Erittäin kätevä asia, kerron sinulle. Ja tietysti taustakuva, jonka haluamme tehdä läpinäkyväksi.

Näytän sinulle esimerkillä, tässä on tällainen kuva, poistamme valkoisen taustan

Siirrymme online-Photoshopiin. Käytin tätä PIXLR

Valitsemme: Lataa kuva tietokoneelta.

Nyt oikealla ikkunassa "KERROS" pitää avata lukko

Klikkaa sitä 2 kertaa vasemmalla painikkeella hiirtä, ruutuun pitäisi ilmestyä valintamerkki.

Siirry nyt vasemmalla olevaan paneeliin ja valitse työkalu "Taikasauva" ja aseta toleranssiksi 21.

Siinä näyttää olevan kaikki, mutta en ole täysin tyytyväinen kuvaan, taustasta on edelleen jäänteitä, napsautan uudelleen paikkaa, jonka haluan poistaa. Sitten "muokkaa" ---- "tyhjennä". Ja niin edelleen, kunnes poistat kaiken tarvitsemasi.

Hyvää päivää!
Oletko koskaan miettinyt, kuinka PNG-tiedostot toimivat? Ei? Kerron joka tapauksessa.
PNG (Portable Network Graphics) -muoto keksittiin vuonna 1995 korvaamaan GIF, ja jo vuonna 1996, version 1.0 julkaisun myötä, W3C suositteli sitä täysimittaiseksi verkkomuodoksi. PNG on yksi tärkeimmistä verkkografiikkamuodoista nykyään.

Leikkauksen alta löydät yleiskuvauksen PNG-tiedoston rakenteesta, joukon kaaviokuvia, valmistelua hex-editorissa ja tietysti linkin spesifikaatioon.

Yleinen rakenne

Tiedoston allekirjoitus

• 89 on ei-ASCII-merkki. Estää PNG:n tunnistamisen tekstitiedostoksi ja päinvastoin.
• 50 4E 47 - PNG-ASCII-merkintä.
• 0D 0A - CRLF (Carriage-Return, Line-feed), DOS-tyylinen rivinsyöttö.
• 1A - pysäyttää tiedoston tulostuksen DOS-tilassa (tiedoston loppu), jotta et saa usean kilotavun kuvaa tekstimuodossa.
• 0A - LF, Unix-tyylinen rivinsyöttö.

Palat

Pituus

Tyyppi (nimi)

• Ensimmäisen merkin kirjainkoko määrittää, onko tämä pala kriittinen (isot kirjaimet) vai apu (pienet kirjaimet). Jokaisen dekooderin on tunnistettava kriittiset palat. Jos dekooderi kohtaa kriittisen palan, jonka tyyppiä se ei tunnista, sen on lopetettava virhe.
• Toisen merkin kirjainkoko määrittää osan "julkisen" (isot kirjaimet) tai "yksityisyyden" (pienet kirjaimet). "Julkiset" palat ovat virallisia, dokumentoituja ja useimpien dekooderien tunnistamia. Mutta jos joudut yhtäkkiä koodaamaan tiettyjä tietoja joihinkin tarpeisiisi, tee vain toisesta merkistä pieni kappaleen nimessä.
• Kolmannen merkin rekisteri on varattu tulevia saavutuksia varten. Sitä on tarkoitus käyttää standardin eri versioiden erottamiseen. Versioissa 1.0 ja 1.1 kolmannen merkin on oltava suuri. Jos se (yhtäkkiä!) osoittautuu pieneksi, kaikkien nykyisten dekooderien pitäisi toimia palalla, aivan kuten minkä tahansa muun tunnistamattoman (eli poistua virheestä, jos pala on kriittinen, tai ohita muutoin).
• Neljännen merkin rekisteri tarkoittaa sitä, että toimittajat, jotka eivät tunnista sitä, voivat kopioida tämän palan. Jos kirjain on pieni, kappale voidaan kopioida riippumatta tiedoston muokkausasteesta, muussa tapauksessa (isot kirjaimet) kopioidaan vain, jos muutoksen aikana ei ole vaikuttanut kriittisiin kappaleisiin.

Alla on luettelo palatyypeistä lyhyillä selityksillä.
Kriittiset palat

• IHDR- tiedoston otsikko, sisältää perustiedot kuvasta. Täytyy olla ensimmäinen pala.
• PLTE- paletti, väriluettelo.
• IDAT- sisältää itse asiassa kuvan. Kuva voidaan jakaa useisiin IDAT-paloihin suoratoistoa varten. Jokaisessa tiedostossa on oltava vähintään yksi IDAT-kappale.
• IEND- viimeisen kappaleen on oltava tiedoston viimeinen.

Apupalat

• bKGD- Tämä pala määrittää päätaustan värin.
• cHRM käytetään määrittämään CIE 1931 -väriavaruus.
• gAMA- määrittää skaalan.
• HIST- Tämä osa voi tallentaa histogrammin tai kuvan kunkin värin kokonaissisällön.
• iCCP- ICC-väriprofiili
• iTXt- sisältää UTF-8-muotoista tekstiä, mahdollisesti pakattuna, valinnaisella kielitunnisteella. iTXt-kappale, jossa on avainsana "XML: com.adobe.xmp", voi sisältää XMP (Extensible Metadata Platform) -alustan.
• pHYs- sisältää kuvan arvioidun pikselikoon ja/tai kuvasuhteen.
• sBIT(merkittävät bitit) - määrittää kuvan väritarkkuuden (mustavalkoinen, täysvärinen, mustavalkoinen läpinäkyvyydellä jne.), helpottaakseen dekoodausta.
• sPLT- tarjoaa paletin käytettäväksi, jos koko värivalikoima ei ole saatavilla.
• sRGB- ilmaisee sRGB-standardin käytön.
• sTER- stereoskooppisten kuvien ilmaisin.
• teksti- voi sisältää tekstiä ISO / IEC 8859-1 -muodossa, yksi nimi = arvopari jokaiselle osalle.
• aika- tallentaa kuvan viimeisen muutoksen päivämäärän.
• tRNS- sisältää tietoa läpinäkyvyydestä.
• zTXt- pakattu teksti samoilla rajoituksilla kuin teksti.

CRC

Minimi PNG

IHDR

• Leveys, 4 tavua
• Korkeus, 4 tavua
• Bittisyvyys, määrittää bittien määrän näytettä kohti (ei pikseliä), 1 tavu
• Värityyppi, koostuu 3 lipusta 1 (käytetään palettia), 2 (käytetään väriä, ei yksiväristä) ja 4 (alfakanava on olemassa), 1 tavu
• Puristusmenetelmä. Tällä hetkellä käytettävissä on vain arvo 0 - pakkaus deflate-algoritmilla. Jos arvo poikkeaa 0:sta, osa katsotaan tunnistamattomaksi ja dekooderi ilmoittaa virheestä. 1 tavu
• Suodatusmenetelmä. Aivan kuten kompression tapauksessa, se voi tällä hetkellä olla vain nolla. 1 tavu
• Lomitettu menetelmä. Määrittää järjestyksen, jossa tiedot lähetetään. Tällä hetkellä saatavilla on 2 arvoa: 0 (ei lomitusta) ja 1 (Adam7 lomitus). 1 tavu

IEND

IDAT

Siten yksinkertaisin PNG-tiedosto (esimerkiksi) näyttää tältä.

Johtopäätös

Habrén aihe JPEG:n rakenteesta: habrahabr.ru/blogs/algorithm/102521
Habrén aihe GIF:n rakenteesta: habrahabr.ru/blogs/algorithm/127083

Kiitos huomiosta, otan mielelläni kaiken kritiikin vastaan!

Joskus sinun on ladattava kuva, joka sisältää läpinäkyviä elementtejä, joiden läpi alkuperäinen tausta näkyy. Näissä tapauksissa olisi kätevää ladata PNG-kuvia, koska ne pystyvät säilyttämään läpinäkyvyyden.

Tässä artikkelissa kerromme sinulle, kuinka tehdä läpinäkyvyyttä Photoshopissa.

Tiedoston luominen

Ensimmäinen askel on luoda tiedosto. Voit tehdä tämän avaamalla Adobe Photoshopin ja valitsemalla Tiedosto-valikosta ( Tiedosto) valitse sivun yläreunasta Luo ( Uusi).

Sitten näkyviin tulevassa "Uusi asiakirja" -ikkunassa ( Uusi asiakirja) luo haluamasi tiedosto ja varmista, että asiakirjasi on 72 pikseliä tuumaa kohti ( koska tiedosto on tarkoitettu verkkokäyttöön). Ja myös, että olet valinnut arvon "Läpinäkyvä" ( Läpinäkyvä) avattavassa luettelossa "Taustasisältö" ( Taustasisältö).

* Ennen kuin teet läpinäkyvän PNG:n Photoshopissa, sinun on selvennettävä, että tässä esimerkissä luomme kuvan ladattavaksi sivuston taustaksi, joten asiakirjan koko asetetaan seuraavasti: leveys 3000 pikseliä, korkeus 1730 pikseliä, mikä ovat suositellut koot HD-kuvalatauksille:

Sitten "Tasot"-paneelissa ( Kerrokset) varmista, että työskentelet läpinäkyvällä kerroksella etkä taustalla:

Photoshop-versiot aiemmat kuin CC 2015:

Nyt kerromme kuinka tehdä kuva läpinäkyväksi Photoshopissa joka ilmestyi aikaisemmin kuin CC 2015. Nämä versiot käyttävät Save For Web ( Säästä verkkoa ja laitteita varten) tallentaaksesi ja optimoidaksesi PNG-kuvia käytettäväksi verkossa. Voit käyttää tätä menetelmää siirtymällä Tiedosto-valikkoon ( Tiedosto), ja sitten - "Tallenna verkkoon" ( Säästä verkkoa ja laitteita varten):

Photoshop CC 2015 versio:

Ennen, kuinka tehdä valokuvasta läpinäkyvä Photoshopissa, sinun on tiedettävä, että CC 2015:stä lähtien "Save for Web" ( Säästä verkkoa ja laitteita varten) Tiedosto-valikosta ( Tiedosto) on merkitty Legacy (vanhentunut). Ja korvattiin uudella vaihtoehdolla "Vie" ( Viedä), joka tarjoaa identtiset toiminnot ja nopeamman tallennuksen pienemmässä tiedostokoossa ja paremman laadun. Käytä Vie-vaihtoehtoa napsauttamalla Tiedosto-valikkoa ( Tiedosto), ja sitten - " Vie nimellä» ( Vie nimellä).

Huomautus: Adobe tarjoaa edelleen Save For Web ( Säästä verkkoa ja laitteita varten) Photoshop CC 2015:ssä, ja se on saatavilla Tiedosto> Vie ( Tiedosto> Vie) tai käyttämällä pikanäppäintä Command + Option + Shift + S (Mac) tai Ctrl + Alt + Shift + S (PC):

Kentät" Kuvan koko» ( Kuvan koko) ja kankaan koko ( Kankaan koko) tulee automaattisesti täyttää arvoilla, jotka määritit tiedoston luomisen yhteydessä. Mutta jos haluat, voit muuttaa näitä parametreja aiemmin kuinka tehdä läpinäkyvyystehoste Photoshopissa.