Kolaż listów

7 min read

Tworzenie stylizowanego tekstu z perliter dostosowania za pomocą systemu Collage list.

Letter Collage examples
Different letter collage styles: Tile, Magazine, Paper Cut, Fold, and Gradient

Co to jest Letter Collage?

List Collage przekształca zwykły tekst w wizualnie uderzające projekty, gdzie każda litera może mieć swój własny styl, kolor i efekty. Idealne dla:

      • Social Media Posts * * - nagłówki łapiące oczy
      • Plakaty i Flyers * * - Twórcza typografia
      • Treści edukacyjne * * - Gry pisarskie, sztuka słowa
      • Materiały marketingowe * * - Projekty tekstu dostosowane do marki

Dostępne style

Styl płytek (Wordle / Scrabble)

Tile style example
Tile style with Wordle palette

Listy pojawiają się na kolorowych kwadratowych tła, jak Wordle lub płytki Scrabble.

    • Best for: * * Gry słowne, treści edukacyjne, komiczne projekty
    • Palety: * * Wordle, Scrabble, Candy, Neon, Pastel, Ziemia, Ocean, Korporacyjne, Boże Narodzenie, Rainbow, i więcej

Styl magazynu

Magazine style example
Magazine collage style with mixed fonts and colors

Każda litera używa losowych czcionek, rozmiarów, rotacji i kolorów - jak wycinanki ze stron czasopisma.

    • Best for: * * Okup notatki estetyczne, twórcze plakaty, projekty artystyczne

Cechy:

  • Losowa zmienność czcionek
  • Losowa zmienność wielkości (0,8x do 1,2x)
  • Losowa rotacja (-15 ° do + 15 °)
  • Mieszane kolory tła

Styl cięcia papieru

Paper Cut style example
Papier Wytnij styl z głębokością cienia

Listy pojawiają się jako papier cięty z subtelnymi cieniami, tworząc warstwowy efekt głębokości.

    • Best for: * * Rzemieślnicze estetyki, projekty albumów, ciepłe, przyjazne wibracje

Cechy:

  • Papier kolorowe tła (biały, krem, off- biały)
  • Subtelne cienie na głębokość
  • Czyste, kruche krawędzie

Złóż styl

Fold style example
Fold style with origami- like effect

Listy mają origami- styl złożony wygląd z gradientem cieniowania.

    • Best for: * * Nowoczesne wzory, estetyka geometryczna, twórcza typografia

Cechy:

  • Składany efekt papieru
  • Cieniowanie gradientowe dla głębokości
  • Wygląd zawodowy

Styl gradientu

Gradient style example
Gradient style with sunset palette

Każda litera jest wypełniona pięknym kolorem gradientu.

    • Best for: * * Nowoczesne projekty, żywe media społecznościowe, nagłówki łapiące oczy
    • Palety: * * Rainbow, Sunset, Ocean, Fire, Ice, Gold, Chrome, Cyberpunk, Neon Glow, Purple Pink i więcej
    • Kierunki: * * pionowe, poziome, diagonalne, radialne

Tworzenie Collage list

  1. Uruchom narzędzie tekstowe * * (T)
  2. W panelu Ustawienia tekstu (po prawej stronie) znaleźć * * Styl tekstu * *
  3. Wybierz pożądany styl (kafelek, magazyn, cięcie papieru, Fold lub Gradient)
  4. Wybierz * * Paletę kolorów * * z kropli
  5. Kliknij na płótnie i wprowadź tekst
  6. Kliknij * * Utwórz Kolaż * *, aby zastosować styl

Opcje stylu tekstowego pojawiają się w prawym panelu, gdy narzędzie tekstowe jest aktywne. Każdy styl posiada własny zestaw palet kolorów zoptymalizowanych dla tego efektu wizualnego.

Palety kolorów

Palety kafelkowe

Kategoria Palety
Gra Wordle, Scrabble
Wibracyjne Candy, Neon, Rainbow
Miękkie Pastel, Vintage
Naturalny Ziemia, Ocean, Las
Profesjonalne Firmowe, monochromatyczne
Sezonowe Boże Narodzenie, Jesień, Wiosna
Magazyn Magazyn, Gazeta, Papier

Palety gradientowe

Kategoria Palety
Ciepłe Tęcza, Zachód słońca, Ogień, Złoto, Róża
Super Ocean, Ocean Deep, Lód, Las, Północ
Wibracyjne Cyberpunk, Neon Glow, Purple Pink, Chrome

Kolaże listów animujących

Kolaże literowe wspierają potężne, rozłożone animacje, w których każda litera może działać sekwencyjnie.

Wzory sekwencji

Wzór Opis
Liniowe Litery animate left- to- right (domyślnie)
Cofnij Litery animate right-to-left
Przypadek Litery animowane w kolejności losowej
Centrum Animacja zaczyna się od środka, rozszerza się na zewnątrz
Fibonacci Czas następuje sekwencja Fibonacci dla naturalnego uczucia
Fala Czas fali sine tworzy efekt płynący

Efekty animacji

Wpływ Opis
fadeSlideUp Litery zanikają podczas przesuwania się
fadeSlideDown Litery zanikają podczas opadania
popIn Litery pop w z przesadnym odbiciem
maszyny do pisania Listy pojawiają się natychmiast (efekt maszyny do pisania)
fala Litery w górę i w dół

Jak animować

  1. Tworzenie kolażu listów
  2. Wybierz grupę kolaży
  3. W panelu * * Animacje * * wybierz animację rozłożoną
  4. Dostosowanie parametrów czasowych (opóźnienie staggera, czas trwania)
  5. Podgląd za pomocą przycisku Odtwórz

Współpraca z listami indywidualnymi

Każda litera w kolażu jest zarejestrowanym elementem, który może być wybrany i animowany niezależnie.

Przeglądanie w panelu grup

  1. Utwórz kolaż listów
  2. Otwórz panel * * Grupy * * (kliknij zakładkę Grupy)
  3. Twój kolaż pojawia się jako rozszerzalna grupa
  4. Kliknij strzałkę, aby zobaczyć pojedyncze litery wymienione jako “List: A”, “List: B”, itp.

Breaking Apart a Collage

Aby przekształcić kolaż w niezależne litery:

  1. Wybierz grupę kolaży
  2. Użyj * * Ungroup * * (prawym przyciskiem myszy lub Cmd/Ctrl+Shift+G)
  3. Każda litera staje się odrębną pozycją
  4. Listy mogą być teraz przenoszone, stylizowane i animowane niezależnie

Wybór indywidualnych listów

      • Kliknij * * na liście, podczas gdy kolaż jest wybierany, aby wybrać tylko tę literę
      • Shift + Click * * aby dodać / usunąć litery z wyboru
  • Użyj panelu Grupy, aby kliknąć na konkretne litery po nazwie

Wskazówki

Porady projektowe:

  • Użyj * * Płytka * * styl dla gier słownych i treści edukacyjnych
  • Użyj * * Magazine * * styl dla artystycznych, twórczych plakatów
  • Użyj * * Cięcie papieru * * dla ciepłej, przebiegłej estetyki
  • Użyj * * Gradient * * dla nowoczesnych, dynamicznych mediów społecznościowych
  • Trzymaj tekst krótki (3- 8 liter) dla najlepszego oddziaływania wizualnego

Porady animacji:

  • Użyj * * Fibonacci * * sekwencji dla naturalnych, organiczno-uczucie ujawnia
  • Użyj * * Centrum * * sekwencji dramatycznego nacisku
  • Zacznij od 0.1s opóźnienia stagger i dostosować do smaku
  • Połączenie z animacjami ramki klawiszowej dla złożonych efektów
    • Uwaga: * * Kolaże liter z wieloma znakami (20 +) mogą mieć wpływ na wydajność. Dla długiego tekstu, rozważyć stosowanie standardowego stylizacji tekstu zamiast.

Zgodność wywozu

Styl MP4 GIF SVG PNG
Kafelki ✅ ✅ ✅ ✅
Magazyn ✅ ✅ ✅ ✅
Cięcie papieru ✅ ✅ ✅ ✅
Fold ✅ ✅ ✅ ✅
Gradient ✅ ✅ ✅ ✅

Wszystkie style kolażu litery eksportować poprawnie do wszystkich formatów.

RTL Wsparcie językowe

Collage list automatycznie wykrywa i obsługuje języki od prawej do lewej (RTL), w tym:

  • Arabic (العربية)
  • Hebrew (עברית)
      • Farsi / Perski * * *
  • Urdu (اردو)

Po wprowadzeniu tekstu RTL:

  • Listy są umieszczone w prawo do lewo automatycznie
  • Stagged animacje grać w dobrym kierunku czytania (od prawej do lewej)
  • Wszystkie style (kafelki, magazyny, cięcia papieru, Fold, Gradient) pracy z tekstem RTL

Kierunek jest automatycznie wykrywany z zawartości tekstu, więc nie trzeba konfigurować nic specjalnego.

Dla tekstu mixed- direction kierunek jest określony przez pierwszy silny znak kierunkowy (pierwszy znak RTL sprawia, że cały kolaż RTL).

Skróty klawiszowe

Skrót Działanie
T Aktywuj narzędzie tekstowe
Enter Potwierdź wpis tekstowy
V Przełącz na narzędzie wyboru

Powiązane

  • [Narzędzie tekstowe] (/tools/text) - Podstawowe tworzenie tekstu
  • [Animacje] (/features/animations) - Dodaj animacje do kolażu
  • [Efekty] (/features/effects) - Dodać efekt błysku lub blasku