Pri návrhu stránok sa často používajú trojrozmerné navigačné prvky. Takéto tlačidlá je možné vytvoriť v grafickom editore Photoshop, ktorý simuluje hlasitosť pomocou tieňov a prechodovej výplne.
Nevyhnutné
program Photoshop
Inštrukcie
Krok 1
Vytvorte nový dokument v grafickom editore pomocou možnosti Nový z ponuky Súbor. Vyberte veľkosť nového dokumentu, aby sa zmestilo na tlačidlo, a urobte pozadie priehľadným.
Krok 2
Aktivujte nástroj Zaoblený obdĺžnik. Ak chcete mierne zaoblené tlačidlo, na paneli Možnosti nástroja nastavte Polomer na jeden milimeter. Pomocou vybraného nástroja nakreslite zaoblený obdĺžnik. Výsledný tvar bude základom pre tlačidlo.
Krok 3
Pravým tlačidlom myši kliknite na vrstvu a vyberte možnosť Rastrovanie vrstvy. Načítajte výber pomocou možnosti Načítať výber z ponuky Vybrať.
Krok 4
Pomocou nástroja prechodu vyplňte tlačidlo dvojfarebným prechodom, pričom z predvoľieb v palete prechodov vyberte vhodnú kombináciu farieb. Styl prechodu by mal byť lineárny, vyberte ho kliknutím na tlačidlo Lineárny prechod v hlavnej ponuke. Horná časť gombíka po naplnení by mala byť ľahšia ako spodná.
Krok 5
Na vrstvu použite štýl. Ak to chcete urobiť, použite možnosť Možnosti miešania z kontextovej ponuky. Vyberte kartu Tieňovaný tieň a pre parameter Angle zadajte hodnotu sto dvadsať stupňov. Nastavte parameter Veľkosť na tri pixely.
Krok 6
Na karte Vnútorný tieň nastavte rovnakú hodnotu pre parameter Uhol a pre veľkosť nastavte hodnotu na päť pixelov. Použite štýl stlačením klávesu Enter.
Krok 7
Vytvorte tieň pre tlačidlo. Kliknite na tlačidlo Vytvoriť novú vrstvu a vyplňte vybranú oblasť novej vrstvy čiernou farbou. Vyberte na tento účel nástroj Paint Bucket Tool. Zrušiť výber pomocou Ctrl + D.
Krok 8
Aplikujte filter Gaussian Blur zo skupiny Blur v ponuke Filter na čierny obdĺžnik. Polomer nastavte na štyri pixely. Presuňte vrstvu tieňov pod vrstvu tlačidiel a zvýšte tieň o tri až štyri pixely. Vykonáte to tak, že aktivujete nástroj Move Tool a pomocou kurzorových tlačidiel presuniete tieň. Znížte nepriehľadnosť pre túto vrstvu na šesťdesiat percent.
Krok 9
Vytvorte aktívnu vrstvu pomocou tlačidla a načítajte z nej výber. Znížte výber o dva pixely pomocou možnosti Zmluva zo skupiny Upraviť v ponuke Výber.
Krok 10
Vytvorte novú vrstvu a výsledný výber vyplňte lineárnym prechodom od bielej po priehľadnú, aby sa biela časť nachádzala v dolnej časti tlačidla. Zrušte výber. Pomocou možnosti Voľná transformácia z ponuky Upraviť zmenšite oblasť pokrytú prechodom zvisle. Transformáciu použite pomocou klávesu Enter.
Krok 11
Zmeňte Režim prelínania prechodovej vrstvy na Prekrytie. Môžete to urobiť výberom režimu z rozbaľovacieho zoznamu na ľavej strane palety Štýly. Znížte nepriehľadnosť vrstvy na šesťdesiat percent.
Krok 12
Pomocou nástroja Horizontálny typ napíšte text, ktorý by mal byť na tlačidle.
Krok 13
Zhromaždite všetky vrstvy do priečinka pomocou možnosti Zoskupiť vrstvy v ponuke Vrstvy a vyberte ich a zároveň podržte kláves Ctrl. Uložte tlačidlo do súboru psd pomocou možnosti Uložiť z ponuky Súbor.
