Siatka emoji to jeden większy obraz złożony z kilku osobnych kwadratowych elementów. Żeby złożył się poprawnie, każdy kafelek musi przedstawiać właściwy fragment kompozycji, a nie tę samą ikonę pomniejszoną kilka razy. Zacznij od liczby kolumn i wierszy, potem dopasuj do nich proporcje źródłowego SVG.
Wybierz siatkę odpowiednią do komunikatu
Dla krótkiego nagłówka rozważ układ szeroki i niski, a dla prostego emblematu bardziej zbliżony do kwadratu. Nie wybieraj największej dostępnej siatki tylko dlatego, że pomieści więcej elementów. Większa kompozycja wymaga staranniejszego sprawdzenia kolejności, podziału wierszy i czytelności w konkretnej wiadomości.
Przykładowy baner wydarzenia może mieć trzy kolumny i dwa wiersze. Daje to sześć kafelków oraz proporcję całej planszy 3:2. Zapisz tę decyzję przed projektowaniem. Późniejsza zamiana układu na 4:1 zmieni nie tylko podział pliku, ale również rozmieszczenie tekstu i całe proporcje ilustracji.
Oblicz proporcje źródła bez rozciągania rysunku
Dla siatki C kolumn i R wierszy stosunek szerokości do wysokości wynosi C:R. Przykładowo plansza o współrzędnych 1536 × 1024 pasuje do układu 3 × 2, ponieważ każda komórka obejmuje kwadrat 512 × 512 jednostek. To przykład organizacji źródła, nie rozmiaru mozaiki wyświetlanej w wiadomości.
Atrybut viewBox w SVG określa obszar współrzędnych. Jeśli istniejący projekt ma inne proporcje, przebuduj kompozycję lub dodaj przemyślany margines w edytorze. Nie zmieniaj samej szerokości i wysokości w nadziei, że układ pozostanie identyczny. Rozciągnięte litery i spłaszczone logo będą widoczne także po podziale.
| Siatka | Przykładowy obszar źródła | Liczba kafelków |
|---|---|---|
| 3 kolumny × 2 wiersze | 1536 × 1024 | 6 |
| 4 kolumny × 1 wiersz | 2048 × 512 | 4 |
| 2 kolumny × 2 wiersze | 1024 × 1024 | 4 |
Przygotuj litery i elementy przecinające podział
Narysuj pomocnicze linie podziału na kopii projektu. Sprawdź miejsca, w których przecinają litery, obrys logo i cienkie linie. Element przechodzący przez kilka komórek wymaga szczególnie uważnej oceny po złożeniu. Nie musisz usuwać wszystkich takich przecięć, ale unikaj przypadkowego podziału drobnego napisu na wiele trudnych do rozpoznania fragmentów.
W banerze wydarzenia najważniejsza może być data. Nadaj jej więcej miejsca niż dekoracyjnym gwiazdkom. Zamień tekst na wektorowe kształty i usuń pomocniczą siatkę przed eksportem. Nie zastępuj całego projektu obrazem rastrowym umieszczonym w SVG. Ten proces wymaga rzeczywistej grafiki wektorowej, podobnie jak przygotowanie pojedynczego elementu TGS.
Wczytaj jedną kompozycję do narzędzia siatki
W Telegram Emoji Grid Maker wybierz liczbę kolumn i wierszy, a następnie SVG o pasujących proporcjach. Narzędzie rozdziela kompozycję na kwadratowe kafelki. Dostępne układy obejmują od 2 do 49 elementów; statyczne siatki są bezpłatne, a wspólne efekty dla całej kompozycji należą do Pro.
Najpierw przygotuj wariant nieruchomy. Dzięki temu zobaczysz błędne proporcje i podział bez wpływu animacji. Proces wymaga logowania przez Telegram; wybrany SVG jest przesyłany także do diagnostyki. Interfejs narzędzia jest angielski lub rosyjski, więc zapisany wcześniej układ liczbowy ułatwi pracę bez polegania na nazwach przycisków.
Zachowaj kolejność kafelków i wierszy
Potraktuj kafelki jak części układanki. Dla układu 3 × 2 zapisz roboczą mapę: górny lewy, górny środkowy, górny prawy, następnie analogicznie dolny wiersz. Nie układaj ich według koloru lub podobieństwa fragmentów. Szczególnie jednolite kafelki mogą wyglądać zamiennie, mimo że zawierają inną część krawędzi.
Przygotuj wzorcową wiadomość i sprawdź ją jako całość. Pilnuj podziałów wierszy oraz dodatkowych znaków między emoji. Jeśli mozaika się rozjeżdża, najpierw porównaj kolejność z mapą, zamiast od razu przebudowywać źródło. Publikacja poszczególnych emoji nie potwierdza jeszcze poprawnego ułożenia całego obrazu.
Oceń kompletną wiadomość przed użyciem publicznym
Sprawdź czytelność daty, logo i nagłówka w rzeczywistym miejscu publikacji. Obejrzyj podgląd na urządzeniach, z których korzystają odbiorcy, zamiast opierać decyzję wyłącznie na dużym oknie edytora. Jeśli kompozycja jest zbyt szeroka albo za mało czytelna, zmniejsz liczbę informacji i przygotuj prostszy układ.
Zapisz wzorcowy układ wraz ze źródłem SVG i informacją o siatce. Przy zmianie daty wróć do całej kompozycji i sprawdź ponownie wszystkie kafelki, przez które przechodzi napis. Dostępność własnych emoji zależy również od zasad Telegrama i konta; przed kampanią wykonaj próbę na koncie, z którego faktycznie wyślesz wiadomość.