Zaprojektuj kartę Web 2.0 w Photoshopie

Poniższy przewodnik próbuje pokazać, jak zaprojektować ładne, eleganckie menu w Photoshopie, w stylu Web 2.0.

Krok 1

Utwórz nowe płótno z białym tłem [#ffffff] o dowolnym rozmiarze, najlepiej prostokątnym; są bardziej odpowiednie do rysowania kart. Następnie przełącz się na Kanały Tab (Windows -> Kanały), kliknij Utwórz nowy kanał w prawym dolnym rogu.

Krok 2

Na wybranej warstwie kanału narysuj podobny kształt za pomocą narzędzia Lasso wielokątne. Wypełnij go białym kolorem [#ffffff]; odznacz obszar wielokątny (wybierz dowolne narzędzie markizy i naciśnij jedno z nich); nadaj kształt Rozmycie Gaussa z promieniem 6.0px.

Krok 3

CTRL-L aby wywołać okno dialogowe poziomu i nacisnąć lewą i prawą strzałkę, aby spotkać środkową strzałkę, jak na powyższym obrazku. To będzie “gładki” Twój rozmyty kształt w górę i daje ładny zaokrąglony kształt narożnika.

Krok 4

W zakładce Kanały, Przytrzymaj CTRL, Kliknij Miniatura kanału warstwy Alpha 1. Nowy kształt zostanie teraz wybrany, przełącz się z powrotem Zakładka Warstwy, Utwórz nową warstwę i wypełnij wybrany obszar kolorem czarnym [# 000000].

Krok 5

Usuń zaokrąglone rogi dla dolnego lewego dolnego i prawego dolnego rogu, przesuń go w lewo i ustaw go tak, jak pokazano powyżej. Następnie skupimy się na czarnym kolorze Tab.

	Trzymać CTRL, kliknij zakładkę Miniatura warstwy aby podświetlić cały obraz karty.
	Po podświetleniu obrazu karty wybierz Narzędzie do zaznaczania prostokątnego, trzymać ALT i narysuj prostokątny obszar, który chcemy usunąć.
	Powinieneś zobaczyć tylko wybraną górną część. Wybierz -> Modyfikować -> Kontrakt, Kontrakt o 2px i powinieneś dostać coś takiego jak obrazek po lewej stronie.
	Utwórz nową warstwę, wypełnij podświetlony region białym [#ffffff]. Kliknij prawym przyciskiem myszy, wybierz Opcje mieszania następnie Nakładka gradientowa. Zamień biały [#ffffff] na kolor na szary [# 616161]. Twoja karta powinna wyglądać jak obraz po lewej stronie.

Krok 6

Utwórz nową warstwę; Wybierz Zaokrąglone prostokątne narzędzie (Promień 8px), narysuj prostokąt i umieść tę warstwę za czarną warstwą zakładek. Kliknij prawym przyciskiem myszy i wybierz Opcje mieszania i wprowadź następujące ustawienia.

Upuść cień

Krycie: 31%
Odległość: 0px
Spread: 0%
Rozmiar: 2px

Faza i płaskorzeźba

Głębokość: 100%
Rozmiar: 0px
Zmiękcz: 0px

Nakładka gradientowa

Oto ustawienia kolorów zatrzymuje.
Kolor: #aaaaaa, Lokalizacja: 0%
Kolor: #ffffff, lokalizacja 100%

Krok 7

Umieść jakiś tekst, aby zobaczyć ogólny wygląd Web 2.0. Używam czcionki Lucida Fax, rozmiar czcionki 32pt i 25pt. I twoja karta jest skończona! Nie krępuj się bawić się kombinacją kolorów Tab.

Pobierz samouczek