Kuinka luoda läpinäkyvä piirros. Miten luodaan läpinäkyvä PNG Adobe Photoshopissa (CC-versio ja uudempi)? Kuinka tehdä kuvalle läpinäkyvä tausta

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 kuinka tehdä läpinäkyvyyttä Photoshopissa.

Tiedoston luominen

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

Sitten näkyviin tulevassa ikkunassa uusi asiakirja » ( Uusi asiakirja) luo oikeankokoinen tiedosto ja varmista, että asiakirjan resoluutio on 72 pikseliä tuumaa kohti ( koska tiedosto on tarkoitettu käytettäväksi verkossa). Ja myös, että valitsit arvon "Läpinäkyvä" ( läpinäkyvä) avattavassa Taustasisältö-luettelossa ( taustasisältöä).

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

Kun olet asettanut parametrit, avaa uusi asiakirja napsauttamalla OK.

Sitten Tasot-paneelissa ( Kerrokset) varmista, että käsittelet läpinäkyvää kerrosta etkä taustaa:

Kun olet luonut ja olet valmis tallentamaan läpinäkyvän kuvan käyttämästäsi Photoshop-versiosta riippuen, Tiedosto-valikossa ( Tiedosto) voit käyttää yhtä seuraavista vaihtoehdoista:

Photoshop-versiot aiemmat kuin CC 2015:

Nyt kerromme kuinka tehdä kuva läpinäkyväksi Photoshopissa, joka julkaistiin ennen CC 2015:tä. Nämä versiot käyttävät Save for Web -menetelmää ( 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):

Valitse sitten näkyviin tulevassa ikkunassa mahdollisten arvojen avattavasta valikosta PNG-24 ja varmista sitten, että "Läpinäkyvyys" on valittuna ( Läpinäkyvyys) ja " Muunna sRGB:ksi» ( Muunna sRGB:ksi). Tämä vahvistaa, että kuva sisältää läpinäkyvä tausta ja sen väritila muunnetaan sRGB:ksi, joka on verkon suositeltu väriavaruus.

Kentät" Kuvan koko» ( Kuvan koko) täytetään automaattisesti arvoilla, jotka määritit tiedoston luomisen yhteydessä. Mutta jos haluat muuttaa tiedoston kokoa ennen tallentamista, voit tehdä sen nyt.

Photoshop versio CC 2015:

Ennen, kuinka tehdä valokuvista läpinäkyviä Photoshopissa, sinun on tiedettävä, että versiosta CC 2015 lähtien vaihtoehto "Tallenna verkkoon" ( Säästä verkkoa ja laitteita varten) Tiedosto-valikossa ( Tiedosto) on merkitty Legacy. Ja korvataan uudella vaihtoehdolla "Vie" ( Viedä), joka tarjoaa identtiset toiminnot ja nopeamman tallennuksen pienempään tiedostoon ja sisään paras laatu. Käytä Vie-vaihtoehtoa napsauttamalla Tiedosto-valikkoa ( Tiedosto), ja sitten - " Vie nimellä» ( viedä nimellä).

Huomautus: Adobe tarjoaa edelleen Tallenna verkkoon -vaihtoehdon ( Säästä verkkoa ja laitteita varten) Photoshop CC 2015:ssä, ja se on saatavilla kohdassa Tiedosto > Vie ( Tiedosto > Vie) tai kun käytät pikanäppäintä Command+Option+Shift+S (Mac) tai Ctrl+Alt+Shift+S (PC):

Valitse sitten näkyviin tulevassa ikkunassa Muoto-pudotusvalikosta PNG ( Muoto) ja varmista, että Läpinäkyvyys-asetukset on valittu ( Läpinäkyvyys) ja " Muunna sRGB:ksi» ( Muunna sRGB:ksi).

Hei rakkaat vierailijat. Tässä opetusohjelmassa näytän sinulle, kuinka Photoshopia käytetään poista tausta ja tee valokuvasta läpinäkyvä. Et tarvitse erityisiä tietoja tästä Photo-Monsterista, koska kaikki on täällä hyvin yksinkertaista. Tärkeintä on, että sinulla on Photoshop asennettuna, ja toistat kaikki vaiheet minun jälkeeni.

Joten miten teet läpinäkyvän taustan Photoshopissa?

Käynnistämme Photoshopin ja avaamme kokeellisen valokuvan. Napsauta valikkoa Tiedosto - Avaa ja määritä kuvan sijainti.

Ok, kuva on auki ja aloitetaan taustan rajaaminen. Ensinnäkin meidän on avattava kerros. Kiinnitä huomiota ohjelman oikeaan alakulmaan. Siellä näet valokuvamme pääkerroksen ja pieni riippulukko.

On välttämätöntä, että tämä lukko katoaa, eli kerros avataan. Tätä varten aivan linnassa yhdellä napsautuksella hiiren vasemmalla painikkeella. Ja linnaa ei ole enää!

Nyt meidän on poistettava tausta. Tätä varten otamme jonkinlaisen valintatyökalun, esim. taikasauva.

Painamme työkalua valokuvan taustalla korostaen siten esinettä, jota emme tarvitse.

Katkoviiva ilmestyi (juoksuvat muurahaiset). Jää painaa näppäimistön DELETE-näppäintä ja tausta poistetaan. Katso kuinka siitä tuli:

Super! Poista nyt valinta painamalla näppäimistön CTR+D.

No, yleensä miten tee läpinäkyvä tausta Photoshopissa selvitimme sen ja nyt on vielä tallennettava tämä kuva oikein.

Voit tehdä tämän napsauttamalla valikkoa Tiedosto - Tallenna verkkoon. Tai vain käyttää ALT+SHIFT+CTRL+S.

Näet ikkunan, jossa meidän on ehdottomasti valittava PNG-24-muoto ja vasta sen jälkeen napsauta Tallenna-painiketta.

Ja katso nyt mitä oli ja mitä on tullut:

Lopuksi on sanottava, että joissain tapauksissa, kun päätät tehdä läpinäkyvän taustan Photoshopissa jollekin kuvalle, saatat joutua käyttämään muita valintatyökaluja, esim. Kynä tai magneettinen lasso. Käytin työkalua taikasauva, koska valokuvassani oli helppo erottaa henkilö taustasta. Jos poistat taustan monimutkaisista kuvista, joudut hikoilemaan hieman.

Siinä kaikki tälle päivälle, onnea!

Katso muodossa olevaa kuvaa jpg, pahamaineinen sarjakuvahahmo Mammoth, joka menetti äitinsä .. haluan itkeä .. ei, ei siksi, että mammutti ei löydä äitiään (tosin myös tämän takia), vaan koska sininen tausta satuttaa hänen silmiään hirveästi! Haluan vain poistaa tämän sinisen ja täyttää kuvan taustan sellaisella värillä, että se sulautuu sivun taustaan..

En usko, että tämä on sinulle ongelma! Ajattele vain avata se samalla Photoshopilla ja täyttää tausta halutulla värillä! mutta entä jos sivun päätausta on jonkinlainen monimutkainen tekstuuri?

Esimerkki, jossa kuva asetetaan pintakuvion päälle:

Avaa Photoshop ja piirrä kuva, jossa on mammutti solun sinisen taustan sijaan? Ja yritä sitten sovittaa ne sivun päätaustalle? Tämä ei ole vaihtoehto!!!

Joten ilmoitan siitä graafisia formaatteja gif Ja png- tukee läpinäkyvyystilaa, mikä mahdollistaa joidenkin kuvan osien tekemisen ihmissilmälle näkymättömiksi - mitä me tarvitsemme!

Nyt järjestyksessä:

1. Avaa kuva, jonka taustalla haluat tehdä läpinäkyvän Adobe Photoshop.

2. Avaa kirjanmerkki "Kuva" >> "Tila" >> "Indeksoidut värit".

3. Näyttöön tulevassa valintaikkunassa "Indeksoidut värit" laita rasti "Läpinäkyvyys" ja paina "OK"

4. Käytä valintatyökalua "Taikasauva" Ja "Pyyhekumi" pyyhimme taustan kuvasta, mikä tekee tarvitsemistamme osista läpinäkyviä.

5. Tallenna kuvamme muodossa gif.. kirjanmerkki "Tiedosto" >> "Tallenna verkkoon…" Ilmoita (hyväksy) avautuvassa ikkunassa, että kuva tallennetaan muodossa gif klikkaus "Tallentaa".. valitse kansio, kirjoita nimi - kaikki tämä olet sinä, toivottavasti tiedät kuinka ..

Kaikki kuva läpinäkyvällä taustalla luotu!

Nyt se voidaan lisätä sivullemme uudelleen, unohtamatta muuttaa laajennusta jpg päällä gif .

gif" alt="Mammoth"> !}

Hyvin usein, kun luon onnittelukortteja tai videoita, törmäsin kysymykseen: Kuinka voin tehdä tämän ilman tietoa photoshop?

Photoshopin tuntevat tekevät tämän ilman vaikeuksia. Mutta kaikki eivät ole vielä oppineet tätä älykästä ohjelmaa. Miten ne voivat olla? Eikö todellakaan ole ulospääsyä?

Loppujen lopuksi on aina halu tehdä esityksistämme, onnitteluistamme, sivuistamme houkuttelevimpia ja ammattimaisimpia. Olen jo kertonut sinulle, kuinka ohjelmaa käytetään tähän tarkoitukseen. Se auttaa sinua tekemään kuviasi ja voit jopa tehdä ensimmäisen sen avulla.

Ja nyt kerron sinulle vielä yhden salaisuuden: tänään opit tekemään kuvan taustasta läpinäkyvän. Ja teet sen täysin ilmaiseksi ja käytät vain 2 minuuttia ajaststasi.

Ryhdytään hommiin.

Etsi kuva josta pidät. Aluksi sen tulisi olla kuva ei-kerroksisella taustalla - esimerkiksi valkoisella. Siirrytään palvelusivulle. Sinun ei tarvitse käydä läpi tylsiä rekisteröintimenettelyjä. Napsauta vain verkkopalvelun linkkiä.

Seuraava ikkuna avautuu edessäsi:

Lehdistö " Lataa kuva tietokoneelta". Valitse valmistelemasi kuva. Voit sijoittaa sen erilliseen kansioon kuvissa. Tai työpöydälle, jotta ei tarvitse etsiä pitkään. Napsauta tätä kuvaa kerran ja napsauta " avata".

Kuva näkyy palvelinsivulla:

Oikealla on 3 ikkunaa ja lukko on piirretty niiden keskelle. Napsauta sitä 2 kertaa hiiren vasemmalla painikkeella. Tämä avaa oven taikuuteen.

Vasemmalla puolella näet paneelin " Työkalut"joista yksi on se" Taikasauva" joita nyt käytämme. Napsauta sitä kerran ja napsauta sitten mitä tahansa tyhjää tilaa valitsemasi kuvan taustalla. Kuvan ympärille ilmestyy katkoviiva.

Viimeinen askel muutoksen tiellä: paina painiketta " Del" (poista) tietokoneellasi. Taustasta tulee laatikko. Jos kaikki ympärillä oleva tila ei ole laatikon peitossa, kosketa tätä paikkaa uudelleen taikasauvalla ja paina "Del"-painiketta

Näyttöön tulee ikkuna, jossa sinulta kysytään: "Haluatko tallentaa kuvan ennen sulkemista?" Lehdistö " Joo".

Tänään päätin siirtyä hieman pois koodauksen aiheesta ja kertoa hieman suunnittelusta. Vaikka suunnittelulla on tärkeä rooli sivuston luomisessa, en ole lapsuudesta asti ollut ystävä piirtämisen, grafiikan ja suunnittelun kanssa. Siksi etsin kuvia postauksiini, kuten monet bloggaajat, jostain Internetistä käyttämällä ilmaisia ​​valokuvapankkeja ja valokuvavarastoja.

Ja niin, joskus törmää postaukseesi hyvin sopiva kuva ja kaikki olisi hyvin... Mutta kuvan tausta ei sovi blogin tai tekstilohkon taustalle. Ilmeisesti kenelläkään minulla ei ole tällaista ongelmaa, eikä yksikään taustani ole valkoinen, mikä olisi sopiva useimmissa tapauksissa. tarvitsen läpinäkyvä tausta!

En löytänyt netistä hyviä ideoita. kuinka tehdä läpinäkyvä tausta varten valmis kuva, joten aloin itsekin kokeilla ja löysin enemmän tai vähemmän sopivan ratkaisun!

Kuinka tehdä kuvalle läpinäkyvä tausta

Otetaan yksi esimerkki yksinkertainen kuva.jpg-muodossa (yleensä muoto ei ole erityisen tärkeä):

Tässä on valkoinen tausta, josta haluan päästä eroon ja tehdä sen sijaan läpinäkyvän taustan. Pixlr, Photoshopin verkkokuva, auttaa meitä tässä.

Ladataan kuvaamme. "Layers"-ikkunan oikealla puolella tulee näkyviin "Tausta"-taso, jossa on lukko (ei salli kuvan taustan poistamista).

Kaksoisnapsauttamalla hiiren vasenta painiketta tässä riippulukossa voit poistaa lukon taustalta. Riippulukon tilalle tulee valintamerkki.

Nyt otamme taikasauvan (työkalupalkki, oikea sarake, toinen painike ylhäältä), määritä seuraavat parametrit: toleranssi = 21, rastit ovat anti-aliasingissa ja jatkuvuudessa(yleensä tällaiset parametrit ovat vakioita), vaikka voit kokeilla parametreja; ja napsauta kuvan taustaa (meidän tapauksessamme valkoisella taustalla).

Nyt poistamme taustan painamalla "Poista" -painiketta ja saamme tarvitsemamme kuvan läpinäkyvällä taustalla.