Tutorial: Tworzenie animowanego logo

Przekształcić statyczne logo w animację łapiącą oczy.

Czas: 10 minut

• • Trudności: * * Pośrednie

Co stworzysz

Logo z animacją wejścia i subtelnym ciągłym ruchem.

Krok 1: Ustawienie Canvas

1. Kliknij rozmiar płótna rozwijany
2. Wybierz * * Domyślnie (800 × 600) * * lub preferowany rozmiar
3. Ustaw kolor tła kontrastujący z logo

Krok 2: Dodaj swój tekst logo

Na ten poradnik, stworzymy podręczne logo.

1. Naciśnij T dla narzędzia tekstowego
2. Wpisz nazwę marki (np. “ACME”)
3. Ustaw właściwości:
   • Rozmiar czcionki: * * 96 * *
   • Kolor czcionki: Twój kolor marki
4. Centrum na płótnie

Krok 3: Dodaj taglinę (opcjonalnie)

1. Naciśnij ponownie T
2. Wpisz swój tekst
3. Położenie poniżej głównego logo
4. Ustaw mniejszy rozmiar czcionki (24- 36)

Krok 4: Tworzenie animacji wejścia

Użyjemy klawiszy do profesjonalnego wejścia.

Główne wejście do logo

1. Wybierz główny tekst logo
2. Otwarty panel czasu
3. O 0 sekund
   • Ustawienie zmętnienia: * * 0 * *
   • Ustaw skalę: * * 0,5 * *
4. W 0.5 sekundy
   • Ustawienie zmętnienia: * * 1 * *
   • Ustaw skalę: * * 1,0 * *
   • Set Easing: * * Ease Out * *

Wejście taglinowe (opóźnione)

1. Wybierz linię tagline
2. O 0 sekund
   • Ustawienie zmętnienia: * * 0 * *
   • Ustaw pozycję Y: * * + 20px * * (poniżej pozycji końcowej)
3. • • 0, 8 sekundy * *:
   • Ustawienie zmętnienia: * * 1 * *
   • Ustawienie pozycji Y: pozycja końcowa
   • Set Easing: * * Ease Out * *

Krok 5: Dodaj animację pętli subtelnej

Po wejściu dodaj subtelną, trwającą animację:

1. Wybierz główne logo
2. Zestaw animacji: * * Puls * *
3. Ustaw prędkość: * * 0.5 * * (bardzo wolno)

Krok 6: Dodaj efekt iskry (opcjonalnie)

1. Wybierz główne logo
2. Kliknij * * Dodaj efekt * *
3. Wybierz * * Błysk * *
4. Ustaw kolor, aby pasował do marki
5. Prędkość ustawienia: * * 0,8 * *

Krok 7: Podgląd i dostosowanie

1. Naciśnij Space, aby zagrać
2. Dostosowanie harmonogramu w razie potrzeby
3. Upewnij się, że punkt pętli wygląda gładko

Krok 8: Wywóz

Dla stron internetowych

1. Eksport jako * * Animowane SVG * *
2. Zamieść na nagłówku strony

Dla mediów społecznościowych

1. Eksportuj jako * * MP4 * * (5 sekund)
2. Lub * * GIF * * dla platform autoplay

Pro Porady

Zmiany

Minimalne wejście

Po prostu zanikaj bez skalowania:

• 0s: Nieprzezroczystość 0
• 0,5 s: Nieprzezroczystość 1

Wejście do odbicia

Zabawne marki:

• Użyj animacji odbić
• Krótszy czas trwania

Typewriter Reveal

Logotypy oparte na tekstach:

• Zastosuj animację maszyny do pisania
• Eksport jako MP4 (nie SVG)

Kolejne kroki

• [Opcje eksportu] (/exporting/overview) - Wybierz odpowiedni format
• [Create Social Post] (/tutorials/social-post) - Użyj animowanego logo