Przykładowy outcome:
sk – skrót klawiaturowy
ETAP I:
Tworzymy nowy dokument o wymiarach 500×50 pikseli (500px szerokości i 50px wysokości), następnie Rounded Rectangle Tool’em (sk: U) robimy zaokrąglony prostokąt (tak jak na obrazku), a kolor naszego prostokąta ustawiamy na DEDEDE.
ETAP II:
Zaznaczamy nasz prostokąt (przytrzymujemy przycisk CTRL i klikamy na naszym prostokącie), następnie klikamy na Rectangural Marquee Tool (sk: M), przytrzymujemy przycisk [ALT] i przeciągając od któregoś z dolnych rogów usuwamy dolną część zaznaczenia.
Teraz klikamy na Gradient Tool (sk: G), rodzaj gradienta ustawiamy na przechodzenie z tła białego na przezroczystość (mam nadzieję, że domyślicie się o który chodzi.. ten rodzaj gradienta znajduje się w standardowych gradientach photoshopa, więc myślę, że nie będzie z tym problemu), a typ gradienta ustawiamy na Radial Gradient (w opcjach obok rodzaju gradienta wybieramy taką ikonkę ‘zblurowanego białego kółka na czarnym tle’), tworzymy nową warstwę, klikamy na nią, następnie przytrzymujemy przycisk [SHIFT] i tworzymy nasz gradient (kliknij prawym przyciskiem myszy i przeciągnij od dołu do góry).
ETAP III:
Zmniejszamy opacity warstwy z naszym “odblaskiem” (gradientem) na mniej więcej 72%.
Zaznaczamy znowu nasz prostokąt, tworzymy nową warstwę, klikamy na nią i gradientem (typ gradienta: linear gradient [ikonka przejścia z koloru białego do czarnego od lewej do prawej], kolor: biały [FFFFFF]) robimy dolny odblask.
Następnie przeciągamy nasz dolny odblask kilka pikseli do góry i ustawiamy opacity na ok. 79%.
ETAP IV:
Tworzymy nową warstwę i ustawiamy ją na samą górę w warstwach.
Klikamy na Horizontal Type Tool (sk: T) i tworzymy tekst na naszym menu. (ja wybrałem czcionkę: “Tahoma” o kolorze: “737373″).
ETAP V:
Możemy dodatkowo jeszcze zrobić “oddzielniki” dla naszych pozycji w menu, oraz efekt hover.
“Oddzielniki” robimy zwykłym ‘ołóweczkiem’ (Pencil Tool – sk: B) i nadajemy im styl:
DROP SHADOW
opacity: 5%
distance: 1px
spread: 100%
size: 0px
reszta standardowo
Efekt hover robimy poprzez stworzenie zaokrąglonego prostokąta w nowej warstwie znajdującej się poniżej warstwy z tekstem (ja wybrałem kolor: 0087E6) i poprzez zmienienie koloru elementu menu “podświetlonego” na biały [FFFFFF] i pogrubienie go.
PLIKI:
PLIK .PSD
