Vytváření tlačítek pro mobilní rozhraní ve Photoshopu CS6

Tyto typy tlačítek jsou velmi populární, zvláště když pracujeme při výrobě dílů pro mobilní rozhraní, jako je iPhoneVe skutečnosti to bylo toto zařízení, které začlenilo tyto typy tlačítek, které vypadají jako malá lesklá plastová záložka, na kterou dopadá malý odraz světla.
Abychom vytvořili tento typ tlačítka, použijeme základní techniky, jako jsou obdélníkové tvary se zaoblenými hranami, použití přechodů a použití barevných palet k dosažení požadovaných efektů.
Nejprve musíme zahájit proces vygenerováním základní podoby našeho tlačítka, proto budeme postupovat podle následujících kroků.
1- Začněme vytvořením souboru vektor ve tvaru obdélníku se zaoblenými hranami a v nabídce vrstev použijeme efekt překrývající se gradient:

2- Přechod musí mít v horní části tmavou barvu a v dolní části může mít stejnou barvu, ale světlejší, poměr může být 80% tma a a 20% jasnost.
3- Teď musíme duplicitní vrstvaK tomu můžeme stisknout kombinaci kláves CTRL + JDěláme to, abychom mohli upravit přechod v duplikované vrstvě, a proto po duplikování dvakrát klikneme na efekt přechodu.
4- Přechod upravíme nastavením jeho neprůhlednosti na a 50% a my změníme barvy na bílou na pozadí a nejsvětlejší část bude průhledná:
5- Nyní je dalším krokem, který musíme udělat, odstranění kotev, proto vybereme bodový nástroj, myšlenka je přesunout odkazy duplicitní vrstvy tak, aby pokrývala pouze asi třetinu plátna.
6- Nyní vytvoříme zakřivení na dolním okraji duplikované vrstvy, k tomu použijeme nástroj výběr směru a ve středu čáry vygenerujeme potřebný pohyb.
7- Když se chystáme dokončit, upravíme vrstvu a změníme krytí na přibližně 65% a parametr plnění o Vyplnit ponecháme na 0, takže bude mít vše tvar.
8- Nakonec můžeme přidat obrázek nebo text, přitom musíme umístit malý stín, aby zvýraznil prvek, a můžeme jej spojit s tlačítkem:

Jak vidíme, vygenerovali jsme tlačítko velmi podobné tlačítkům používaným v mobilních rozhraních, které nám dávají pozoruhodný a svěží vzhled, který můžeme začlenit do našich skic a návrhů pro mobilní rozhraní, jsou používány více než cokoli jiného k reprezentaci aplikací a takové prvky, nikoli pro základní uživatelské akce, nicméně každý může pomocí své kreativity získat pozici.
Tím tento tutoriál dokončujeme, protože jsme viděli, že používáme několik základních technik k získání konečného výsledku, je třeba poznamenat, že čím více cvičíme, tím budeme rychlejší a budeme schopni generovat tyto prvky s větším zabezpečením.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod