Jak Zrobić ładny Guzik

Spisu treści:

Jak Zrobić ładny Guzik
Jak Zrobić ładny Guzik

Wideo: Jak Zrobić ładny Guzik

Wideo: Jak Zrobić ładny Guzik
Wideo: Jak zrobić ładny button/przycisk na strone 2024, Listopad
Anonim

Podróżując po Internecie, użytkownicy często zwracają uwagę na szatę graficzną zasobów. To ważny parametr każdej witryny. Wygląd strony decyduje o tym, czy odwiedzający pozostanie na niej, czy ją zamknie i nigdy jej nie odwiedza. Dlatego też grafika witryny ma szczególne znaczenie. Ale dekorując zasób, nie należy zapominać o jego funkcjonalności. Linki powinny wyglądać jak linki, a przyciski powinny wyglądać jak przyciski.

Jak zrobić ładny guzik
Jak zrobić ładny guzik

Instrukcje

Krok 1

Aby stworzyć piękny projekt strony, będziesz potrzebować wiedzy edytorów graficznych. Jednym z liderów w tej dziedzinie jest Adobe Photoshop. Otwórz swój program. Utwórz nowy dokument z parametrami pokazanymi na obrazku.

Krok 2

Wypełnij tło kolorem "bfbfbf". Użyj narzędzia Przesuń, aby wyśrodkować poziome i pionowe prowadnice w dokumencie. Wybierz narzędzie Prostokąt zaokrąglony. Zauważ, że musi być w trybie Shape Layer. Przesuń kursor na środek dokumentu, kliknij lewym przyciskiem myszy i jednocześnie przytrzymaj klawisz „Alt”. Narysuj prostokąt. Otwórz style warstw i ustaw parametry widoczne na obrazku.

Krok 3

Przytrzymaj klawisz „Ctrl” na klawiaturze i kliknij lewym przyciskiem myszy warstwę kształtu. Wybór zostanie załadowany. Z paska narzędzi wybierz „wybór prostokątny”. Ustaw tryb odejmowania. Nakreśl górną część zaznaczenia. Utwórz nową warstwę i wypełnij ją bielą. Ustaw krycie warstwy na 20%.

Krok 4

Weź narzędzie tekstowe. Napisz słowo, które chcesz. Ustaw czcionkę, rozmiar i styl tekstu. Przejdź do stylów warstw i ustaw następujące parametry. Twój przycisk jest gotowy.

Krok 5

Sprawdźmy teraz dokładne piksele. Weź narzędzie do powiększania. Zwiększ rozmiar przycisku tak bardzo, jak to możliwe. Przyjrzyj się uważnie wszystkim krawędziom. Muszą mieć jasne granice. Brak kolorów przejściowych. Jeśli kształty nie są wyraźne - wczytaj funkcję „swobodnej transformacji” i użyj klawiszy sterujących, aby poprawić kształt przycisku. Teraz możesz umieścić go na swojej stronie.

Zalecana: