Úvodná » photoshop » Návrh Glossy Web 2.0 Tlačidlo vo Photoshope

    Návrh Glossy Web 2.0 Tlačidlo vo Photoshope

    Pri pohľade na návrh niektorých lesklých vyzerajúcich tlačidiel Web 2.0? Tu je jednoduchý návod pre Photoshop, ktorý vám krok za krokom prináša príjemné červené lesklé tlačidlo.

    Krok 1 - Vytvorenie základne

    Vytvorte nové plátno a upravte nasledujúce nastavenia (označené žltou farbou) podľa obrázka uvedeného nižšie. Zvyšok by mal byť štandardný. Možno budete chcieť dvakrát skontrolovať aj predvolené nastavenia.

    Vytvorte novú vrstvovú výzvu "Tlačidlo"

    Na vrstve "Tlačidlo" vyberte nástroj Zaoblený obdĺžnik

    Dajte ju do polomeru 7px

    Nakreslite obdĺžnik podobný obrázku nižšie.

    Krok 2 - Červené tlačidlo

    Kliknite pravým tlačidlom myši na vrstvu "Button" (Blending Options)

    Zmeňte nasledujúce nastavenia pre

    Vrhať tieň

    Vnútorný tieň

    Skosenie a reliéf

    Gradient Overlay

    Vaše tlačidlo by malo vyzerať takto

    Krok 3 - Vytvorte lesklý efekt

    Vytvorte nový vrstvový hovor "Sklo"

    Zvoľte nástroj Retangular marquee, uistite sa, že ste vybrali vrstvu 'Button'. HOLD stlačte kláves CTRL a kliknite na tlačidlo "Layers"”s miniatúrou vrstvy. Vaše tlačidlo by malo byť teraz zvýraznené.

    Zvoľte teraz tlačidlo "Sklo", podržte kláves Alt s vybraným nástrojom Retangular marquee. Nakreslite (prerežte) spodnú polovicu tlačidla, ako je obrázok nižšie.

    Vyplňte vybranú oblasť bielou farbou #ffffff pomocou nástroja Nástroj na kreslenie farieb

    Nastavte opacitu na 18%

    Mali by ste mať lesklé tlačidlo vyzerajúce takto.

    Krok 4 - prekrytie vzoru

    Dajte tlačidlu mierne prekrytie vzorov. Budem používať vlastný stripe5px vytvorený skôr. Vytvorte novú vrstvovú voľbu "Vzor" medzi "Tlačidlo" a "Sklo" a pokračujte v možnostiach Blending.

    Vyberte možnosť Overlay vzor, ​​vyberte Stripe5px (alebo vytvorený vzorec) a kliknite na tlačidlo OK a potom dialóg zavrite.

    Uistite sa, že ste stále na nástroji Obdĺžnikový markýz, podržte a kliknutím na miniatúru tlačidla tlačidla vytvoríte tvar tlačidiel. Vyplňte vybranú oblasť vrstvou "Pattern" pomocou nástroja Paint Bucket a nastavte opacitu vrstvy na 5%

    Krok 5 - Vloženie textu

    Vložte nejaký náhodný text v bielej farbe #ffffff s nasledujúcimi nastaveniami

    Na vrstvu môjho textu použite nasledujúce efekty miešania.

    Vrhať tieň

    Krok 6 - konečný výstup

    Taký obrázok by ste mali dostať.