Odznaka w projektowaniu stron internetowych oznacza rodzaj odznaki, którą wszyscy znają, która zwykle zawiera informacje o sekcji witryny, określonym temacie lub usługach witryny. Plakietki mogą mieć różne kształty, zarówno proste (kształty geometryczne), jak i bardziej złożone (łączące kilka kształtów).
Niezbędny
Oprogramowanie Adobe Photoshop
Instrukcje
Krok 1
Po uruchomieniu edytora graficznego naciśnij skrót klawiaturowy Ctrl + N (utwórz plik). W oknie, które się otworzy, należy wskazać, że tworzony jest dokument RGB w kształcie kwadratu o wymiarach 600 px, pożądane jest użycie białego tła.
Krok 2
W lewej części okna programu znajduje się pasek narzędzi, kliknij narzędzie Custom Shape, w górnym panelu pojawią się dodatkowe parametry, wśród których będzie można wybrać kształt przyszłej odznaki. Z listy rozwijanej Kształt wybierz dowolny kształt. Jeśli nie znajdziesz odpowiedniego kształtu, kliknij strzałkę i wybierz kolekcję kształtów Obiekt.
Krok 3
Utwórz kształt w dokumencie, rozciągając go lewym przyciskiem myszy. Użyj polecenia Rasteryzuj warstwę z menu kontekstowego, aby nałożyć raster na obraz.
Krok 4
Następnie zaznaczamy kształt w standardowy sposób lub za pomocą klawisza Ctrl, który należy jednocześnie zacisnąć lewym przyciskiem myszy na warstwie z utworzonym kształtem.
Krok 5
Przejdź do próbnika kolorów i wybierz 2 kolory (pierwszy plan i tło), jeden kolor powinien być nieco ciemniejszy od drugiego. Kliknij narzędzie Gradient i narysuj linię na obrazie. Jeśli jest to prosty kształt, taki jak kwadrat, narysuj linię od lewego górnego rogu i zatrzymaj się w prawym dolnym rogu.
Krok 6
Aby odznaczyć kształt, użyj skrótu klawiaturowego Ctrl + D. Powstały obraz należy przetworzyć, tj. dodać kilka efektów. Wybierz warstwę kształtu i kliknij przycisk „Filtry” w panelu warstw. Zastosuj filtr Cień o następujących parametrach: Krycie-20, Kąt-120, Odległość-10, Rozmiar-15.
Krok 7
Następnie zastosuj filtr Bevel and Emboss o następujących parametrach: Style-Inner Bevel, Technique-Chisel Hard, Size-2.
Krok 8
Następnie musisz utworzyć nową warstwę. W przypadku tej warstwy musisz zresetować wszystkie kolory, można to zrobić, naciskając na klawiaturze angielską literę D. Na palecie narzędzi użyj „Okrągłego zaznaczenia” i wybierz krawędź swojego kształtu. W panelu warstw ustaw następujące parametry: Layers-Lighten, Opacity-20.
Krok 9
Wypełnij nową warstwę kolorem białym i odznacz. Teraz pozostaje tylko dodać informacje o sekcji witryny lub dowolne wybrane słowo. Aby to zrobić, użyj narzędzia Tekst.
