Jak Zrobić Animowany Przycisk

Spisu treści:

Jak Zrobić Animowany Przycisk
Jak Zrobić Animowany Przycisk

Wideo: Jak Zrobić Animowany Przycisk

Wideo: Jak Zrobić Animowany Przycisk
Wideo: JAK ZROBIĆ WŁASNY PRZYCISK SUBSKRYBUJ? 2024, Listopad
Anonim

Projekt witryn jest bardzo ważny dla tego, jak są one ostatecznie postrzegane przez odwiedzających. Ludzie powinni odczuwać przyjemność estetyczną na stronach serwisu, a strony te powinny być dla nich wygodne i funkcjonalne. Żadna witryna nie jest kompletna bez przycisków nawigacyjnych, a Twoja witryna będzie wyglądać jednocześnie funkcjonalnie i pięknie, jeśli te przyciski zostaną animowane.

Jak zrobić animowany przycisk
Jak zrobić animowany przycisk

Instrukcje

Krok 1

Przyciski graficzne, w przeciwieństwie do przycisków tekstowych, są widoczne na stronach i są łatwe do zapamiętania dla czytelników. Użyj programu Corel Draw do tworzenia animowanych przycisków. Utwórz nowy dokument i narysuj puste miejsce, na którym przycisk będzie wyświetlany w kilku widokach, zarówno w stanie wciśniętym, jak i niewciśniętym.

Krok 2

Aby narysować przycisk, wybierz odpowiednie narzędzie z przybornika i narysuj zaokrąglony prostokąt. Wypełnij prostokąt kolorem czarnym, a następnie skopiuj go i przesuń kopię w lewo i w górę. Wypełnij drugi prostokąt kolorem białym.

Krok 3

Na pustym przycisku wpisz jego nazwę, dodając czarny kontur do tekstu. Zmień tekst na biały. Teraz otwórz menu Efekty najazdu, podświetlając przycisk i klikając opcję Utwórz najazd. Zobaczysz Normalny na pasku stanu Rollover.

Krok 4

Teraz, aby zmienić obraz przycisku, kliknij go prawym przyciskiem myszy i wybierz opcję Edytuj najazd w menu kontekstowym. Otworzy się nowy internetowy pasek narzędzi. Narysuj dodatkowe pozycje przycisków, które następnie będą się zmieniać jedna po drugiej, tworząc efekt animacji.

Krok 5

Po lewej stronie panelu Internet kliknij przycisk Over i edytuj przycisk, aby usunąć kontur tekstu. Wypełnij tekst kolorem czarnym, aby utworzyć jego drugą wersję w animacji. Teraz naciśnij przycisk W dół i narysuj ostatnią wersję przycisku po naciśnięciu.

Krok 6

Przesuń tekst i biały prostokąt w dół w prawo, a czarny prostokąt przesuń w lewo. Teraz kliknij przycisk Zakończ edycję najazdu.

Krok 7

Zapisz przycisk wraz z kodem, którego możesz użyć do zmiany wyglądu obiektów na stronie internetowej. W ten sposób możesz narysować dowolny przycisk z dowolnym wzorem.

Zalecana: