Statystyki

Użytkowników : 1
Artykułów : 425
Odsłon : 1294955

Zielone buttony

Drukuj PDF

W tym prostym tutorialu nauczysz się jak robić ładne zielone buttony na Twoją stronę internetową

 

efekt końcowy

 

 

Otwórz nowy dokument w którym chcesz zrobic buttony.

Stwórz nową warstwę i zaznacz na niej prostokąt (mój ma rozmiary 60 x 20)

zaznaczenie

Ustaw kolor pierwszego planu na #afee00, a kolor tła na #3b9d00

kolory

Wypełnij prostokąt gradientem od góry do dołu kończąc w połowie wysokości.

gradient

Zlikwiduj zaznaczenie i wciśnij kolejno klawisze d a potem x, żeby zmienić kolory na czarny i biały, teraz zaznacz button ponownie i stwórz nową warstwę, kliknij prawym przyciskiem myszy na zaznaczenie i przejdź do zakładki stroke, w której użyj następujących ustawień:

// //

stroke

Ustaw tryb warstwy na overlay i zmniejsz krycie do 40%.

Stwórz kolejna nową warstwę i zaznacz nieco mniejszy prostokąt na buttonie:

zaznaczenie

Użyj wypełninia gradientem i wypełnij zaznaczenie białym gradientem od gory do dołu.

gradient góra

Zmień tryb warstwy na overlay i zmniejsz krycie do 30%.

overlay

Wybierz teraz narzędzie pisania I dodaj tekst. Ja użyłem czcionki Tahoma,o wielkości 11pt z wyłączoną opcją Anti Aliasing.

tekst

I to tyle. Teraz możesz stworzyć buttony w innych kolorach i z innymi napisami. W razie pytań i probleów pisz do mnie na maila lub komentuj w komentarzach.

Original Photoshop tutorial by PhotoshopStar

Dodaj komentarz

Kod antysapmowy
Odśwież