Witam serdecznie wszystkich użytkowników ,na naszym forum został poruszony temat jak otrzymać wykonać taki panel do naszej strony. W tym tutorialu pokażę ,zademonstruje jak szybko i łatwo taki panel wykonać.

Użytkownik poprosił o napisanie tutoriala jak wykonać takie menu



1.Na samym początku otwieramy Photoshopa, tworzymy nowy dokument.
2.Tworzymy nową warstwę , na tej warstwie tworzymy poziomy pasek który posłuży nam jako menu górne. Możemy go wykonać dowolnie ponieważ nie zależy nam na tym efekcie tylko na efekcie połączenia menu z panelem nawigacji przez bodajże kabel.

3.Kiedy stworzyliśmy już menu górne zabieramy sie za rysowanie panelu nawigacyjnego.
Również wykonujemy w sposób dowolny.

Tak wygląda menu i panel nawigacji:



4.Żeby nam sie nowo stworzone warstwy nie pogubiły tworzymy folder a w nim pierwszą warstwę która będzie 1 oczkiem z którego będzie wychodził nasz kabel.

W menu górnym malujemy małe kółko



następnie przechodzimy do opcji mieszania i nadajemy temu kółku obrys. (stroke)




teraz przechodzimy do nałożenie Gradient (Gradient Tool) nakładamy tak jak w ustawieniach.



na sam koniec przechodzimy do Cień wewnętrzny ( Inner Shadow)



kiedy to już zrobiliśmy tworzymy nową warstwę a na niej mniejsza kółko które będzie na większym kółku wygląda to tak.



Powtarzamy wszystkie czynności tylko w panelu nawigacyjnym

Tak to wygląda:



5.Teraz weźmiemy sie za zrobienie tego kabelka ,z panelu z narzędziami wybieramy pióro i z ustawień wybieramy opcje bez wypełnienia kształtu.



6.Tworzymy nowa warstwę i na niej za pomocą pióra kreślimy zagięta linie.



następnie klikamy z klawiatury klawisz B i wybieramy pedzel taki jak na obrazku poniżej.



Teraz z narzędzi wybieramy zaznaczenie bezpośrednie:



i klikamy prawym przyciskiem myszy na nasze wygięte zaznaczenie. Pojawi nam sie lista z listy wybieramy „Obrysuj ścieżkę...” (Stroke Path) z ustawień wybieramy narzędzie pedzel.



Zaznaczenie możemy usunąć a my zabieramy się za ulepszanie naszej wygiętej lini.

Nakładamy jej Gradient :



tworzymy nowa warstwę wybieramy ponownie pióro i tak samo jak malowaliśmy pierwszą linie malujemy drugą linie bardziej prostą.



i ponownie teraz z narzędzi wybieramy zaznaczenie bezpośrednie:
i klikamy Prawym przyciskiem myszy na nasze wygięte zaznaczenie. Pojawi nam sie lista z listy wybieramy „Obrysuj ścieżkę...” (Stroke Path) z ustawień wybieramy narzędzie pedzel.

Tak to wygląda:



teraz przechodzimy do Filtr/Rozmycie/Rozmycie Gaussowskie ( filter > blur > gaussian blur)




Klikamy OK i przechodzimy do krycia (krycie ustawiamy na 53%)



Teraz bardziej ulepszymy, aby bardziej realistycznie nasz kabel wyglądał klikamy na warstwę z 1 linią przechodzimy do opcji mieszania.

I ponownie nałożymy Gradient



Potem klikamy na cień wewnętrzny (Inner Shadow) i ustawiamy tak jak na obrazku.





Można jeszcze nadać wzorek ukośnych kresek ale to zależy od waszej wyobraźni.

Tak wygląda całość:

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

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