Ako kresliť ikonu Apple iCloud - tutoriál Photoshop
iCloud, najnovšia služba cloud storage, ktorú zaviedla spoločnosť Apple, má pomerne jednoduché, ale krásne logo. Ikona je vyrobená z kovového materiálu a na jej vrchole je ikona extrudovaného mraku. Možno to neviete, ale vytváranie tohto typu ikony je v skutočnosti veľmi jednoduché a nižšie je iCloud ikona, ktorá vás naučí, ako nakresliť tento príspevok pomocou programu Photoshop!
Vyzerá trochu komplikovane, ale v skutočnosti potrebujeme len niektoré vrstvové štýly, základné tvary vektora a trochu manuálneho kreslenia. Do toho sa dostaneme!
Krok 1
Začnite vytvorením nového súboru s veľkosťou 512 x 512 px. Aktivovať nástroj Zaoblený obdĺžnik. Na lište možností nastavte polomer na 75 px. Kliknutím a ťahaním nakreslite zaoblený obdĺžnik. Nastavte farbu na # 5d5d5d.
Dvojitým kliknutím na vrstvu otvoríte dialógové okno Štýl vrstvy. Pridajte prekrytie s gradientom s predvoleným gradientom, čiernou farbou na bielu a znížte jej opacitu na 76%.
Krok 2
Stlačte klávesy Ctrl + J na duplikovanie tvaru vrstvy. Kliknite na položku Upraviť> Voľná transformácia alebo stlačte Ctrl + T na vykonanie transformácie. Z voliteľného panela nastavte jeho veľkosť na 98%.
V paneli Vrstvy odstráňte štýl vrstvy presunutím ikony fx do ikony koša, ktorá sa nachádza v pravom dolnom rohu panelu Vrstvy. Dvojitým kliknutím na miniatúru vrstiev otvoríte dialógové okno Štýl vrstvy. Pridať vnútorné tieňové a gradientové prekrytie.
V nastavení prekrytia gradientom nastavte gradientový štýl na uhol. Kliknutím na okno s gradientom otvoríte gradientový editor a použijete farebnú kombináciu # 8e8e8e, # a5a4a4 a # d8d8d8. Nebojte sa hrať s každou pozíciou značky, stačí nastaviť rovnakú farbu v prvej a poslednej značke.
Toto je výsledok po pridaní štýlov vrstvy.
Krok 3
Vytvorte novú vrstvu. Naplňte ho Radiálnym prechodom z bielej do čiernej farby.
Podržte Alt a presuňte vektorovú masku z predchádzajúcej vrstvy na aktuálnu vrstvu. Gradient sa teraz zapadá do ikony.
Otvorte štýl vrstvy a zmeňte jeho režim miešania na obrazovku.
Krok 4
Nakreslite zaoblený obdĺžnik vnútri ikony. Nastavte jeho polomer na 75 pixlov s farbou # 2a2a2a.
Pridajte ďalší 2 kruhový tvar (vyberte nástroj Ellipse, podržte kláves Shift a potiahnite ho). Z panela s voľbami nastavte režim cesty na položku Pridať do tvaru.
Dvakrát kliknite na vrstvu cloud a potom pridajte vnútorný tieň, úkos a reliéf a zdvih.
Krok 5
Duplikovať vrstvu cloud stlačením klávesov Ctrl + J. Odstráňte štýl vrstvy presunutím ikony fx z jej miniatúry vrstvy na ikonu koša. Zmena veľkosti (Ctrl + T) na 89%.
Zmeniť farbu tvaru na # 5d5d5d. Zoradiť každú pozíciu tvaru tak dlho, až je veľkosť malého oblaku úmerná väčšiemu oblaku.
Dvakrát kliknite na vrstvu cloud a pridajte nasledujúce štýly vrstvy.
Pre prekrytie gradientom sa presvedčte, či v kroku 2 používate presné nastavenie z prekrytia gradientom.
Tu je to, čo máme po pridaní štýlov vrstvy do malého oblaku.
Krok 6: Pridajte textúru kovov
Súčasný dizajn je veľmi plochý a príliš čistý. Pridajme jemnú kovovú textúru na povrch. Vytvorte novú vrstvu. Kliknite na položku Upraviť> Doplniť a vyberte možnosť Použiť: Čierna a naplňte novú vrstvu čiernou farbou.
Kliknite na Filter> Hluk> Pridať šum.
Kliknite na Filter> Blur> Radial Blur. Vyberte metódu Rozostrenie: Spin a kvalita: Najlepšie.
Tento filter vytočí šum a vytvorí kruhovú vlnu.
Krok 7
Kliknite na položku Obrázok> Nastavenia> Úroveň alebo stlačte kombináciu klávesov Ctrl + L. V dialógovom okne posuňte čierny posúvač do výstupných úrovní do stredu, aby sa zosvetlila kruhová vlna.
Podržte Alt a presuňte vektorovú masku z základnej vrstvy ikony na aktuálnu vrstvu. Kruhová vlna je teraz v ikone.
Aktivujte nástroj na výber cesty a vyberte cestu oblakov, ktorú sme vytvorili v kroku 4. Stlačením klávesov Ctrl + C ju uložte do schránky. Stlačte klávesy Ctrl + V na vloženie do vektorovej masky kruhovej vlny. Nastavte režim cesty na hodnotu Odpočítať.
Nakoniec skopírujte a vložte menšiu cestu oblakov, ktorú sme vytvorili v kroku 5. Nastavte režim cesty na položku Pridať do tvaru.
Tu je výsledok. Kruhová vlna je vo vnútri povrchu ikony.
Zmeňte režim prelínania vrstvy na obrazovku.
Krok 8: Tieň
Vytvorte novú vrstvu a umiestnite za všetky vrstvy. Vytvorte eliptický výber (pomocou elipsového nástroja) pod ikonou. Výber výplne čiernym.
Zmäknite tieň pomocou filtra, Gaussian Blur. Kliknite na Filter> Blur> Gaussian Blur.
Duplicitný tieň stlačením klávesov Ctrl + J. Pridajte ďalšie gaussovské rozostrenie, tentoraz používajte väčší Radius na získanie jemnejšieho tieňa. Ak je tieň stále príliš tvrdý, môžete znížiť jeho nepriehľadnosť.
Konečný výsledok
Toto je výsledok nášho výučby. Ako môžete vidieť, proces vytvárania tejto ikony je veľmi jednoduchý. Stačí použiť niektoré základné vektorové tvary a vrstvové štýly. Dúfam, že sa vám táto výuka teší. Ak máte akékoľvek otázky, neváhajte sa opýtať!
Stiahnite si PSD
Nie je možné dosiahnuť určitý krok? Tu je výsledok PSD súboru pre vás testovať a hrať sa.
- iCloud Icon Tutorial PSD Súbor
