Kaip greitai išsaugoti vaizdą be fono PNG formatu „Photoshop“. Kaip sukurti PNG su skaidrumu „Adobe Photoshop“ (CC versija ir naujesnė)

Laba diena, mieli skaitytojai. Galimybė kurti vaizdus skaidriais fonais yra nepaprastai reikalinga kiekvienam pradedančiajam svetainių kūrėjui, dizaineriui ir net paprastam žmogui.

Tai yra populiariausia „Photoshop“ funkcija, todėl nusprendžiau kuo išsamiau papasakoti ne tik apie patį procesą, bet ir apie tai, kaip „Photoshop“ išsaugoti vaizdą be fono.

Pasirodo, daugeliui tai kyla sunkumų, tačiau internete iš viso nėra publikacijų šia tema internete. Tik keletas temų forumuose. Bet aš imuosi misijos ištaisyti šią neteisybę ...

Taigi, dabar apsirengsiu riteriškus šarvus ir išsklaidysiu visas baimes, abejones, nesusipratimus ir Photoshop meno sunkumus paversiu paprasta kasdienybe. Taip pat papasakosiu apie visas meistriškumo subtilybes. Pasiruošk. „Žinoti“ būsiu labai paprasta kalba, kad visiems būtų aišku, todėl atsiprašau skaitytojų, kuriuos gėdija toks smulkmeniškumas ir jie patys viską puikiai žino.

Daugiau kantrybės, dėkoju už supratingumą. Pradėkime.

Ką reikia pasiekti, kad nuotrauka būtų tikrai skaidri

Skaidrumas paveikslėlyje paprastai rodomas kaip šis tikrintuvas. Jei matote jį Google, tai reiškia, kad vaizdą galima atsisiųsti be problemų ir kai šis objektas yra ant kito fono, spalva nepasikeis.

Kaip matote, toks tikrintuvas nerodomas, jei vaizdas paieškoje atsispindi per miniatiūrą. Reikia spustelėti paveikslėlį ir atsidarys papildoma informacija.

Žiūrėk, nukopijavau šį piešinį ir įklijavau ant lauko nuotraukos. Aš nesigilinsiu į tai, kaip tiksliai tai padariau, dabar tai nesvarbu. Svarbiausia, kad matosi visos lauko dalys, atrodo, kad kubeliai buvo iškirpti ir uždėti ant nuotraukos.

Jei paieškoje nebūčiau radęs nuotraukos su tikrintuvu, iliustracija atrodytų visai kitaip. Fonas būtų baltas ir stačiakampis.

Kodėl taip? Šis tikrintuvas yra įprastas bruožas, jei jį matote, tai šioje iliustracijos dalyje spalvos visai nėra, o uždėjus matysite paveikslėlio apačią. Panašiai rodomas skaidrumas ir . Jei norite pašalinti nuotraukos foną, turite įsitikinti, kad vietoj spalvos pamatysite šį brangų raštą. Šaškė.

Kaip tinkamai laikyti skaidrius vaizdus

Visi esame įpratę prie tokio nuotraukų formato kaip jpeg. Kai kurie žmonės net nežino apie kitų egzistavimą. Tačiau jis nesupranta, kas yra skaidrumas. Norint atsisiųsti ir saugoti „teisingas“ nuotraukas savo kompiuteryje, reikės suprasti ir atsiminti naująjį formatą – png.

Matote, be šaškių, Google beveik visada galite pamatyti šį raidžių derinį kartu su reikiamomis nuotraukomis.

Tada pasirinkite norimą failo tipą, png ir viskas. Jis yra kiekvienoje versijoje. Jei nematote, pažiūrėkite atidžiau. Be jo nieko. Pasitikėk manimi.

Kodėl reikėjo sugalvoti kitokį formatą? Reikalas tas, kad populiarusis jpeg nesupranta, kas yra skaidrumas. Jis pakeičia jį į įprastą baltą.

Kaip atsikratyti fono: paprastas ir gana greitas būdas be nereikalingų rūpesčių

Mano tinklaraštyje galite rasti straipsnį, kuriame parodysiu 4 įrankius, ir vaizdo įrašą, kuriame galite rasti 3 būdus, kaip atsikratyti paveikslėlyje esančio fono (). Jei domina, galite perskaityti. Dabar norėčiau parodyti jums dar vieną triuką, nes manau, kad be jo straipsnis nebūtų baigtas. Niekada negali žinoti, kažkas nenori lipti į mano tinklaraštį. O čia viskas vienoje vietoje.

Taigi atidarykime paveikslėlį.

Raskite įrankį Background Eraser. Jei jo nerandate, palaikykite pelę kelias sekundes, paspaudę kairįjį mygtuką ant įprasto trintuko klavišo. Atsidarys norimas įrankis. Galite pridėti jį spustelėdami.

Galite padidinti trintuko skersmenį, kad būtų lengviau ištrinti.

Dabar žaiskite su nereikalingais paveikslėlio elementais. Pamatysite, kaip pradeda pasirodyti šaškė, o spalva dingsta!

Tikiuosi, kad baigus jums nekils klausimų, kokiu formatu išsaugoti apdorotą piešinį. Žinoma, PNG.

Šis trynimo būdas negali būti vadinamas geriausiu ir neįtikėtinai patogiu. Todėl rekomenduoju vis tiek atkreipti dėmesį į mano ankstesnį straipsnį, kuris yra visiškai skirtas šiai temai.

Ir jei jus domina darbas „Photoshop“, patariu pradėti užsidirbti pinigų! Yra paklausa. Galite lengvai išbandyti, apdoroti nuotraukas ir padaryti daug įdomių dalykų. Patikėkite, tai tikrai būtina. Tuo galite įsitikinti apsilankę keliose laisvai samdomų vertėjų svetainėse.

Manote, kad negalite to padaryti, ar esate per senas šiam šūdui? Nepakankamai laiko? Patikėkite, visa tai yra juokingi pasiteisinimai. Esu teisininkas ir uždirbu pakankamai, bet... ar turite hobį, mėgstamą hobį? Ar gyvenate visavertį gyvenimą? Ar tau tikrai nenuobodu?

Kad ir ką žinai ir kas tau įdomu. Internetas atveria daug naujų galimybių. Leiskite keisti savo gyvenimą. Jei pinigai jūsų nedomina, tai dar geriau. Tai suteikia daugiau galimybių jūsų projektui tapti brangiu, šauniu ir sėkmingu. Visi žinomi žmonės dirba ne dėl pelno, jie dirba todėl, kad myli tai, ką daro. Nedaug iš jų tai vadina „darbu“.

Praėjo laikai, kai žmonės didžiąją laiko dalį praleisdavo prie kompiuterio ar televizoriaus. Dabar visi tobulėja, tobulina kai kuriuos savo įgūdžius ir dalijasi su žmonėmis tuo, ką žino. Tiesą sakant, visada taip buvo, tik mastai padidėjo.

Beje, ne taip seniai skaičiau Kaukazo aukštaičių ilgaamžiškumo paslaptis. Vienas iš principų – jaunoji karta nuolat važiuoja pas juos pasitarti kokiu nors svarbiu klausimu. Seni žmonės jaučiasi reikalingi, todėl nepatiria jokių neigiamų emocijų dėl senatvės. Kaukaze nebijokite pasenti.

Beje, teigiamas požiūris – dar viena jų paslaptis. Senoliai įrodinėja, kad niekas nenori bendrauti su piktais, irzliais ir nuobodžiais žmonėmis, kurie neturi įdomių pomėgių, todėl toks gyvenimo būdas itin nenaudingas, ypač senatvėje.

Padaryk ką nors naujo. Jei jums patinka „Photoshop“, atkreipkite dėmesį į Zinaidos Lukyanovos kursą - “ Photoshop nuo nulio ir įvaldyti jį iki tobulumo. Labai greitai turėsite pelningą hobį. Ne toks aistringas dizainui? Atkreipkite dėmesį į tai ir kurkite savo projektus.

Jei jums patiko šis straipsnis ir aš jus bent šiek tiek sudominau, užsiprenumeruokite adresų sąrašą. Galbūt ne dabar, bet suteikite sau galimybę padaryti ką nors naujo. Atsiųsiu jums savo publikacijas apie tai, kaip galite užsidirbti pinigų internete.

Galbūt vienas iš jų įkvėps jus kažkam naujam ir dar nežinomam. Suprasite, kad tai įdomu ir norėsite tai išbandyti patys, o tada ... kas žino, kas bus toliau?

Ar pomėgis virs kažkuo daugiau, ar tiesiog parodysite savo darbo rezultatą draugams, kad sulauktumėte pagyrimų ir susižavėjimo? Kitaip nei daugelis, jūs atsikelsite nuo sofos ir darysite tai, kas nuves jus už įprastų ribų. Stengsitės pakeisti savo gyvenimą. Tai labai pagirtina.

Nuoširdžiai linkiu sėkmės jūsų darbuose ir tikiuosi, kad šis mūsų susitikimas nebus paskutinis.

Sveiki, mieli mano tinklaraščio skaitytojai!

Neseniai man prireikė pašalinti foną iš nuotraukos, aš ne itin draugauju su fotošopu. Ir aš jums pasakysiu, kad aš jo net neturiu savo kompiuteryje. (Na, tiesa, apskritai, kam man reikia kažko, su kuo aš nemoku dirbti).

Bet foną iš nuotraukos reikėjo kažkaip pašalinti, pradėjau naršyti internete, ieškodamas savo problemos sprendimo. Iš tikrųjų yra daug variantų, bet aš ieškojau ko nors paprastesnio)). Radau labai paprastą ir paprastą būdą pašalinti foną nuo paveikslėlio.

Taigi, pradėkime. Mums reikia fotošopo, bet aš jo neturiu. Naudoju internetinį photoshop. Tai labai patogu, aš jums pasakysiu. Ir, žinoma, paveikslas, kurio foną norime padaryti skaidrų.

Parodysiu su pavyzdziu, cia toks paveiksliukas, nuimsim baltu fonu

Einame į internetinį „Photoshop“. Aš naudojau šį PIXLR

Pasirinkite: Įkelti vaizdą iš kompiuterio.

Dabar tiesiai lange "SLUOKSNIAI" reikia atidaryti spyną

Mes paspaudžiame jį 2 kartus kairysis mygtukas pelę, laukelyje turėtų pasirodyti varnelė.

Dabar eikite į skydelį, esantį kairėje, pasirinkite įrankį "Stebuklinga lazdele" o tolerancija nustatyta iki 21.

Atrodo, tai ir viskas, bet aš nesu visiškai patenkintas paveikslėliu, vis dar yra fono likučių, aš dar kartą paspaudžiu vietą, kurią noriu pašalinti. Tada "redaguoti" ---- "išvalyti". Ir taip toliau, kol pašalinsite viską, ko jums reikia.

Gera diena!
Ar kada nors norėjote sužinoti, kaip veikia PNG failai? Ne? Bet vis tiek pasakysiu.
PNG (Portable Network Graphics) formatas buvo išrastas 1995 m., siekiant pakeisti GIF, o jau 1996 m., išleidus 1.0 versiją, W3C jį rekomendavo kaip visavertį tinklo formatą. PNG šiandien yra vienas pagrindinių interneto grafikos formatų.

Po pjūviu rasite bendrą PNG failo struktūros aprašymą, daugybę paveikslėlių-schemų, paruošimą šešioliktainiame redaktoriuje ir, žinoma, nuorodą į specifikaciją.

Bendra struktūra

Failo parašas

• 89 yra ne ASCII simbolis. Neleidžia PNG atpažinti kaip tekstinį failą ir atvirkščiai.
• 50 4E 47 – PNG į ASCII žymėjimas.
• 0D 0A – CRLF (Carriage-Return, Line-feed), DOS stiliaus linijos padavimas.
• 1A - sustabdo failo išvestį DOS režimu (failo pabaiga), kad negautumėte kelių kilobaitų vaizdo teksto forma.
• 0A – LF, Unix stiliaus nauja eilutė.

Gabalai

Ilgis

Tipas (vardas)

• Pirmojo simbolio didžiosios ir mažosios raidės nustato, ar nurodyta dalis yra kritinė (didžioji raidė), ar pagalbinė (mažoji). Kiekvienas dekoderis turi atpažinti svarbias dalis. Jei dekoderis susiduria su kritiniu gabalu, kurio tipo jis negali atpažinti, jis turi sugesti.
• Antrojo simbolio didžioji raidė nurodo, ar dalis yra „vieša“ (didžioji raidė) ar „privati“ (mažoji). „Viešieji“ gabalai – oficialūs, dokumentuoti, atpažįstami daugumos dekoderių. Bet jei staiga jums reikia užkoduoti konkrečią informaciją kai kuriems jūsų poreikiams, tiesiog sumažinkite antrąjį simbolį gabalo pavadinime.
• Trečiojo veikėjo atvejis paliekamas ateities pasiekimams. Jis skirtas atskirti skirtingas standarto versijas. 1.0 ir 1.1 versijose trečiasis simbolis turi būti didelis. Jei jis (staiga!) pasirodo mažas, visi dabartiniai dekoderiai turėtų gabalą traktuoti kaip bet kurį kitą neatpažintą (ty išeiti su klaida, jei gabalas yra kritinis, arba praleisti kitu atveju).
• Ketvirtojo simbolio atvejis reiškia, kad šį fragmentą gali nukopijuoti redaktoriai, kurie jo neatpažįsta. Jei didžiosios raidės rašomos mažosiomis raidėmis, fragmentą galima nukopijuoti neatsižvelgiant į tai, kiek failas buvo modifikuotas, kitu atveju (didžiosiomis raidėmis) jis kopijuojamas tik tuo atveju, jei modifikacija nepaveikė jokių svarbių dalių.

Žemiau pateikiamas gabalų tipų sąrašas su trumpais paaiškinimais.
Kritinės dalys

• IHDR- failo antraštė, kurioje yra pagrindinė informacija apie vaizdą. Turi būti pirmas gabalas.
• PLTE- paletė, spalvų sąrašas.
• IDAT- iš tikrųjų yra vaizdas. Piešinį galima padalyti į keletą IDAT dalių, kad būtų galima perduoti srautu. Kiekviename faile turi būti bent vienas IDAT fragmentas.
• IEND- paskutinė dalis faile turi būti paskutinė.

Pagalbiniai gabaliukai

• bKGD- ši dalis nustato pagrindinę fono spalvą.
• CHRM naudojamas CIE 1931 spalvų erdvei nustatyti.
• gAMA- nustato gama.
• HIST– ši dalis gali saugoti histogramą arba bendrą kiekvienos vaizdo spalvos turinį.
• iCCP- ICC spalvų profilis
• iTXt– yra UTF-8 teksto, galbūt suglaudinto, su pasirenkama kalbos žyma. iTXt gabalas su raktiniu žodžiu "XML:com.adobe.xmp" gali turėti Extensible Metadata Platform (XMP) .
• pHYs– pateikiamas numatomas vaizdo pikselių dydis ir (arba) formato santykis.
• sBIT(reikšmingi bitai) – nustato vaizdo „spalvų tikslumą“ (spalvų tikslumą) (juoda ir balta, visa spalvota, nespalvota su skaidrumu ir kt.), kad būtų lengviau dekoduoti.
• sPLT- siūlo naudoti paletę, jei nėra visos spalvų gamos.
• sRGB- nurodo standartinės sRGB schemos naudojimą.
• ster- stereoskopinių vaizdų indikatorius.
• TEKSTAS- gali būti ISO/IEC 8859-1 formato teksto, kiekviename gabale turi būti po vieną pavadinimo = reikšmės porą.
• laikas- išsaugo data, kada vaizdas buvo paskutinį kartą pakeistas.
• tRNS- yra informacijos apie skaidrumą.
• zTXt- suspaustas tekstas su tais pačiais apribojimais kaip ir tekstas.

CRC

Minimalus PNG

IHDR

• plotis, 4 baitai
• Aukštis, 4 baitai
• Bitų gylis (bitų gylis), nustato bitų skaičių pavyzdyje (ne pikselyje), 1 baitas
• Spalvos tipas, susideda iš 3 vėliavėlių 1 (naudojama paletė), 2 (naudojama spalva, o ne vienspalvė) ir 4 (yra alfa kanalas), 1 baitas
• suspaudimo metodas. Šiuo metu galimas tik 0 – išleiskite suspaudimą. Jei reikšmė nėra 0, dalis laikoma neatpažinta ir dekoderis praneša apie klaidą. 1 baitas
• Filtravimo būdas. Kaip ir suspaudimo atveju, šiuo metu jis gali būti tik nulis. 1 baitas
• Interlace (interlacing) metodas. Nurodoma duomenų perdavimo tvarka. Šiuo metu galimos 2 reikšmės: 0 (be persipynimo) ir 1 (Adam7 supynimas). 1 baitas

IEND

IDAT

Taigi, paprasčiausias PNG failas (pavyzdžiui) atrodo taip.

Išvada

Tema apie Habré apie JPEG struktūrą: habrahabr.ru/blogs/algorithm/102521
Tema apie Habré apie GIF struktūrą: habrahabr.ru/blogs/algorithm/127083

Dėkoju už dėmesį, mielai atsižvelgsiu į bet kokią kritiką!

Kartais reikia įkelti vaizdą, kuriame yra skaidrių elementų, per kuriuos bus matomas originalus fonas. Tokiais atvejais būtų patogu įkelti PNG vaizdus, ​​nes jie gali išlaikyti skaidrumą.

Šiame straipsnyje mes pasakysime kaip padaryti skaidrumą „Photoshop“..

Failų kūrimas

Pirmas žingsnis yra sukurti failą. Norėdami tai padaryti, atidarykite Adobe Photoshop ir eikite į meniu Failas ( failą) puslapio viršuje pasirinkite „Sukurti“ ( Nauja).

Tada pasirodžiusiame lange Naujas dokumentas ( Naujas dokumentas) sukurkite tinkamo dydžio failą ir įsitikinkite, kad dokumento skiriamoji geba yra 72 pikseliai colyje ( nes failas skirtas naudoti žiniatinklyje). Taip pat, kad pasirinkote reikšmę „Skaidrus“ ( Skaidrus) išskleidžiamajame fono turinio sąraše ( fono turinį).

*Prieš kurdami PNG su skaidrumu Photoshop, turime paaiškinti, kad šiame pavyzdyje kuriame vaizdą, kurį norite įkelti kaip svetainės foną, todėl dokumento dydis nustatomas taip: plotis 3000 pikselių, aukštis 1730 pikselių, kurie yra rekomenduojami HD vaizdo atsisiuntimo dydžiai:

Tada sluoksnių skydelyje ( Sluoksniai) įsitikinkite, kad dirbate su skaidriu sluoksniu, o ne fonu:

Senesnės nei CC 2015 „Photoshop“ versijos:

Dabar mes pasakysime kaip padaryti vaizdą skaidrų „Photoshop“., kuris pasirodė prieš CK 2015 m. Šiose versijose naudojamas metodas Išsaugoti žiniatinklyje ( Išsaugokite žiniatinkliui ir įrenginiams), kad išsaugotumėte ir optimizuotumėte PNG vaizdus naudoti žiniatinklyje. Norėdami naudoti šį metodą, tiesiog eikite į meniu Failas ( failą), tada – „Išsaugoti žiniatinklyje“ ( Išsaugokite žiniatinkliui ir įrenginiams):

„Photoshop“ versija CC 2015:

Prieš, kaip padaryti nuotraukas skaidrias „Photoshop“., turite žinoti, kad nuo CC 2015 versijos parinktis „Išsaugoti žiniatinklyje“ ( Išsaugokite žiniatinkliui ir įrenginiams) meniu Failas ( failą) yra pažymėtas Legacy. Ir pakeista nauja parinktimi „Eksportuoti“ ( Eksportuoti), kuri siūlo identiškas funkcijas, greičiau išsaugoma mažesnio dydžio ir geresnės kokybės. Norėdami naudoti parinktį Eksportuoti, spustelėkite meniu Failas ( failą), ir tada - " Eksportuoti kaip» ( eksportuoti kaip).

Pastaba: „Adobe“ vis dar siūlo parinktį Išsaugoti žiniatinklyje ( Išsaugokite žiniatinkliui ir įrenginiams) programoje „Photoshop CC 2015“ ir pasiekiama per Failas > Eksportuoti ( Failas > Eksportuoti) arba naudojant sparčiuosius klavišus Command+Option+Shift+S („Mac“) arba Ctrl+Alt+Shift+S (kompiuteriams):

Laukai " Paveikslėlio dydis» ( Paveikslėlio dydis) ir „drobės dydis“ ( Drobė Dydis) turėtų automatiškai užpildyti reikšmėmis, kurias nurodėte kurdami failą. Tačiau, jei norite, galite pakeisti šiuos nustatymus anksčiau Kaip padaryti skaidrumo efektą „Photoshop“..