Ako vytvoriť priehľadný výkres. Ako vytvoriť PNG s priehľadnosťou v Adobe Photoshop (CC a vyššie verzie)? Ako vytvoriť priehľadné pozadie pre obrázok

Niekedy je potrebné nahrať obrázok, ktorý obsahuje priehľadné prvky, ktoré umožnia presvitať pôvodné pozadie. V týchto prípadoch by bolo vhodné stiahnuť obrázky PNG, pretože sú schopné zachovať priehľadnosť.

V tomto článku vám to prezradíme 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 možnosť „Vytvoriť“ ( Nový).

Potom v okne, ktoré sa zobrazí „ nový dokument » ( Nový dokument) vytvorte súbor požadovanej veľkosti a uistite sa, že rozlíšenie dokumentu je 72 pixelov na palec ( pretože súbor je určený na použitie na webe). A tiež, že ste vybrali hodnotu „Transparent“ ( Transparentné) v rozbaľovacom zozname „Obsah na pozadí“ ( Obsah pozadia).

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

Po nastavení parametrov kliknutím na „OK“ otvoríte nový dokument.

Potom na paneli „Vrstvy“ ( Vrstvy) uistite sa, že pracujete na priehľadnej vrstve a nie na vrstve pozadia:

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

Verzie Photoshopu staršie ako CC 2015:

Teraz vám to povieme ako urobiť obrázok transparentným vo Photoshope, ktorý vyšiel pred CC 2015. Tieto verzie používajú metódu „Uložiť pre 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 sa uistite, že sú vybraté možnosti „ Priehľadnosť“ ( Transparentnosť) a " Previesť na sRGB» ( Previesť na sRGB). To potvrdzuje, ž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 vyplnia hodnotami, ktoré ste zadali pri vytváraní súboru. Ak však chcete pred uložením zmeniť veľkosť súboru, môžete to urobiť teraz.

Photoshop verzia CC 2015:

predtým, ako urobiť fotografiu transparentnou vo Photoshope, musíte vedieť, že od verzie CC 2015 možnosť „Uložiť pre web“ ( Uložiť pre web a zariadenia) v ponuke "Súbor" ( Súbor) má označenie Legacy. A nahradená novou možnosťou „Exportovať“ ( 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: Adobe stále ponúka možnosť „Uložiť pre web“ ( Uložiť pre web a zariadenia) vo Photoshope CC 2015 a je prístupný cez ponuku 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 sú vybraté možnosti Priehľadnosť ( Transparentnosť) a " Previesť na sRGB» ( Previesť na sRGB).

Dobrý deň milí návštevníci. V tejto lekcii vám ukážem, ako môžete používať Photoshop odstrániť pozadie a urobte fotografiu priehľadnou. Nepotrebujete žiadne špeciálne znalosti o tomto Photo Monster, pretože tu je všetko veľmi jednoduché. Hlavné je, že máš nainštalovaný Photoshop a po mne opakuješ všetky kroky.

Ako teda urobiť priehľadné pozadie vo Photoshope?

Spustite Photoshop a otvorte experimentálnu fotografiu. Kliknite na ponuku Súbor – Otvoriť a zadajte umiestnenie obrázka.

Super, fotka je otvorená a začnime orezávať pozadie. V prvom rade musíme vrstvu odomknúť. Venujte pozornosť pravému dolnému rohu programu. Tam uvidíte hlavnú vrstvu našej fotografie a malý visiaci zámok.

Tento zámok musí zmiznúť, to znamená, že vrstva je odomknutá. Ak to chcete urobiť, priamo do zámku urobte jedno kliknutie ľavým tlačidlom myši. A zámok je preč!

Teraz musíme odstrániť pozadie. Ak to chcete urobiť, vezmite si nejaký nástroj na výber, napr. Kúzelná palička.

Kliknite na nástroj na pozadí fotografie, čím vyberiete objekt, ktorý nepotrebujeme.

Objavila sa bodkovaná čiara (bežiace mravce). Jediné, čo musíte urobiť, je stlačiť kláves DELETE na klávesnici a pozadie sa vymaže. Pozrite si, ako to dopadlo:

Super! Teraz zrušte výber stlačením klávesovej skratky CTR + D.

No vo všeobecnosti ako vytvorte priehľadné pozadie vo Photoshope Prišli sme na to a teraz už zostáva len správne uložiť túto fotku.

Ak to chcete urobiť, kliknite na ponuku Súbor – Uložiť pre web. Alebo len použiť ALT+SHIFT+CTR+S.

Zobrazí sa okno, v ktorom musíme vybrať formát PNG-24 a až potom kliknúť na tlačidlo Uložiť.

Teraz sa pozrite, čo sa stalo a čo sa stalo:

Nakoniec stojí za to povedať, že v niektorých prípadoch, keď sa rozhodnete urobiť na obrázku priehľadné pozadie vo Photoshope, možno budete musieť použiť iné nástroje na výber, napr. Pero alebo magnetické laso. Použil som nástroj Kúzelná palička, keďže na mojej fotografii bolo možné osobu ľahko oddeliť od pozadia. Ak odstránite pozadie zo zložitých obrázkov, budete musieť popracovať trochu viac.

To je na dnes všetko, veľa šťastia!

Pozrite sa na výkres vo formáte jpg, známa kreslená postavička Mamutie mamutie, ktoré prišlo o mamu.. Chce sa mi plakať.. nie, nie preto, že mamutie mláďa nevie nájsť mamu (aj keď aj kvôli tomuto), ale preto, že z modrého pozadia bolia oči. strašne! Chcem len odstrániť túto modrú a vyplniť pozadie obrázka takou farbou, aby splynulo s pozadím stránky.

Myslím, že to pre vás nie je problém! Len premýšľajte o otvorení pomocou rovnakého Photoshopu a vyplnení pozadia požadovanou farbou! ale čo ak je hlavným pozadím stránky nejaká zložitá textúra?

Príklad, keď je obrázok prekrytý cez textúru:

Otvoriť Photoshop a namiesto modrého pozadia nakresliť obrázok s mamutím mláďaťom? A potom ich skúsiť priradiť k hlavnému pozadiu stránky? Toto nie je možnosť!!!

Tak to hlásim grafických formátov gif A png- podpora režimu priehľadnosti, čo vám umožní urobiť niektoré oblasti kresby neviditeľnými pre ľudské oko - čo je presne to, čo potrebujeme!

Teraz v poradí:

1. Otvorte obrázok, ktorého pozadie chcete spriehľadniť Adobe Photoshop.

2. Otvorte záložku "Obrázok" >> "Režim" >> "Indexované farby".

3. V zobrazenom dialógovom okne "Indexované farby" dať kliešť "transparentnosť" a stlačte "OK"

4. Pomocou nástroja na výber "Kúzelná palička" A "guma" Pozadie na výkrese vymažeme, čím vlastne spriehľadníme časti, ktoré potrebujeme.

5. No a náš obrázok uložíme vo formáte gif.. záložka "Súbor" >> "Uložiť pre web..." v zobrazenom okne uveďte (súhlaste), že obrázok sa uloží vo formáte gif kliknite "uložiť".. vyberte priečinok a napíšte názov - dúfam, že toto všetko zvládnete..

Celý obrázok bol vytvorený s priehľadným pozadím!!

Teraz ho môžete vložiť späť na našu stránku bez toho, aby ste zabudli zmeniť rozšírenie jpg na gif .

gif" alt="Bábätko mamuta"> !}

Veľmi často som pri tvorbe pohľadníc alebo videí stál pred otázkou: Ako sa to dá? bez vedomosti photoshop?

Každý, kto pozná Photoshop, to zvládne bez problémov. Ale nie každý ešte študoval tento inteligentný program. Ako môžu byť? Naozaj neexistuje východisko?

Koniec koncov, vždy existuje túžba urobiť naše prezentácie, gratulácie a stránky čo najatraktívnejšie a najprofesionálnejšie. Už som vám povedal, ako používať program na tieto účely. Pomôže vám pri vytváraní vašich obrázkov a dokonca ho môžete použiť na vytvorenie svojho prvého.

A teraz vám poviem ďalšie tajomstvo: dnes sa naučíte, ako urobiť pozadie obrázka priehľadným. Navyše to urobíte úplne zadarmo a strávite len 2 minúty svojho času.

Dajme sa do práce.

Nájdite obrázok, ktorý sa vám páči. Na začiatok by to mal byť obrázok na nie viacvrstvovom pozadí – napríklad na bielom. Prejdite na stránku služby. Nemusíte prejsť zdĺhavým registračným postupom. Stačí kliknúť na odkaz online služby.

Pred vami sa otvorí nasledujúce okno:

stlačte " Nahrajte obrázok z počítača". Vyberte obrázok, ktorý ste si pripravili. Môžete ho umiestniť do samostatného priečinka v obrázkoch. Alebo na plochu, aby ste dlho nehľadali. Kliknite raz na tento obrázok a stlačte " OTVORENÉ".

Obrázok sa zobrazí na stránke servera:

Napravo vychádzajú 3 okná a v strede je visiaci zámok. Kliknite naň 2-krát ľavým tlačidlom myši. To otvorí dvere mágii.

Na ľavej strane vidíte panel " Nástroje", jedným z nich je, že " Kúzelná palička", ktorý teraz použijeme. Kliknite naň raz a potom kliknite na ľubovoľné prázdne miesto na pozadí vybratého obrázka. Okolo obrázka sa zobrazí bodkovaná čiara.

Posledný krok k transformácii: stlačte tlačidlo " Del" (vymazať) vo svojom počítači. Pozadie sa zmení na kockovanú oblasť. Ak nie je celý priestor naokolo pokrytý kockovanou oblasťou, znova sa dotknite tohto miesta čarovným prútikom a stlačte tlačidlo "Del"

Zobrazí sa okno s otázkou: "Uložiť obrázok pred zatvorením?" Kliknite na " Áno".

Dnes som sa rozhodol trochu odbočiť od témy kódovania a porozprávať trochu o dizajne. Aj keď pri tvorbe webu hrá dizajn významnú rolu, s kresbou, grafikou a dizajnom sa nekamarátim už od detstva. Obrázky pre svoje príspevky preto hľadám ako mnoho blogerov niekde na internete pomocou bezplatných fotobánk a fotoskladov.

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

Na internete som nenašiel žiadne dobré 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

Uveďme si jeden príklad 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. Pomôže nám s tým Pixlr, online verzia Photoshopu.

Nahrávame náš obrázok. Vpravo v okne „Vrstvy“ sa zobrazí vrstva „Pozadie“, na ktorej je zámok (bráni vymazaniu 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 visiaceho zámku sa zobrazí značka začiarknutia.

Teraz vezmite čarovný prútik (panel nástrojov, pravý stĺpec, druhé tlačidlo zhora) a zadajte nasledujúce parametre: tolerancia = 21, zaškrtávacie políčka pre vyhladenie a kontinuitu(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 vymažeme pozadie stlačením tlačidla „Odstrániť“ a získame požadovaný obrázok s priehľadným pozadím.