W projektowaniu witryn często stosuje się trójwymiarowe elementy nawigacyjne. Takie przyciski można wykonać w edytorze graficznym Photoshop, symulując objętość za pomocą cieni i wypełnienia gradientowego.
Niezbędny
Program Photoshop
Instrukcje
Krok 1
Utwórz nowy dokument w edytorze graficznym, korzystając z opcji Nowy z menu Plik. Wybierz rozmiar nowego dokumentu, aby pasował do przycisku, i ustaw przezroczyste tło.
Krok 2
Aktywuj narzędzie Zaokrąglony prostokąt. Jeśli chcesz lekko zaokrąglony przycisk, na pasku opcji narzędzia ustaw promień na jeden milimetr. Za pomocą wybranego narzędzia narysuj zaokrąglony prostokąt. Powstały kształt będzie podstawą dla przycisku.
Krok 3
Kliknij warstwę prawym przyciskiem myszy i wybierz opcję Rasteryzuj warstwę. Załaduj wybór za pomocą opcji Wczytaj wybór z menu Wybierz.
Krok 4
Użyj narzędzia Gradient, aby wypełnić przycisk dwukolorowym gradientem, wybierając odpowiednią kombinację kolorów z ustawień wstępnych w palecie gradientów. Styl gradientu powinien być liniowy, wybierz go, klikając przycisk Gradient liniowy w menu głównym. Górna część guzika po napełnieniu powinna być jaśniejsza niż dolna.
Krok 5
Zastosuj styl do warstwy. Aby to zrobić, użyj opcji Opcje mieszania z menu kontekstowego. Wybierz zakładkę Cień i wprowadź wartość stu dwudziestu stopni dla parametru Kąt. Ustaw parametr Rozmiar na trzy piksele.
Krok 6
W zakładce Cień wewnętrzny ustaw tę samą wartość dla parametru Kąt, a dla Rozmiaru ustaw wartość na pięć pikseli. Zastosuj styl, naciskając klawisz Enter.
Krok 7
Zrób cień na przycisk. Aby to zrobić, kliknij przycisk Utwórz nową warstwę i wypełnij zaznaczony obszar nowej warstwy kolorem czarnym. W tym celu wybierz narzędzie Wiadro z farbą. Usuń zaznaczenie za pomocą Ctrl + D.
Krok 8
Zastosuj filtr Gaussa Blur z grupy Blur menu Filter do czarnego prostokąta. Ustaw promień na cztery piksele. Przeciągnij warstwę cienia pod warstwę przycisków i podnieś cień o trzy do czterech pikseli w górę. Aby to zrobić, aktywuj narzędzie Przesuń i przesuń cień za pomocą przycisków kursora. Zmniejsz krycie tej warstwy do sześćdziesięciu procent.
Krok 9
Utwórz aktywną warstwę za pomocą przycisku i wczytaj z niej wybór. Zmniejsz zaznaczenie o dwa piksele za pomocą opcji Kontrakt z grupy Modyfikuj w menu Zaznaczenie.
Krok 10
Utwórz nową warstwę i wypełnij wynikowe zaznaczenie gradientem liniowym od białego do przezroczystego, tak aby biała część znajdowała się na dole przycisku. Usuń zaznaczenie. Korzystając z opcji Swobodne przekształcanie z menu Edycja, zmniejsz obszar objęty gradientem w pionie. Zastosuj transformację klawiszem Enter.
Krok 11
Zmień tryb mieszania warstwy gradientowej na Overlay. Można to zrobić, wybierając tryb z listy rozwijanej po lewej stronie palety Style. Zmniejsz krycie warstwy do sześćdziesięciu procent.
Krok 12
Korzystając z narzędzia Tekst poziomy, wpisz tekst, który powinien znajdować się na przycisku.
Krok 13
Zbierz wszystkie warstwy do folderu za pomocą opcji Grupuj warstwy z menu Warstwa, zaznaczając je przytrzymując klawisz Ctrl. Zapisz przycisk do pliku psd, korzystając z opcji Zapisz z menu Plik.
