Łatwa nawigacja jest kluczem do tego, aby strona była wygodna do odwiedzenia i atrakcyjna zarówno dla właściciela, jak i dla odwiedzających. Menu i elementy nawigacyjne powinny być czytelne, ładne i zwięzłe, a atrakcyjnym przyciskiem na stronie internetowej warto stworzyć w edytorze graficznym Adobe Photoshop. Nie jest to trudne.
Instrukcje
Krok 1
Utwórz nowy dokument i wybierz narzędzie Zaokrąglony prostokąt z paska narzędzi. Narysuj wąski zaokrąglony prostokąt, a następnie wybierz narzędzie Zaznaczanie eliptyczne z przybornika i narysuj okrąg po lewej stronie prostokąta, który zachodzi na jego krawędzie i wychodzi poza niego.
Krok 2
Kliknij prawym przyciskiem myszy warstwę prostokąta i wybierz opcję Rasteryzuj warstwę, a następnie pośrodku zaznaczenia kliknij ponownie i wybierz opcję Warstwa przez wycięcie z menu kontekstowego, aby skopiować zaznaczenie do nowej warstwy.
Krok 3
Otwórz menu ustawień warstwy i na karcie Cień ustaw tryb mieszania na Normalny, krycie na 23%, a odległość na 3 piksele. Na karcie Nakładka kolorowa ustaw żądany kolor w trybie mieszania Normalny i przezroczystości na 100%. Powinieneś mieć dwukolorowy obraz.
Krok 4
Ponownie wybierz narzędzie Zaznaczanie eliptyczne z przybornika i narysuj okrąg wewnątrz lewego wyboru koloru. Kliknij Usuń. Następnie przenieś zaznaczenie na nową warstwę i wypełnij ją dowolnym kolorem.
Krok 5
Otwórz ponownie menu Styl warstwy i dostosuj kartę Nakładka gradientu w dowolnych kolorach, które pasują do schematu kolorów witryny. Ustaw styl promieniowy na gradient. Następnie w zakładce Obrys ustaw grubość obrysu na 2 piksele, zewnętrzną pozycję ścieżki i krycie na 30%. Wybierz wypełnienie gradientowe dla obrysu. Kliknij OK.
Krok 6
W przyborniku wybierz pędzel w kolorze białym, dostosuj go tak, aby był miękki, a średnica pędzla wynosiła 10 pikseli. W prawym górnym rogu namalowanego okręgu narysuj kropkę, aby narysować podświetlenie.
Krok 7
Następnie zaznaczamy warstwę główną częścią przycisku iw menu Layer Style ustawiamy parametr Inner Shadow z Multiply Blending Mode i Opacity 33%. Ustaw gradient liniowy z kryciem 25%. Twój przycisk jest gotowy - pozostaje tylko dodać do niego napis.
