Wpisy otagowane nawigacja

Efektowne i czytelne menu nawigacyjne to jedno z wielu rzeczy jakie wpływają na ogólny wygląd strony. Niebanalny wygląd tego elementu na pewno poprawi wygląd każdej strony www. Jak wykonać profesjonalnie wyglądające menu przedstawiam w poniższym tutorialu.

Zaczynamy!

W programie Photoshop CS2 tworzymy nowy dokument o wymiarach:
Szerokość: 150 piks
Wysokość: 15 piks
Rozdzielczość: 72 dpi
Kolor tła: czarny

Narzędziem Zaznaczenie eliptyczne (M) zaznaczamy elipsę pokrywającą około połowę górnej części obrazka.Tworzymy nową warstwę (Shift+CTRL+N) i na niej narzędziem Wiadro z farbą (G) wypełniamy zaznaczony obszar kolorem białym.

Na nowo utworzonej warstwie, tworzymy maskę warstwy z menu Warstwa/Maska warstwy/Odkryj wszystko. Wybieramy narzędzie Gradient (G), znajdujący się pod narzędziem Wiadro z farbą. Wybieramy gradient prosty czarno-biały i wypełniamy od góry do dołu białego pola.

Odznaczany obrazek (Ctrl+D) i zaznaczamy warstwę z elipsą. Wybieramy filtr z menu Filtr/Rozmycie/Rozmycie gaussowskie, ustawiamy Promień rozmycia: 0,9.

Wybieramy narzędzie Tekst (T) i wpisujemy dowolną treść, w tym przypadku jest to Aktualności. Wybieramy narzędzie Zaznaczenie prostokątne (M). Tworzymy nową warstwę (Shift+CTRL+N) i na niej zaznaczamy prostokąt po prawej stronie.

Wypełniamy kolorem białym zaznaczenie narzędziem Wiadro z farbą (G).

Ustawiamy Krycie: 25% nowo utworzonej warstwy.

Voila:-)

Kamil Winiszewski