Někdy narazíte na velmi vhodný obrázek pro váš příspěvek a vše by bylo v pořádku ... Ale pozadí obrázku se nehodí na pozadí blogu nebo bloku s textem. Je zřejmé, že nikdo z mě takový problém nemá a žádné z mých pozadí není bílé, což by se ve většině případů hodilo. potřebuji průhledné pozadí!

Na internetu jsem nenašel žádné dobré nápady. jak udělat průhledné pozadí pro hotový obrázek, tak jsem začal sám experimentovat a našel více či méně vhodné řešení!

Jak vytvořit průhledné pozadí pro obrázek

Vezměme si jako příklad jeden jednoduchý obrázek ve formátu .jpg (formát obecně není nijak zvlášť důležitý):

Je zde bílé pozadí, kterého se chci zbavit a místo něj udělat průhledné pozadí. To nám pomůže - online podoba Photoshopu.

Načítání našeho obrázku. Vpravo v okně "Vrstvy" se objeví vrstva "Pozadí", na které je zámek (neumožňuje odstranit pozadí obrázku).

Dvojitým kliknutím levým tlačítkem myši na tento visací zámek můžete zámek odstranit z pozadí. Místo visacího zámku se objeví zaškrtnutí.

Nyní vezmeme kouzelnou hůlku (panel nástrojů, pravý sloupec, druhé tlačítko shora) a určíme následující parametry: tolerance = 21, klíšťata jsou na anti-aliasingu a kontinuitě(obvykle jsou takové parametry standardní), i když s parametry můžete experimentovat; a klikněte na pozadí obrázku (v našem případě na bílé pozadí).

Nyní odstraníme pozadí stisknutím tlačítka "Smazat" a získáme obrázek, který potřebujeme s průhledným pozadím.

Výsledkem je, že výstupem je stejný obrázek s průhledným pozadím.

Jediná nevýhoda Pixlr- nelze uložit obrázek ve formátu .gif, který také ukládá průhledné pozadí, ale je mnohem jednodušší než formát .png. Ale když to nejde jinak, proč toho nevyužít?

díky Natalii Petrové

Rozdíl mezi formátem PNG a ostatními formáty pro grafiku je v tom, že průhledné nebo částečně průhledné části obrazu zůstávají po uložení průhledné. Pokud jsou soubory uloženy v jiném formátu, může dojít ke ztrátě průhlednosti. Chcete-li vytvořit a hlavně uložit soubor PNG, je třeba zvážit několik věcí.

Návod

Někdy je potřeba nahrát obrázek, který obsahuje průhledné prvky, přes které bude prosvítat původní pozadí. V těchto případech by bylo vhodné načíst obrázky PNG, protože jsou schopny zachovat průhlednost.

V tomto článku to řekneme jak udělat průhlednost ve photoshopu.

Vytvoření souboru

Prvním krokem je vytvoření souboru. Chcete-li to provést, otevřete Adobe Photoshop a přejděte do nabídky Soubor ( soubor) v horní části stránky vyberte "Vytvořit" ( Nový).

Poté v okně Nový dokument, které se objeví ( Nový dokument) vytvořte soubor správné velikosti a ujistěte se, že rozlišení dokumentu je 72 pixelů na palec ( protože soubor je určen pro použití na webu). A také, že jste zvolili hodnotu "Transparentní" ( průhledný) v rozevíracím seznamu Obsah na pozadí ( obsah na pozadí).

*Před vytvořením PNG s průhledností ve Photoshopu si musíme ujasnit, že v tomto příkladu vytváříme obrázek, který se má nahrát jako pozadí pro web, takže velikost dokumentu je nastavena následovně: šířka 3000px, výška 1730px, což jsou doporučené velikosti pro stahování HD obrázků:

Po nastavení parametrů otevřete kliknutím na OK nový dokument.

Poté na panelu Vrstvy ( Vrstvy) ujistěte se, že na tom pracujete průhledná vrstva, ne na pozadí:

Jakmile dokončíte vytváření a jste připraveni uložit průhledný obrázek, v závislosti na Verze Photoshopu, v nabídce Soubor ( soubor) můžete použít jednu z možných možností:

Verze Photoshopu starší než CC 2015:

Teď to prozradíme jak udělat obrázek průhledný ve photoshopu, který vyšel před CC 2015 . Tyto verze používají metodu Uložit pro web ( Uložit pro Web a zařízení) pro ukládání a optimalizaci obrázků PNG pro použití na webu. Chcete-li použít tuto metodu, jednoduše přejděte do nabídky Soubor ( soubor) a poté - "Uložit pro web" ( Uložit pro web a zařízení):

Poté v okně, které se zobrazí, vyberte z rozbalovací nabídky možných hodnot PNG-24 a poté se ujistěte, že jsou vybrány možnosti "Průhlednost" ( Průhlednost) A " Převést na sRGB» ( Převést na sRGB). Tím potvrdíte, že obrázek bude obsahovat průhledné pozadí a jeho barevný režim bude převeden na sRGB , doporučený barevný prostor pro web.

Pole " Velikost obrázku» ( Velikost obrázku) se automaticky vyplní hodnotami, které jste zadali při vytváření souboru. Pokud však chcete před uložením změnit velikost souboru, můžete tak učinit nyní.

Photoshop verze CC 2015:

Před, jak zprůhlednit fotografie ve photoshopu, musíte vědět, že od verze CC 2015 je k dispozici možnost „Uložit pro web“ ( Uložit pro web a zařízení) v nabídce Soubor ( soubor) je označen Legacy. A nahrazen nová možnost"Export" ( Vývozní), který nabízí identickou funkcionalitu s rychlejším ukládáním do menšího souboru a do nejlepší kvalita. Chcete-li použít možnost Exportovat, klikněte na nabídku Soubor ( soubor), a pak - " Exportovat jako» ( exportovat jako).

Poznámka: Adobe stále nabízí možnost Uložit pro web ( Uložit pro web a zařízení) ve Photoshopu CC 2015 a je k dispozici přes Soubor > Exportovat ( Soubor > Exportovat) nebo při použití klávesové zkratky Command+Option+Shift+S (pro Mac) nebo Ctrl+Alt+Shift+S (pro PC):

Poté v okně, které se objeví, vyberte PNG z rozbalovací nabídky Formát ( Formát) a ujistěte se, že jsou vybrány možnosti "Transparentnost" ( Průhlednost) A " Převést na sRGB» ( Převést na sRGB).

Chcete-li vytvořit průhledný obrázek PNG pomocí volného služba online místo musí nejprve připravit obrázek. Jako obrázek je žádoucí použít obrázky ve formátu PNG nebo GIF, protože formátu jpeg může způsobit mírné zkreslení obrazu na hranici barevného přechodu, což vám zabrání vytvořit vysoce kvalitní polotovar pro budoucí vodoznak.

Poté je nutné oblast, která by se měla stát neviditelnou, natřít nějakou barvou, nejlépe nepřítomnou ve zbytku obrázku. To je nezbytné, aby bylo možné jasně oddělit viditelné a neviditelné části obrazu. Pokud tak neučiníte, může se stát, že část obrazu, pro kterou to není žádoucí, se také stane neviditelnou. Níže je uveden příklad obrázku připraveného ke zpracování. Oblast na obrázku, která bude zprůhledněna, je zvýrazněna červeně.

Poté byste měli v hlavní nabídce webu vybrat položku „ Služby“ a přejít na podpoložku „Vytvoření průhledného obrázku ve formátu PNG“. Na stránce, která se otevře, vyberte soubor, který jsme připravili dříve, a klikněte na tlačítko „Další krok“.

Obrázek bude nahrán na server a další strana budeme mít možnost vybrat barvu, kterou je třeba zprůhlednit, pomocí myši.

Kliknutím myši na správné místo obrázku se dostaneme na stránku výsledků zpracování obrázku. Nyní musíte kliknout pravým tlačítkem myši na zpracovaný obrázek, vybrat položku nabídky "Uložit obrázek jako ..." a uložit výsledný obrázek do počítače.

Hezký den všem, moje drazí přátelé a čtenáři. Každý den píšu články na svůj blog, a proto každý z nich potřebuje nějaký úvodní obrázek. Chcete-li to provést, musíte na internetu hledat speciální obrázky. V ideálním případě jsou obrázky s průhledným pozadím. To značně usnadňuje práci, protože dokonale zapadají do obrázku bez zbytečných předmětů.

Ale stane se, že jsem našel nějaký úžasný obrázek, který by odpovídal obecnému tématu, ale ona, takový pes, je s objekty a pozadím navíc. A pak co? skóre na dobrá grafika? Ano, za nic. a právě dnes vám rád ukážu, jak udělat průhledné pozadí obrázku ve Photoshopu s několika hezkými jednoduchými způsoby.

Můžete se podívat na můj článek, kde jsem psal o . Tato metoda vyhovuje našemu účelu (také vyberete objekt a přenesete jej do nového dokumentu na průhledném pozadí), ale doporučoval bych ji použít pro takto složité výběry. Na běžné odstranění nepotřebného pozadí (tedy vytvoření průhledného) využijeme více jednoduché metody.

Než se pustíte do hlavní práce, otevřete obrázek a zkuste jej oříznout, dokud se do něj prvek nevejde. Takto to bude jednodušší, věřte mi. Navíc je to snadné. Stačí vzít a snížit hranice.

Vytvořte nový dokument

Pokud chcete vytvořit něco od začátku, ujistěte se, že máte při vytváření nového dokumentu průhledné pozadí. Chcete-li to provést, vytvořte nový dokument a po nastavení všech parametrů nezapomeňte nastavit "Průhledné pozadí". A pak normálně fungujeme

Kouzelná hůlka

Tento nástroj je nejlepší odstranit pozadí, když je homogenní, nebo s podobnou strukturou. Fotil jsem například opici na laně. Jak vidíte, je na bílém pozadí a potřebujeme průhledný. Pak práskneme prsty a začneme dělat vše krok za krokem.

Pokud vidíte, že pozadí vystupuje buď příliš málo, nebo příliš mnoho, pohrajte si s tolerancí. Čím je větší, tím více podobných pixelů zachytí, tzn. více, pokud je tolerance minimální, vybere striktně jednu barvu, a pokud se zvýší, budou do rozsahu zahrnuty i odstíny blízké této barvě.

Jen nezapomeňte, že takové obrázky musí být uloženy ve formátu PNG, jinak se průhlednost ztratí a budete mít opět bílé pozadí.

Pokud je pozadí hodně heterogenní a je jasně vidět, že ani tolerance nepomůže, tak použijte třeba jiné nebo i laso. Mimochodem, už jsem to ukazoval na .

Guma

Pozadí lze také vymazat běžným. Ano, ano, jsou to oni. Jen nezapomeňte odstranit zámek z vrstvy, jinak bude místo průhlednosti vše natřeno bílou barvou.

Proces je docela zdlouhavý. Koneckonců je nutné zvolit normální tuhost a klidně ji umýt, aniž byste se dotkli samotného prvku tento případ leopard. V žádném případě to nelze vyloučit jako možnost. Souhlasíš?

Samozřejmě existuje jednodušší způsob, a to nástroj "Guma na pozadí". Jediné, co je lepší, je, že pozadí a prvek se od sebe dostatečně liší barvou a sytostí. Tak jsem vyfotil tygra skákajícího proti obloze. Skvělá možnost.

No a zároveň nezapomenu ještě na jednu gumu. Ve stejné skupině nástrojů vyberte « Magická guma» . Znovu se podívejte na povolení. S takovým složením se dá dát vysoká úroveň povolení, dokonce 80-90 .

Nyní stačí kliknout na oblohu jednou. Vidíš, co se stalo? Nemusíme nic mazat. Většina oblohy byla oholena jedním kliknutím.

Kliknutím na zbytky oblohy je zcela odstraníte. Tygr by měl být pouze na průhledném pozadí. Pak je vše podle schématu. Vyčistěte vše do průhlednosti a uložte obrázek ve formátu PNG.

Studna? No není to krása? Všechno. Nyní jej lze použít pro jakékoli koláže nebo jiné typy obrázků. Můžete dokonce udělat, aby to vypadalo, že se vás snaží napadnout))). No, je to tak, jak vám vaše představivost řekne.

Pokud se vážně chcete naučit dělat krásné, zajímavé a profesionální koláže, určitě se podívejte kurz od Eleny Vinogradové, profesionál ve vytváření koláží na toto téma. Kurz je opravdu vynikající a vypadá na jeden zátah.

No, tímto se s vámi loučím. Doufám, že se vám moje dnešní lekce líbila a byla pro vás užitečná. Nezapomeňte se přihlásit k odběru aktualizací blogu a sdílet je se svými přáteli v sociálních sítích. A čekám na vás ve svých dalších článcích. Mimochodem, zapomněli jste na soutěž? Výsledky vyhlásím za týden. Tak si pospěšme! Tak přeji úspěch. Ahoj!

S pozdravem Dmitrij Kostin.