Cześć w tym tutorialu pokaże jak wykonać bardzo fajną nawigacje do naszej strony . Tutorial nie jest zbyt trudny wiec każdy powinien sobie poradzić z nim. Dobra więc zaczynajmy :D

1.Na samym początku otwieramy nowy dokument i od razu wypełniamy go czarnym kolorem.
Oczywiście wymiary nowego dokumentu dowolne.
Następnie tworzymy nową warstwę na której będziemy malować pierwsze zarysy naszej nawigacji.

2.Następnie z panelu z narzędziami wybieramy Prostokąt Zaokrąglony (Rounded Rectangle Tool) Promień ustawiamy na ok. 3-4 px, i białym kolorem malujemy prostokąt mniej więcej taki jak na obrazku poniżej.




3.Teraz przechodzimy do Opcji mieszania warstwa > styl warstwy > opcje mieszania ( layer > layer style > blending options) i wybieramy zakładkę Nałożenie Gradientu i wszystkie parametry ustawiamy tak jak na obrazku poniżej.



Pobierz Gradient 1

3.Następnie powielamy daną warstwę wyłączamy nałożenie gradientu po czym przechodzimy do zakładki Nałożenie wzorka (gradient overlay) i wybieramy z wszystkich dostępnych ten jeden co nas interesuje (jest to wzorek Pattern2)




Pobierz Pattern

Kiedy wzorek mamy nałożony ustawiamy krycie danej warstwy na około 16%

4.Tworzymy nową warstwę, z narzędzi wybieramy Prostokąt (Rectangle Tool)i na stworzonej warstwie malujemy prostokąt ,coś podobnego jak na obrazku poniżej.




Po czym przechodzimy do Edycja/Przekształć/Wypaczenie (Edit/Transform/Warp) Parametry ustawiamy tak jak na obrazku niżej




I następnie w panelu z warstwami wypełnienie ustawiamy na 0




5.Teraz ponownie przechodzimy do Opcji mieszania warstwa > styl warstwy > opcje mieszania ( layer > layer style > blending options) wybieramy zakładkę Blask zewnętrzny (Outer Glow)




Oraz do Obrysu (Stroke)




6.Następnie tworzymy nową warstwę, i wybieramy narzędzie Zaznaczenie eliptyczne i zaznaczamy mniej więcej taką część naszego menu jak na obrazku niżej.




Po czym z narzędzi wybieramy Gradient wybieramy styl (Liniowy) oraz ustawiamy kolory.






Możesz również pobrać dany Gradient 2 [poberz]

7.Teraz w obrębie naszego zaznaczenia nakładamy wybrany gradient ciągnąc go od dołu do góry



Całość prezentuje się następująco:





Teraz możemy dodać jakiś tekst do naszego buttona a zarazem powielić klika krotnie:D
A gotowe menu wygląda tak:



Pobierz psd

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

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