Kuinka luoda läpinäkyvä piirros. Kuinka luoda läpinäkyvä PNG Adobe Photoshopissa (CC ja uudemmat versiot)? Kuinka tehdä kuvalle läpinäkyvä tausta

Joskus sinun on ladattava kuva, joka sisältää läpinäkyviä elementtejä, joiden avulla alkuperäinen tausta näkyy läpi. 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 Photoshop ja "Tiedosto"-valikossa ( Tiedosto) valitse sivun yläreunasta "Luo" ( Uusi).

Sitten näkyviin tulevassa ikkunassa " uusi asiakirja » ( Uusi asiakirja) luo haluamasi kokoinen tiedosto ja varmista, että asiakirjan resoluutio on 72 pikseliä tuumalla ( 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 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ä, mitkä ovat suositellut koot HD-kuvalatauksille:

Kun olet asettanut parametrit, napsauta "OK" avataksesi uuden asiakirjan.

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

Kun olet luonut luomisen ja olet valmis tallentamaan läpinäkyvän kuvan käyttämäsi Photoshop-version mukaan, Tiedosto-valikosta ( Tiedosto) voit käyttää yhtä seuraavista vaihtoehdoista:

Photoshop-versiot aiemmat kuin CC 2015:

Nyt kerromme sinulle kuinka tehdä kuva läpinäkyväksi Photoshopissa, joka ilmestyi 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" -vaihtoehdot on valittu ( 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, suositelluksi väriavaruudeksi webille.

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ä valokuvasta läpinäkyvä Photoshopissa, sinun on tiedettävä, että versiosta CC 2015 alkaen 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 tiedostoon paras laatu. Käytä "Vie"-vaihtoehtoa napsauttamalla "Tiedosto"-valikkoa ( Tiedosto), ja sitten - " Vie nimellä» ( Vie nimellä).

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

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

Hei rakkaat vierailijat. Tällä oppitunnilla näytän, kuinka voit käyttää Photoshopia poista tausta ja tee valokuvasta läpinäkyvä. Sinun ei tarvitse erityisiä tietoja tästä Photo Monsterista, koska kaikki täällä on hyvin yksinkertaista. Tärkeintä on, että sinulla on Photoshop asennettuna ja toistat kaikki vaiheet minun jälkeeni.

Joten kuinka tehdä läpinäkyvä tausta Photoshopissa?

Käynnistä Photoshop ja avaa kokeellinen valokuva. Napsauta Tiedosto – Avaa -valikkoa ja määritä kuvan sijainti.

Hienoa, valokuva 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.

Tämän lukon on poistettava, eli kerros avataan. Voit tehdä tämän suoraan lukkoon tehdä yksi napsautus hiiren vasemmalla painikkeella. Ja lukko on poissa!

Nyt meidän on poistettava tausta. Voit tehdä tämän käyttämällä jonkinlaista valintatyökalua, esim. taikasauva.

Napsauta valokuvan taustalla olevaa työkalua ja valitse näin esine, jota emme tarvitse.

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

Super! Poista nyt valinta painamalla pikanäppäintä CTR+D.

No, yleensä miten tee läpinäkyvä tausta Photoshopissa Selvitimme sen ja nyt ei ole muuta kuin tallennettava tämä kuva oikein.

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

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

Katso nyt mitä tapahtui ja mitä on tullut:

Lopuksi on syytä sanoa, 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 henkilö oli helppo erottaa taustasta. Jos poistat taustan monimutkaisista kuvista, sinun on työskenneltävä hieman kovemmin.

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

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

Mielestäni tämä ei ole 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ä kuvan, jossa on mammutinvauva sinisen taustan sijaan? Ja yritä sitten sovittaa ne sivun päätaustaan? Tämä ei ole vaihtoehto!!!

Joten ilmoitan siitä graafisia formaatteja gif Ja png- tukee läpinäkyvyystilaa, jolloin voit tehdä joistakin piirustuksen alueista ihmissilmälle näkymättömiä - mitä tarvitsemme!

Nyt järjestyksessä:

1. Avaa kuva, jonka taustasta 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. Valintatyökalun käyttäminen "Taikasauva" Ja "Pyyhekumi" Poistamme taustan piirustuksessa, jolloin tarvitsemme läpinäkyviä osia.

5. No, tallennamme kuvamme muodossa gif.. kirjanmerkki "Tiedosto" >> "Tallenna verkkoon..." Ilmoita (hyväksy) avautuvassa ikkunassa, että kuva tallennetaan muodossa gif klikkaus "Tallentaa".. valitse kansio ja kirjoita nimi - toivottavasti pystyt tekemään kaiken tämän..

Koko kuva on luotu läpinäkyvällä taustalla!!

Nyt voit liittää sen takaisin sivullemme unohtamatta muuttaa laajennusta jpg päällä gif .

gif" alt="Baby Mammoth"> !}

Hyvin usein onnittelukortteja tai videoita luodessaan kohtasin kysymyksen: Kuinka tämä voidaan tehdä? ilman tietoa photoshop?

Jokainen Photoshopin tunteva tekee tämän ilman vaikeuksia. Mutta kaikki eivät ole vielä tutkineet tätä älykästä ohjelmaa. Miten ne voivat olla? Eikö todellakaan ole ulospääsyä?

Loppujen lopuksi on aina halu tehdä esityksistämme, onnitteluistamme ja sivuistamme houkuttelevimpia ja ammattimaisimpia. Olen jo kertonut sinulle, kuinka ohjelmaa käytetään näihin tarkoituksiin. Se auttaa sinua tekemään kuviasi ja voit jopa käyttää sitä ensimmäisen kuvan tekemiseen.

Ja nyt kerron sinulle toisen salaisuuden: tänään opit tekemään kuvan taustasta läpinäkyvän. Lisäksi 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-monikerroksisella taustalla - esimerkiksi valkoisella. Siirry palvelusivulle. Sinun ei tarvitse käydä läpi tylsiä rekisteröintimenettelyjä. Napsauta vain verkkopalvelun linkkiä.

Seuraava ikkuna avautuu edessäsi:

Lehdistö " Lataa kuva tietokoneeltasi". Valitse valmistelemasi kuva. Voit sijoittaa sen erilliseen kansioon kuvissa. Tai työpöydälle, jotta et etsi pitkää aikaa. Napsauta tätä kuvaa kerran ja paina " avata".

Kuva näkyy palvelinsivulla:

Oikealta tulee ulos 3 ikkunaa ja niiden keskellä on riippulukko. Napsauta sitä 2 kertaa hiiren vasemmalla painikkeella. Tämä avaa oven taikuuteen.

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

Viimeinen askel kohti muutosta: paina " Del" (poista) tietokoneellasi. Taustasta tulee ruudullinen alue. Jos ruudullinen alue ei peitä kaikkea ympärillä olevaa tilaa, kosketa tätä paikkaa uudelleen taikasauvalla ja paina "Del"-painiketta

Näyttöön tulee ikkuna, jossa kysytään: "Tallenna kuva ennen sulkemista?" Klikkaus " Joo".

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

Ja niin, joskus törmäät postaukseesi hyvin sopivan kuvan ja kaikki olisi hyvin... Mutta kuvan tausta ei täsmää blogin tai tekstilohkon taustaan. Ilmeisesti kenelläkään ei ole tätä ongelmaa, eikä kenelläkään ole valkoista taustaa, joka olisi sopiva useimmissa tapauksissa. tarvitsen läpinäkyvä tausta!

Internetistä en löytänyt 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 verkkoversio, auttaa meitä tässä.

Ladataan kuvaamme. Oikealle "Layers"-ikkunaan ilmestyy "Tausta"-taso, jossa on lukko (estää kuvan taustan poistamisen).

Kaksoisnapsauttamalla tätä lukkoa hiiren vasemmalla painikkeella voit poistaa lukon taustalta. Riippulukon tilalle tulee valintamerkki.

Ota nyt taikasauva (työkalupalkki, oikea sarake, toinen painike ylhäältä), määritä seuraavat parametrit: toleranssi = 21, tasoituksen ja jatkuvuuden valintaruudut(yleensä tällaiset parametrit ovat vakioita), vaikka voit kokeilla parametreja; ja napsauta kuvan taustaa (meidän tapauksessamme valkoista taustaa).

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