Jak používat Photoshop k vytváření vlastních ikon ve stylu iOS 6

Jak si vytvořit svůj vlastní styl ikon iOS

Při velké debatě o tom, zda je iOS 7dobré nebo ne, není jiná možnost než vybrat stranu - iOS 6 nebo iOS 7. Osobně si myslím, že ikony iOS 7 jsou trochu ripování Windows Phone, ale hej - co budeš dělat ... Není to první věc Apple má zkopírováno nebo jiné společnosti Microsoft od společnosti Apple nebo Android, je to opravdu plný kruh. Takže když jsme v náladě Apple, proč nezkusit vyzkoušet rychlý Photoshop návod, jak si vytvořit vlastní ikony pro iOS 6.

Nalezení dobrých ukázkových ikon

Prvním krokem je nalezení vzorku ikon pro iOS. Proveďte rychlé vyhledávání obrázků Google nebo Bing pro „ikony iOS“. Cílte své hledání a získejte přesnější výsledky pomocí možností přesného vyhledávání na Googlu.

Až najdete dobrou ikonu PNG, uložte ji do svého počítače, abychom ji mohli otevřít ve Photoshopu.

obraz

Za zmínku stojí také to, že Bing výrazně usnadňuje vyhledávání obrázků a ikon, které lze volně používat pro osobní použití.

Hledání licencí Bing

Začínáme

Importujte uložený obrázek do Photoshopu a ujistěte se, že je to správný PNG. Má mít mřížka šachovnice za zaoblené rohy místo typického bílého pozadí.

Pokud pozadí není průhledné, můžete použít něco jako Nástroj Magic Eraser na každém ze čtyř bílých skvrn v rozích.

obraz

Ctrl + Click miniatura vrstvy s importovanou ikonou pro výběr tvaru ikony. Pak můžete (pomocí nástroje obdélníkového ohraničení) klikněte pravým tlačítkem myši a Vyplnit s jakoukoli plnou barvou, kterou chcete. Zkusím černou pro začátek.

obraz

Zvláštní efekty

Nyní je čas dát vaší ikoně lesklý vzhled iOS 6 (což je samozřejmě lepší než iOS 7). Klikněte pravým tlačítkem myši vrstvu a vyberte Možnosti prolnutí.

SNAGHTMLe01104

Možnosti prolnutí vám umožní provádět různé styly vrstev překrývání, které mohou replikovat vzhled ikon iOS. Začněte s Spád a zkuste některé Vrhat stín a Vnitřní záře. Váš konečný výsledek bude vypadat asi takto:

obraz

A vaše vrstva bude vypadat takto:

obraz

Tip: Svou vrstvu (Shift + Ctrl + N) můžete přejmenovat, abyste věci udrželi přehlednější.

Přidejte kousek lesku

Nyní zkopírujme lesklý lesk v horní části téměř všech ikon iOS 6. Nejprve vytvořte novou vrstvu. Říkejte tomu „Lesk“ a dejte to výše vrstva ikon:

obraz

Nyní uchopte Eliptický nástroj pro výběr markýzy (skryté za nástrojem obdélníkového markýzy). Vytvořte malý kulatý tvar v horní části ikony takto:

obraz

Aniž byste zrušili výběr, vyzvedněte svůj Nástroj přechodu a rychle vytvořte gradient, který zeslabuje z bílé na 100% průhlednost:

obraz

Po vytvoření přechodu jej přetáhněte ze spodní části výběru zatímco držíte klávesu Shift.

obraz

Nyní odstraňte lesk, který přesahuje hranice ikony. Tím, že Ctrl + Click na náhledu Ikona Vrstva a poté převrátit náš výběr pomocí Klepněte pravým tlačítkem myši> Vybrat inverzní můžete zakrýt čtyři prázdné rohy. Nyní můžeme vybrat Lesklá vrstva a stiskněte klávesu Smazat klíč zbavit se přebytečného lesku. Můžete dokončit s rychlým Ctrl + D zrušit výběr.

obraz

Spropitné: Chcete-li zvýšit účinek lesku, můžete vyzkoušet různé režimy překrytí vrstvy - některé, které fungují dobře, jsou Obrazovka, Měkké světlo a Překrytí.

Dokončení vaší ikony

Nyní můžete přidat jakékoli logo, které chcete použít. Podívejte se na mou novou sladkou aplikaci - iSmile! Pouze 99,99 $ v App Store - jen si dělám srandu! Tuto techniku ​​můžete použít k vytvoření tolika ikon, jak chcete, bavte se ... bavte se!

obraz

0

Podobné články

Zanechat komentář