Efektowny przycisk na stronę zawsze może się przydać, dlatego postanowiłem napisać krótki tutorial w jaki sposób zrobić taki przycisk. Jest to specjalnie dla osób, które chcą w łatwy i szybki sposób, wykorzystać elementy graficzne na swojej stronie.
Do tego celu wykorzystałem program do obróbki grafiki Adobe Photoshop C3. W zasadzie może to być dowolna wersja, bo z tego co pamiętam, a Photoshopa używam już od wielu, wielu lat, to w starszych wersjach również dostępne są funkcje, których użyłem przy tym projekcie.
Do tego celu wykorzystałem program do obróbki grafiki Adobe Photoshop C3. W zasadzie może to być dowolna wersja, bo z tego co pamiętam, a Photoshopa używam już od wielu, wielu lat, to w starszych wersjach również dostępne są funkcje, których użyłem przy tym projekcie.
Oczywiście nie musisz od razu kupować za kilka tysięcy oprogramowania, aby wykonać elementy graficzne na własne potrzeby. W tym celu wystarczy wersja trial, jest to pełna wersja Photoshopa z 30-dniową licencją. To w zupełności wystarczy, aby można było zainstalować i używać programu do nauki.
Zatem przejdźmy do części praktycznej, otwórz nowy dokument o wymiarach 400x300 pikseli i z przeźroczystym tłem.
Zatem przejdźmy do części praktycznej, otwórz nowy dokument o wymiarach 400x300 pikseli i z przeźroczystym tłem.
Wybierz narzędzie z lewego menu – zaznaczanie prostokątne, ustaw jego rozmiar na 250x100 pikseli (tak jak to jest na obrazku poniżej), a następnie kliknij gdzieś w oknie dokumentu.
Wybierz teraz z bocznego menu narzędzie do malowania Wiadro z farbą i wypełnij dowolnym, wybranym przez Ciebie kolorem. Ja użyłem kolorów #0018ff i #91c0ff.
Z górnego menu wybierz: Warstwa > Styl warstwy > Faza i płaskorzeźba. W oknie ustaw kont cieniowania na 90 stopni, zaznacz również zakładkę o nazwie kontur.
W Efekcie powstanie nam taki prostokąt:
Mając w dalszym ciągu zaznaczony obrys, wybierz z górnego menu: Zaznacz > Zmień > Zwężenie, a w oknie zwęź o 10pks.
Teraz wybierz narzędzie do wypełniania gradientem z bocznego menu, zastosuj ustawienia jak na obrazku:
Zaznaczając pionową linię w obrysie, wypełnij obrys kolorem.
Użyj narzędzia do zaznaczania eliptycznego z bocznego menu i zaznacz tak jak na obrazku
Kliknij prawym przyciskiem wewnątrz zaznaczonego obszaru i wybierz opcje Wypełnij. Użyj białego wypełnienia, w mieszaniu ustaw tryb – Ostre światło i krycie na 50%.
W tym momencie wystarczy już tylko do przycisku dodać odpowiedni napis. Wybierz z lewego menu narzędzie do pisania Tekst, zaznacz obszar wewnątrz przycisku i wprowadź jakiś napis. Na końcu przesuń krycie napisu na 80%, znajduje się ono w oknie z warstwami po prawej stronie.
0 komentarze:
Prześlij komentarz