Design lesklý Web 2.0 tlačítko ve Photoshopu
Při pohledu na design nějaké lesklé vypadající tlačítko Web 2.0? Zde je jednoduchý Photoshop návod, který vám krok za krokem, jak se dostat pěkně vypadající červené lesklé tlačítko.
Krok 1 - Vytvoření základny
Zapálte nové plátno a podle následujícího obrázku upravte následující nastavení (označené žlutě). Zbytek by měl být dodán jako výchozí. Možná budete chtít také ověřit výchozí hodnoty.
Vytvořit nové volání vrstvy 'Tlačítko'
Ve vrstvě 'Tlačítko' vyberte nástroj Zaoblený obdélník
Dejte mu poloměr 7px
Nakreslete obdélník podobný obrázku níže.
Krok 2 - červené tlačítko
Klikněte pravým tlačítkem myši na vrstvu Možnosti prolnutí pro tlačítko 'Tlačítko'
Vylepšete následující nastavení pro
Vrhat stín
Vnitřní stín
Úkos a reliéf
Gradiant Overlay
Vaše tlačítko by mělo vypadat něco takového
Krok 3 - Vytvoření lesklého efektu
Vytvořit nové volání vrstvy 'Sklo'
Vyberte nástroj Retangular marquee, ujistěte se, že jste vybrali vrstvu „Button“. Podržte klávesu CTRL a klikněte na tlačítko 'Tlačítka'”s miniaturou vrstvy. Vaše tlačítko by nyní mělo být zvýrazněno.
Nyní vyberte tlačítko „Sklo“ a podržte klávesu Alt s vybraným nástrojem Retangular marquee. Nakreslete (ořízněte) přes dolní polovinu tlačítka jako na obrázku níže.
Vyplňte vybranou oblast bílou barvou #ffffff pomocí nástroje Paint Bucket
Upravte krytí na 18%
Měli byste mít lesklé tlačítko vypadající takto.
Krok 4 - Pattern Overlay
Uveďme tlačítku nějaké jemné překrytí vzoru. Budu používat vlastní stripe5px vytvořené dříve. Vytvořte mezi vrstvami „Tlačítko“ a „Sklo“ nové volání vrstvy „Vzor“ a pokračujte ve volbách Možnosti prolnutí.
Vyberte možnost Překrytí vzoru, vyberte příkaz Stripe5px (nebo jakýkoli vzor, který jste vytvořili) a poté dialog zavřete.
Ujistěte se, že jste stále v nástroji Rectangular Marquee, přidržte
Krok 5 - Vložení textu
Vrhněte nějaký náhodný text v bílé barvě #ffffff s následujícím nastavením
Použijte následující efekty prolnutí na vrstvu mého textu.
Vrhat stín
Krok 6 - Konečný výstup
Měli byste dostat takový obrázek.
