Každý má rád na obrázcích pravé úhly. Ale přesto jsou chvíle, kdy je třeba zaoblit právě tyto rohy. Pak vám opět přijde na pomoc Photoshop. V tomto článku rozebereme jeden z mnoha způsobů, jak toho lze dosáhnout. Mějte na paměti, moje metoda také zahrnuje mírné oříznutí obrazu kolem okrajů, to je druh oběti ve jménu zaoblených rohů.

Pro ty, kteří mají rádi větší viditelnost, jsem natočil video tutoriál, který si můžete prohlédnout na konci této lekce. Začněme tedy zaoblovat rohy obrázku:

Krok 1

Ve výchozím nastavení se všechny obrazy otevřené ve Photoshopu stanou obrázkem pozadí. Photoshop pojmenuje takovou vrstvu jako „Pozadí“ a také ji zablokuje před zbytečnými úpravami. To nám signalizuje malá ikona zámku.

Chcete-li takovou vrstvu odemknout, musíte na ni dvakrát kliknout. Zobrazí se dialogové okno Nová vrstva. Nic neměňte, pouze klikněte na OK. Nyní by měl zámek zmizet.

Krok 5

Na panelu vrstev klikněte na úplně první vrstvu s naším původním obrázkem a stiskněte klávesovou zkratku Ctrl + Shift + I. V důsledku toho bychom měli vybrat celou oblast mimo hranice našeho náměstí. To se nazývá . Podívejte se blíže na to, co se změnilo:

Krok 6

Nyní stiskněte kombinaci kláves Ctrl+X (upravit - vyjmout) pro smazání výběru. Výběr by měl zmizet a tam, kde byl dříve obrázek, se objeví šachovnicové pozadí (průhlednost).

Krok 7

Nyní udělejme naši tvarovou vrstvu neviditelnou. Chcete-li to provést, klikněte na panelu vrstev na ikonu oka naproti čtvercové vrstvě. Zde je původní obrázek se zaoblenými rohy.

Krok 8

Proveďte příkaz Obraz - aby Photoshop odstranil veškerý nadbytečný prostor kolem obrazu. V důsledku toho by měl být režim průhlednosti viditelný pouze v rozích.

V budoucnu, aby bylo možné takový obrázek použít, musí být uložen ve formátu PNG! V tomto případě zůstanou rohy průhledné. V opačném případě, pokud uložíte například ve formátu JPG, rohy budou automaticky s bílým pozadím.

Takže vše je připraveno. Obrázek se zaoblenými rohy bude vypadat takto:

A jak udělat jen například jeden zaoblený roh?

Velmi jednoduché. Vraťme se do fáze, kdy jsme figuru nakreslili. Roztáhněte jej tak, abyste viděli pouze jeden zaoblený roh a další tři byly skryty mimo plátno. Zde postupujte podle pokynů výše. Všechno je podobné.

Doufám, že vám návod pomohl a můžete udělat něco skvělého! Hodně štěstí.

Všimli jste si chyby v textu - vyberte jej a stiskněte Ctrl + Enter . Děkuji!

Míra rozostření závisí na lineární velikosti obrázku a velikosti poloměru zaoblení, které chcete získat. Zvolil jsem hodnotu 4 pixely:

Pro každý případ vytvořím kopii vrstvy rozmazaného tvaru stisknutím Ctrl + J.

Podržte klávesu Ctrl a kliknutím na miniaturu vrstvy na panelu vrstev vytvořte výběr kolem tvaru. Přejděte na kartu hlavní nabídky Selection --> Refine Edge (Vybrat --> Refine Edge). Režim zobrazení (v horní části dialogového okna) vyberte „černě“:

Parametr "Smooth" (Smooth) je zodpovědný za poloměr rohu, takže si jej můžete vybrat podle chuti, ale hodnoty "Feather" (Feather) a "Contrast" (Contrast) musí být nastaveny na 0 pixelů. . respektive 100 %.
Klikněte na OK, dialogové okno Upřesnit okraj se zavře a běžící mravenci se znovu objeví v dokumentu. Stačí kliknout na ikonu vytvořit masku vrstvy ve spodní části panelu vrstev, tím se vytvoří maska ​​vrstvy z vybrané oblasti.
Výsledek:

Panel vrstev vypadá takto:

Jak můžete vidět na předposledním obrázku, rohy jsou zaoblené, ale po okrajích uvnitř tvaru je zbytečný barevný přechod (stalo se to kvůli rozmazání). Chcete-li to opravit, podržte klávesu Ctrl a klikněte na ikonu masky vrstvy:

Kolem tvaru se objeví výběr. Pak nezbytně klikněte na ikonu vrstvy, vyberte požadovanou barvu v paletě barev a stisknutím Ctrl + Delete vyplňte výběr. Vzal jsem původní barvu hotového tvaru:

Zde je návod, jak můžete zaoblit rohy v textu pomocí výše uvedené metody:

Pokud navíc použijete masku vrstvy na původní soubor a částečně jej smažete, můžete dosáhnout efektu na určité části tvaru nebo textu.

Na některých stránkách, které nemají ostré rohy, mají ilustrace v článcích a zprávách také zaoblené hrany. Webdesignéři velmi často nepřemýšlejí o tom, že pro majitele stránek bude obtížné vytvořit takové ilustrace se zaoblenými rohy, nemusí mít nutně potřebné znalosti photoshop. Může za to však majitel stránek. S požadavkem, aby bylo vše krásné, často nepřemýšlí o tom, jak bude potom obrázky se zaoblenými hranami přidávat do článků a zpráv na svém webu.

V této lekci photoshop uvidíme, jak snadné je zaoblit rohy obrázku na příkladu avatara, neomezeného na tloušťku 1px:

Když jsem poprvé potřeboval zaoblit rohy ilustrace pro webovou stránku, odpověď mi nebyla jasná. Vygooglil jsem a narazil na pár návodů k překladu, které byly příliš chytré na to, aby si začátečník pohrával s kanály, cestami, rozostřením, průvodci a dalšími nástroji pro pokročilé uživatele. photoshop i profesionál je příliš líný, ale pro začátečníka se takový proces může zdát nepochopitelný a zdlouhavý. Po krátkém přemýšlení jsem našel svůj vlastní způsob, jak rychle a snadno zaoblit okraje obrázku, který potřebuji.

Zaoblení všech rohů výkresu pomocí tvaru Photoshopu

Řekněme, že to musíte udělat se zaoblenými hranami. V tomto případě nemáte podobný obrázek s hladkými okraji. Nabízí vám velmi jednoduchý, ale velmi podrobný popis a ilustrace Photoshop návod, jak vytvořit obrázek se zaoblenými rohy pro začátečníky.

1. Otevřete aplikaci Photoshop. Tutoriál používá moji oblíbenou verzi Adobe Photoshop CS3, ale bude stačit jakákoli jiná verze nainstalovaná ve vašem počítači.

2. Otevřete původní výkres, jehož okraje zaoblíme. Pokud se výkres liší velikostí a tvarem od toho, který potřebujeme, potřebujeme a / nebo ve Photoshopu, než začneme zaoblovat rohy.

3. Stisknutí na klávesnici Ctrl+A vyberte celý výkres a poté stiskněte ctrl+c zkopírovat to. Otevření nového okna ve Photoshopu ( Ctrl+N) a vložte do něj zkopírovaný obrázek ( ctrl+v). V tomto případě by pozadí v novém okně mělo být buď , nebo barva, která by měla obklopovat obrázek se zaoblenými hranami na webu.

4. Vytvořte novou vrstvu ( Ctrl+Shift+N). A v této nové vrstvě s nástrojem Nástroj Zaoblený obdélník (U) nakreslete čtverec nebo obdélník požadované velikosti:

5. Na barvě pozadí nakresleného obdélníku nezáleží. Parametr Poloměr, který charakterizuje stupeň zaoblení rohu, pro tuto lekci se rovná 8 , ale můžete to změnit podle svého:

6. Tvar nakreslený v nové vrstvě lze přesouvat pomocí šipek na klávesnici. Jeho tvar lze změnit stisknutím na klávesnici ctrl+t a pak přetažením tvaru myší. Pokud při držení klávesy přetáhnete roh Posun, velikost postavy se proporcionálně změní. V důsledku všech těchto akcí zajistíme, že tvar se zaoblenými hranami bude mít velikost a tvar, který potřebujeme:

7. Podržení klávesy ctrl klikněte na náhled vrstvy v panelu vrstev Vrstvy(máme červený čtverec). To nám umožní vybrat červený zaoblený obdélník, o čemž svědčí přerušovaná čára, která se objeví podél jeho okraje:

8. V panelu vrstev Vrstvy přejděte do spodní vrstvy s hlavním obrázkem a stiskněte kombinaci Ctrl+Shift+I(nebo Vyberte -> Inverzní v hlavní nabídce Photoshopu). Tím se zvýrazní oblast, která leží mimo červený zaoblený čtverec.

9. Stiskněte klávesu na klávesnici Vymazat odstranit tuto část hlavního obrázku, kterou nepotřebujeme. Poté udělejte horní vrstvu s červeným čtvercem neviditelnou (v panelu Vrstvy klikněte na ikonu oka vedle vrstvy s červeným čtvercem). Stisknutí na klávesnici M a kliknutím kamkoli na kreslicí plátno zrušte výběr hotového obrázku avatara se zaoblenými rohy. Pokud nastavíme pozadí na průhledné, dostaneme následující:

10. Výkres bez ostrých rohů je připraven. Může být také použit jako avatar nebo ilustrace na webu.

Pokud potřebujete často vytvářet obrázky se zaoblenými rohy a všechny mají stejnou velikost a styl, bylo by logické uložit výsledek této lekce. photoshop ve formátu PSD aby bylo možné vrstvy upravit. Potom se proces vytváření nových obrázků bez ostrých rohů zjednoduší na výběr obrysu hotového obrázku, invertování výběru a vymazání nepotřebné části nového obrázku.

Pokud potřebujete zaoblit pouze jeden roh výkresu a zbytek by měl zůstat ostrý, výše uvedené pokyny jsou také skvělé. K tomu stačí provést kombinaci ctrl+t velikost červeného obdélníku je větší než upravovaný obrázek. V tomto případě budou okraje červeného čtverce končit mimo plátno a takový obdélník lze překrýt na výkres tak, aby pouze jeden roh překrýval viditelnou oblast výkresu a zbytek zůstal mimo něj. Invertováním a smazáním vybrané části obrázku zaoblíme pouze jeden požadovaný roh obrázku a zbytek rohů zůstane ostrý. Podobně můžete rychle a snadno zaoblit libovolný počet rohů libovolného obrázku.

Chcete-li vytvořit obrázek se zubatými okraji nebo jinými podobnými efekty, můžete také použít obrázek s takovými zubatými okraji nebo zaoblenými rohy, stažený z nějaké stránky. V tomto případě je třeba odstranit pozadí, které s obrázkem nesouvisí, například pomocí nástroje Nástroj kouzelná hůlka (W).

Více o propagaci mobilních aplikací se můžete dozvědět na advertmobile.net. Tato služba nabízí motivované instalace ve velkých objemech pro vámi vyvinuté aplikace a také jejich kompetentní propagaci v App Store a Google Play.

25.07.2016 27.01.2018

V tomto tutoriálu se naučíte, jak ve Photoshopu vyhlazovat ostré rohy tvarů.

Nejprve si vytvoříme tvar. To lze provést výběrem nástroje Custom Shape Tool z panelu nástrojů. Horká klávesa pro vyvolání podnabídky nástrojů pro vytváření vektorových tvarů je U.

Tento nástroj lze aktivovat dvěma způsoby:

1. Se stisknutou klávesou Shift klikněte na skupinu nástrojů a otevře se podnabídka pro výběr požadovaného nástroje;

2. Dlouhým kliknutím levým tlačítkem myši na skupinu nástrojů se také otevře podnabídka.

Načteme všechny existující tvary do Photoshopu (kliknutím na miniaturu tvaru v horním panelu a kliknutím na „ozubené kolečko“ vpravo otevřete další nastavení):

Z rozevíracího seznamu vyberte postavu s ostrými rohy, například hvězdičku s 10 rohy:

Při vytváření figurky nezapomeňte držet klíčPosun To pomůže udržet proporce.

Nyní potřebujeme rastrovat tvar - klikněte pravým tlačítkem myši na vrstvu s vrstvou tvarově rastrovat.

Rádius volíme v závislosti na velikosti plátna a požadovaném výsledku, zvolil jsem já 6 pixelů.

Nyní musíme načíst výběr vrstvy s tvarem, k tomu pomocí klíčctrlklikněte na miniaturu vrstvy s postavou vrstvené panely.

Při aktivním výběru stiskněte tlačítko Upřesnit okraj (Upřesněte Edge):

Otevře se nabídka nastavení, ve které potřebujeme volbu Peří (pírko) nechat na 0 a parametr Kontrast zvýšit na maximum 100%. Parametr Hladký upravte podle svého vkusu, pomůže zakulacení rohů postavy. V případě 10ti stranné hvězdy jsem to nastavil na maximum, ale můžete mít úplně jiné nastavení.

V parametru Závěr k… ponechat výchozí nastavení - výběr.

Stisknutím klávesy Enter použijete nastavení. Vytvořte novou vrstvu a použijte nástroj Fill (Nástroj Paint Bucket Tool) nebo přechodem do menu Upravit-Vyplnit vyplňte výběr požadovanou barvou, např. Černá jako na původním obrázku. Vypněte viditelnost vrstvy původního tvaru a získejte následující tvar se zaoblenými rohy:

To je vše. V tomto tutoriálu jsme se naučili zaoblovat rohy tvarů ve Photoshopu. Doufám, že pro vás byla lekce užitečná.

Dobré ráno, odpoledne, večer nebo noc všem. Znovu a znovu s tebou Dmitrij Kostin. Jednou jsem si prohlížel různé obrázky a pak se mi některé líbily. A líbilo se mu, že mají zaoblené hrany. Hned to vypadá zajímavěji. nenajdete? A tak bych vám v dnešní lekci rád řekl, jak ve Photoshopu zaoblit rohy, aby fotka vypadala zajímavěji.

Na Photoshopu miluji to, že v mnoha případech lze stejnou věc udělat několika způsoby. Tak tady. Začněme s naším photoshopem.

Jednoduché vyhlazení

Anti-Aliasing pomocí okrajů

Tato metoda je podobná předchozí, ale přesto velmi odlišná. Vše uděláme se stejným obrázkem.

Vytvořením tvaru

Zde se třetí metoda již radikálně liší od předchozích dvou. Takže si dejte na pár sekund pauzu a pokračujte. Obrázek měnit nebudu a znovu načtu toto auto do Photoshopu.

Vidíš, s čím jsi skončil? Obrázek se stal se zaoblenými hranami a to vše díky tomu, že se zobrazuje pouze tam, kde je náš nakreslený zaoblený obdélník. Nyní ale můžete extra pho oříznout pomocí nástroje "Rám" nebo obrázek rovnou uložit a již budete mít samostatný obrázek se zaoblenými rohy.

Pokuste se udělat vše sami a zároveň mi řekněte, která z uvedených metod je pro vás výhodnější.

A mimochodem, pokud máte ve Photoshopu mezery nebo ho jen chcete naplno prozkoumat v co nejkratším čase, tak vřele doporučuji se na jeden podívat skvělý photoshop tutoriál pro začátečníky. Kurz je dobře udělaný, vše je skvěle řečeno a ukázáno a každý materiál je velmi podrobně analyzován.

Pro dnešek končím lekci. Nezapomeňte se přihlásit k odběru nových článků a sdílet je se svými přáteli. Bylo mi potěšením mít vás na mém blogu. Zase na tebe čekám. Ahoj.

S pozdravem Dmitrij Kostin