Witam ,w tym tutorailu pokaże jak wykonać bardzo ale to bardzo szybko ,fajny przycisk (button) który możemy użyć np. na naszej stronie.

1.Na samym początku otwieramy nowy dokument. Całe nasze pole pracy wypełniamy kolorem czarnym za pomocą wiadra z farbą ,a dlaczego ,dlatego iż nasz button będzie miał kolor biały.

2. Z narzędzi wybieramy Prostokąt Zaokrąglony (Rounded Rectangle Tool) Aby zaokrąglić rogi w naszym prostokącie w promieniu w panelu górnym musimy wpisać wartość 20px.




3. Na naszym polu pracy kreślimy prostokąt z zaokrąglonymi rogami.




4. Natsępnie z narzędzi wybieramy Zaznaczenie Prostokątne ( Rectangular Marquee Tool) I zaznaczamy nasz prostokąt mniej więcej w taki sposób jak pokazałem na obrazku poniżej.




I to pokazałem strzałką (czarne pole) musimy wypełnić białym kolorem.Wygląda to mniej więcej tak:




5.Ostatnia czynność to dodanie efektów przechodzimy do warstwa > styl warstwy > opcje mieszania
(layer > layer style > blending options) wybieramy zakładkę Satyna (Satin) i ustawiamy wszystko jak na obrazku poniżej:



6.Oraz nałożymy Gradient (Gradient)



A całość prezentuje się następująco.



Aby całe menu lepiej wyglądało możemy dodać jakiś tekst i jakieś dodatki.
Ja zrobie jakieś pasy wieć pokaże jak wykonać jakis dodatek do naszego buttona.

7.Tworzymy nową warstwę z narzędzi wybieramy Prostokąt (Rectangle Tool) i malujemy pionowy pasek.Wybieramy narzędzie Przesunięcie (Move Tool) klikamy na naszą warstwę po czym obracamy ją pod kątem 23 stopni.




Nasz pasek przesuwamy bliżej tekstu po czym za pomocą Zaznaczenie Prostokątne ( Rectangular Marquee Tool) usuwamy nadmiar wystającego paska.



8.Przechodzimy do opcji mieszania zakładka Nałożenie Koloru (Color Overlay) i nakładamy # c1c1c1 kolor.
Następnie wybieramy zakładke Cień (Drop Shadow) i wszystkie efekty ustawiamy tak jak na obrazku poniżej.



Krycie danej warstwy ustawiamy na 38% Całość prezentuje się następująco:



Lecz jak widzieliśmy na obrazku wyżej ,doł naszego paska brzydko wygląda musimy coś z tym zrobić.
Z narzędzi wybieramy Zaznaczenie Prostokątne ( Rectangular Marquee Tool) Wtapianie wybieramy na 10% i zaznaczamy nasz pasek po czym wciskamy klawisz Delete.




9.Kolejna czynność jaką musimy zrobić do powielić jeszcze 2 razy dany pasek przeunąć go (każdy w lewo od następnego ) i zmniejszamy krycie każdego paska stopniowo.
Całość wygląda tak:



Nasze menu możemy powielić kilka razy zmienić kolor aby uzyskać bardzo efektowne menu na naszą strone .



pobierz plik psd

Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony

Zaloguj się lub zarejestruj, żeby móc zagłosować.

Brak ocen. Może czas dodać swoją?