Niekedy natrafíte na veľmi vhodný obrázok pre váš príspevok a všetko by bolo v poriadku... Pozadie obrázka však nepasuje na pozadie blogu alebo bloku s textom. Očividne nikto z mňa takýto problém nemá a nikto z mňa nemá biele pozadie, ktoré by sa vo väčšine prípadov hodilo. potrebujem priehľadné pozadie!

Na internete som nenašiel žiadne normálne nápady ako urobiť priehľadné pozadie pre hotový obrázok, tak som začal sám experimentovať a našiel som viac či menej vhodné riešenie!

Ako vytvoriť priehľadné pozadie pre obrázok

Vezmime si ako príklad jeden jednoduchý obrázok vo formáte .jpg (vo všeobecnosti formát nie je zvlášť dôležitý):

Je tu biele pozadie, ktorého sa chcem zbaviť a namiesto toho urobiť priehľadné pozadie. To nám pomôže - online podoba Photoshopu.

Načítajte náš obrázok. Vpravo v okne "Vrstvy" sa zobrazí vrstva "Pozadie", na ktorej je zámok (neumožňuje vymazanie pozadia obrázka).

Dvojitým kliknutím ľavým tlačidlom myši na tento zámok môžete odstrániť zámok z pozadia. Namiesto zámku sa zobrazí značka začiarknutia.

Teraz vezmeme čarovnú paličku (panel s nástrojmi, pravý stĺpec je druhé tlačidlo zhora), špecifikujeme nasledujúce parametre: tolerancia = 21, začiarknutia sú na vyhladzovaní a kontinuite(zvyčajne sú takéto parametre štandardné), aj keď s parametrami môžete experimentovať; a kliknite na pozadie obrázka (v našom prípade na biele pozadie).

Teraz odstránime pozadie stlačením tlačidla "Vymazať" a získame obrázok, ktorý potrebujeme s priehľadným pozadím.

Výsledkom je, že na výstupe dostaneme rovnaký obrázok s priehľadným pozadím.

Jediná nevýhoda Pixlr- obrázok nie je možné uložiť vo formáte .gif, ktorý si tiež zachováva priehľadné pozadie, ale oveľa jednoduchšie ako formát .png. Ale ak nie je iné východisko, prečo to nevyužiť?

vďaka Natálii Petrovej

Rozdiel medzi formátom PNG a inými formátmi pre grafiku je v tom, že priehľadné alebo čiastočne priehľadné časti obrázka zostávajú pri ukladaní priehľadné. Ak uložíte súbory v inom formáte, táto priehľadnosť sa môže stratiť. Ak chcete vytvoriť a čo je najdôležitejšie, uložiť súbor PNG, je potrebné mať na pamäti niekoľko vecí.

Inštrukcie

Niekedy je potrebné načítať obrázok obsahujúci priehľadné prvky, cez ktoré bude presvitať pôvodné pozadie. V týchto prípadoch by bolo vhodné načítať obrázky PNG, pretože dokážu zachovať priehľadnosť.

V tomto článku vám povieme, ako urobiť priehľadnosť vo Photoshope.

Vytvorenie súboru

Prvým krokom je vytvorenie súboru. Ak to chcete urobiť, otvorte Adobe Photoshop a v ponuke Súbor ( Súbor) v hornej časti stránky vyberte Vytvoriť ( Nový).

Potom v okne „Nový dokument“, ktoré sa zobrazí ( Nový dokument) vytvorte požadovaný súbor a uistite sa, že váš dokument má veľkosť 72 pixelov na palec ( pretože súbor je určený na použitie na webe). A tiež, že ste vybrali hodnotu "Transparent" ( Priehľadný) v rozbaľovacom zozname „Obsah na pozadí“ ( Obsah pozadia).

* Pred vytvorením PNG s priehľadnosťou vo Photoshope si musíte ujasniť, že v tomto príklade vytvárame obrázok, ktorý nahráte ako pozadie stránky, takže veľkosť dokumentu je nastavená nasledovne: šírka 3000 pixelov, výška 1730 pixelov, čo sú odporúčané veľkosti pre nahrávanie HD obrázkov:

Po zadaní hodnôt parametrov otvorte kliknutím na „OK“. nový dokument.

Potom na paneli "Vrstvy" ( Vrstvy) uistite sa, že bežíte ďalej priehľadná vrstva a nie na pozadí:

Po dokončení vytvárania a ste pripravení uložiť priehľadný obrázok v závislosti od použitého obrázka verzie Photoshopu, v ponuke "Súbor" ( Súbor) môžete použiť jednu z možných možností:

Verzie Photoshopu staršie ako CC 2015:

Teraz si povieme ako urobiť obrázok transparentným vo Photoshope ktorý vyšiel skôr ako CC 2015. Tieto verzie používajú Save For Web ( Uložiť pre Web a zariadenia) na ukladanie a optimalizáciu obrázkov PNG na použitie na webe. Ak chcete použiť túto metódu, jednoducho prejdite do ponuky Súbor ( Súbor) a potom - "Uložiť pre web" ( Uložiť pre web a zariadenia):

Potom v zobrazenom okne vyberte z rozbaľovacej ponuky možných hodnôt PNG-24 a potom skontrolujte, či je „Priehľadnosť“ ( Transparentnosť) a " Previesť na sRGB» ( Previesť na sRGB). Tým sa potvrdí, že obrázok bude obsahovať priehľadné pozadie a jeho farebný režim sa skonvertuje na sRGB, odporúčaný farebný priestor pre web.

Polia " Veľkosť obrazu» ( Veľkosť obrazu) sa automaticky naplnia hodnotami, ktoré ste zadali pri vytváraní súboru. Ak však chcete pred uložením zmeniť veľkosť súboru, môžete tak urobiť teraz.

Verzia Photoshop CC 2015:

predtým, ako urobiť fotografiu priehľadnou vo Photoshope, musíte vedieť, že od CC 2015 je „Uložiť pre web“ ( Uložiť pre web a zariadenia) v ponuke Súbor ( Súbor) je označený ako Legacy. A nahradený nová možnosť"Export" ( Export), ktorý ponúka identickú funkcionalitu s rýchlejším ukladaním do menšieho súboru a do najlepšia kvalita... Ak chcete použiť možnosť Exportovať, kliknite na ponuku Súbor ( Súbor), a potom - " Exportovať ako» ( Exportovať ako).

Poznámka: Spoločnosť Adobe stále ponúka možnosť Uložiť pre web ( Uložiť pre web a zariadenia) vo Photoshope CC 2015 a je k dispozícii cez Súbor> Exportovať ( Súbor > Exportovať) alebo pomocou klávesovej skratky Command + Option + Shift + S (pre Mac) alebo Ctrl + Alt + Shift + S (pre PC):

Potom v zobrazenom okne vyberte PNG z rozbaľovacej ponuky Formát ( Formátovať) a uistite sa, že je transparentnosť ( Transparentnosť) a " Previesť na sRGB» ( Previesť na sRGB).

Ak chcete vytvoriť priehľadný obrázok PNG pomocou bezplatného online službu stránka musí najskôr pripraviť obrázok. Ako obrázok je vhodné použiť obrázky vo formáte PNG alebo GIF formát JPEG môže spôsobiť mierne skreslenie obrazu na hranici farebného prechodu, čo vám znemožní vytvoriť kvalitnú blanku pre budúci vodoznak.

Potom musíte oblasť, ktorá by sa mala stať neviditeľnou, natrieť nejakou farbou, najlepšie mimo zvyšku obrázka. Je to potrebné na jasné oddelenie viditeľných a neviditeľných častí obrazu. Ak to neurobíte, môže sa stať, že časť obrazu, pre ktorú to nie je žiaduce, sa tiež stane neviditeľnou. Nižšie je uvedený príklad obrázka pripraveného na spracovanie. Oblasť na obrázku, ktorá bude priehľadná, je zvýraznená červenou farbou.

Potom by ste mali vybrať položku "Služby" v hlavnom menu stránky a prejsť na podpoložku "Vytvoriť priehľadný obrázok vo formáte PNG". Na stránke, ktorá sa otvorí, vyberte súbor, ktorý sme predtým pripravili, a stlačte tlačidlo „Ďalší krok“.

Obrázok sa nahrá na server a do ďalšia strana dostaneme možnosť pomocou myši vybrať farbu, ktorú je potrebné spriehľadniť.

Kliknutím myšou na správne miesto obrázka sa dostaneme na stránku s výsledkami spracovania obrázka. Teraz musíte kliknúť pravým tlačidlom myši na spracovaný obrázok, vybrať položku ponuky "Uložiť obrázok ako ..." a uložiť výsledný obrázok do počítača.

Pekný deň všetkým, moja Drahí priatelia a čitateľov. Každý deň píšem články na svoj blog, a preto každý z nich potrebuje nejaký úvodný obrázok. Aby ste to dosiahli, musíte na internete hľadať špeciálne obrázky. Ideálne sú obrázky s priehľadným pozadím. To značne uľahčuje prácu, pretože dokonale zapadajú do obrazu bez zbytočných predmetov.

Ale stalo sa, že som našiel nejaký úžasný obrázok, ktorý by sa hodil k všeobecnej téme, ale ona, taký pes, má zbytočné predmety a pozadie. A potom čo? Zabodujte dobrá grafika? V žiadnom prípade. a práve dnes vám rád ukážem, ako urobiť priehľadné pozadie obrázku v niekoľkých pekných jednoduchými spôsobmi.

Môžete si pozrieť môj článok, o ktorom som písal. Tento spôsob je pre náš účel vhodný (vyberiete aj objekt a prenesiete ho do nového dokumentu na priehľadnom pozadí), ale práve pre takéto zložité výbery by som ho odporučil. Na bežné odstránenie nepotrebného pozadia (teda vytvorenie priehľadného) použijeme viac jednoduché metódy.

Pred začatím hlavnej práce otvorte obrázok a pokúste sa ho orezať tak, aby sa do neho prvok zmestil. Takto to bude jednoduchšie, verte mi. Navyše to nie je ťažké. Stačí vziať a zmenšiť hranice.

Vytvorte nový dokument

Ak očakávate, že niečo urobíte od začiatku, najprv sa uistite, že pri vytváraní nového dokumentu máte priehľadné pozadie. Ak to chcete urobiť, vytvorte nový dokument a po nastavení všetkých parametrov nezabudnite nastaviť "Priehľadné pozadie"... A potom pracujeme ako obvykle

Kúzelná palička

Pomocou tohto nástroja je najlepšie odstrániť pozadie, keď je jednotné alebo s podobnou štruktúrou. Fotil som napríklad opicu na lane. Ako vidíte, je na bielom pozadí a potrebujeme priehľadný. Potom skrčíme prsty a začneme robiť všetko krok za krokom.

Ak vidíte, že pozadie je príliš málo alebo príliš veľa, pohrajte sa s toleranciou. Čím je väčšia, tým viac podobných pixelov zachytí, t.j. viac, ak je tolerancia minimálna, potom zvýrazní striktne jednu farbu, a ak sa zvýši, potom rozsah bude zahŕňať aj odtiene, ktoré sú blízke tejto farbe.

Len nezabudnite, že takéto obrázky musia byť uložené vo formáte Obrázok PNG inak sa priehľadnosť stratí a budete mať opäť biele pozadie.

Ak je pozadie veľmi heterogénne a je jasne vidieť, že ani tolerancia nepomôže, tak použite napríklad iné, alebo aj laso. Mimochodom, už som to ukázal.

Guma

Pozadie je tiež možné vymazať bežným. Áno, presne im. Len nezabudnite odstrániť zámok z vrstvy, inak namiesto priehľadnosti bude všetko natreté bielou farbou.

Proces je, samozrejme, dosť nudný. Koniec koncov, je potrebné vyzdvihnúť normálnu tuhosť a pokojne ju umyť bez toho, aby ste sa dotkli samotného prvku v tomto prípade leopard. V každom prípade to nemožno vylúčiť ako možnosť. Súhlasíš?

Samozrejme existuje jednoduchší spôsob, a to nástroj "guma na pozadí"... Jediná vec je, že je lepšie, aby sa pozadie a prvok navzájom dostatočne líšili farbou a sýtosťou. Tak som odfotil tigra skákajúceho proti oblohe. Skvelá možnosť.

No a zároveň nezabudnem ešte na jednu gumu. V rovnakej súprave nástrojov vyberte « Magická guma» ... Opäť sa pozrieme na toleranciu. S takýmto zložením môžete dať vysoký stupeň tolerancia, dokonca 80-90 .

Teraz nám stačí kliknúť na oblohu raz. Vidíš, čo sa stalo? Už nemusíme nič umývať. Väčšina oblohy je oholená jediným klepnutím.

Kliknutím na zvyšok nebeskej klenby ju úplne odstránite. Tiger by mal byť iba na priehľadnom pozadí. Potom je všetko podľa schémy. Vyčistite všetko do priehľadnosti a uložte obrázok vo formáte Obrázok PNG.

dobre? No nie je to krása? Všetko. Teraz ho možno použiť na akékoľvek koláže alebo iné druhy obrázkov. Môžete dokonca vyvolať dojem, že sa vás pokúša napadnúť))). No a takto vám to povie vaša fantázia.

Ak sa vážne chcete naučiť robiť krásne, zaujímavé a profesionálne koláže, určite sa pozrite kurz od Eleny Vinogradovej, profesionálny tvorca koláží na túto tému. Kurz je naozaj skvelý a vyzerá ako vánok.

No, týmto sa s vami lúčim. Dúfam, že sa vám moja dnešná lekcia páčila a bola pre vás užitočná. Nezabudnite sa prihlásiť na odber aktualizácií blogu a zdieľať ich so svojimi priateľmi v sociálnych sieťach... A čakám vás v mojich ďalších článkoch. Mimochodom, zabudli ste na súťaž? Výsledky zverejním o týždeň. Takže sa ponáhľame! No prajem veľa úspechov. Čau Čau!

S pozdravom Dmitrij Kostin.