Ako vytvoriť ikonu aplikácie v Illustratore

Strana 2 z 2: Ako vytvoriť ikonu aplikácie v Illustratore: Kroky 12-23

12. Pridajte hĺbku

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Teraz dáme hĺbku základni gombíka. Takže vyberte tvar, stlačte Ctrl + C na kopírovanie a stlačte Ctrl + B na prilepenie dozadu. Presuňte kópiu o 2 - 3 kroky nahor. Ponechajte kópiu vybranú a zmeňte jej farbu ťahu na # E2E2E1 s hmotnosťou zdvihu 2 pt a farbou výplne do # DDD9D3 na paneli Vzhľad, ako je uvedené vyššie.

13. Vytvorte 3D tlačidlo

Kliknutím obrázok zväčšíte



Kliknutím obrázok zväčšíte

Ďalej vám ukážem, ako vytvoriť 3D tlačidlo. Vyberte nástroj Zaoblený obdĺžnik (M) a pomocou neho nakreslite obdĺžnik 60 x 38px # C5BCB4 farba výplne. Vyberte ho a zaoblite jeho rohy o 12 pixelov.

Vyberte tlačidlo a choďte na Efekt> Štylizovať> Vnútorná žiara. Tu použite dané nastavenia. A aplikujte na ňu čiernobiely gradient s režimom znásobeného miešania a 40% krytím, ako sme to urobili v kroku 11.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

14. Vytlačte a skoste

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Vyberte tlačidlo a choďte na Efekt> 3D> Vytlačiť a skosiť. Tu použite dané nastavenia.

15. Vytvorte tieň gombíka

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Teraz vytvoríme tieň gombíkov. Ak to chcete urobiť, duplikujte tlačidlo. Vyberte spodnú kópiu a odstráňte všetky efekty na paneli Vzhľad. Teraz zmeňte jeho farbu výplne na čiernu a dvakrát stlačte šípku nadol, aby ste ju posunuli nadol. Duplikujte ho a zmeňte farbu výplne kópie na bielu. Ako je uvedené vyššie, stlačte na klávesnici šípku dole 6 - 7-krát nadol.

Vyberte čiernobiele tvary a choďte na Objekt> Zmes> Možnosti miešania. Vyberte Zadané kroky s hodnotou 20 a stlačte OK. Znova ich kombinujte tak, že prejdete na Objekt> Zmiešať> Vytvoriť. Po dokončení zmeňte na paneli priehľadnosti režim zmiešaného tvaru na Násobiť so 60% krytím.

Kliknutím obrázok zväčšíte

Kliknutím obrázok zväčšíte

Vyberte tieň a choďte na Efekt> Rozostrenie> Gaussovské rozostrenie. Použite na ňu 8px Gaussian efekt rozostrenia.

Kliknutím obrázok zväčšíte

Kliknutím obrázok zväčšíte

16. Použite symbol

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Ak chcete na tlačidlo použiť symbol, nakreslite malý obdĺžnik pomocou # 56524C farba výplne. Vyberte ju a prejdite na Objekt> Transformovať> Otočiť. A otočte ho o 90 stupňov a stlačte možnosť Kopírovať, aby ste vytvorili symbol +. Vytvorte jeho kópiu, otočte zadnú kópiu na bielu a presuňte ju o 1-2 kroky nahor.

17. Vyrobte viac tlačidiel

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Rovnakou technikou môžete vyrobiť toľko tlačidiel, koľko chcete. Tieň ikony urobte rovnakým spôsobom, aký je vysvetlený v kroku 15.

18. Vyplňte farbu

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Teraz vyberte nástroj Zaoblený obdĺžnik, kliknutím na plátno zobrazte okno s možnosťami a zadajte tu šírku 210 pixelov a výšku 8 pixlov. Dať # 404041 farba výplne a # F1F1F2 farebný ťah (hmotnosť zdvihu: 1 bod).

19. Vytvorte papier

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Na výrobu papiera nakreslite obdĺžnik s nasledujúcimi rozmermi a # F7F5E8 farba výplne.

Vyberte nástroj pero (P) a nakreslite malú čiaru pomocou akejkoľvek farby ako ťahu. Vyberte ju a prejdite na „Efekt“> „Deformovať a transformovať“> „Cikcak“. Tu použite dané nastavenia, aby sa cesta vlnila. Teraz nakreslite obdĺžnikový tvar kliknutím na jeden koniec vlnitej cesty pomocou nástroja Pen Tool (P) a na druhom konci ho zatvorte. A výslednému tvaru dajte akúkoľvek farbu výplne.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Teraz umiestnite tento tvar na horný okraj papiera, vyberte obidva tvary a na paneli Pathfinder stlačte kláves „Minus Front“ (Shift + Ctrl + F9).

Kliknutím obrázok zväčšíte

Kliknutím obrázok zväčšíte

20. Naneste gradient na papier

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Vyberte papier, na paneli Vzhľad duplikujte jeho atribút výplne a na skopírovanú výplň naneste daný prechod.

Zmeňte režim miešania prechodových výplní na „Násobenie“ so 40% krytím.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

21. Pridajte text

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Použil som písmo „Bebas Neue“ na napísanie textu na papier s danými nastaveniami.

Ak chcete vytvoriť prerušovanú čiaru, nakreslite priamu cestu pomocou nástroja Pen Tool (P) bez farby výplne a farebného ťahu # 404041 (hmotnosť ťahu: 1 bod). Teraz použite dané nastavenia nižšie na paneli ťahu na hornom ovládacom paneli.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Ak chcete vytvoriť papierový tieň, nakreslite obdĺžnik, ako je znázornené nižšie, čiernou výplňou. Naneste na ňu 8px efekt Gaussovho rozostrenia a zmeňte režim miešania na „Znásobiť“ s 30% krytím.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

22. Nakreslite gombík

Kliknutím obrázok zväčšíte

Kliknutím obrázok zväčšíte

Ďalej nakreslíme gombík. Nakreslite nasledujúcu cestu pomocou nástroja Pen Tool (P) a zadajte ju # DF7F5E farebná výplň bez ťahu.

Vyberte tvar a choďte na „Efekt“> „3D“> „Otočiť“. Použite dané nastavenia uvedené nižšie.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

23. Umiestnite gombík

ikona aplikácie ilustrátor

ako sa dostať do povedomia správania
Kliknutím obrázok zväčšíte

Aby sme umiestnili gombík rovnobežne s kalkulačkou, musíme ho najskôr rastrovať. Vyberte gombík a choďte na „Objekt“> „Rastrovať“. Použite dané nastavenia vyššie.

Potom otočte gombík o 90 stupňov a stlačte „OK“. Ak ju chcete odrážať, musíte ju otočiť o 180 stupňov a stlačiť tlačidlo „Kopírovať“.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Teraz umiestnite oba gombíky, ako je to znázornené nižšie.

ikona aplikácie ilustrátor

Kliknutím obrázok zväčšíte

Súvisiace články:

  • 1
  • dva

Aktuálna stránka: Ako vytvoriť ikonu aplikácie v Illustratore: Kroky 12-23

Predchádzajúca stránka Ako vytvoriť ikonu aplikácie v Illustratore: Kroky 01-11