--- title: "Animacja logo: co to jest? Słownik pojęć" description: "Animacja logo to krótki, zwykle kilkusekundowy ruch, w którym znak marki pojawia się, składa albo zmienia. Otwiera i zamyka filmy, spoty, prezentacje i posty." url: https://fluostudio.pl/baza-wiedzy/slownik/animacja-logo/ --- [Animacja i wideo](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=animacja) # Animacja logo Inaczej animowane logo, logo animation, logo reveal Animacja logo to krótki, zwykle kilkusekundowy ruch, w którym znak marki pojawia się, składa albo zmienia. Otwiera i zamyka filmy, spoty, prezentacje i posty. ## Usługi - [Motion design](https://fluostudio.pl/uslugi/projektowanie-graficzne/motion-design/) - [Logo](https://fluostudio.pl/uslugi/branding/logo/) Film na targi jest gotowy, brakuje tylko końcówki. Ktoś kupuje w sieci szablon: logo wlatuje z obrotem, błyska i odbija się od krawędzi ekranu. Wygląda efektownie. Tyle że ten sam szablon może kupić każdy, także firma ze stoiska obok, a sam ruch nie ma nic wspólnego z tym, jak zbudowany jest znak. Dobra animacja [logo](https://fluostudio.pl/baza-wiedzy/slownik/logo/) wynika z jego konstrukcji. Elementy znaku składają się w całość, litery wchodzą w rytmie nazwy, a sygnet, czyli graficzna część znaku, wykonuje jeden ruch, który pasuje do charakteru firmy. Kancelaria nie podskakuje jak gumowa piłka. Marka musów dla nastolatków nie sunie po ekranie z powagą banku. Znak [Nowej Stomatologii](https://fluostudio.pl/projekty/nowa-stomatologia/) zaprojektowało inne studio, a my go tylko ożywiliśmy: kropka spada, rozciąga się w linię, a linia wygina się w uśmiech. To mały element [motion designu](https://fluostudio.pl/baza-wiedzy/slownik/motion-design/) marki, ale widz zobaczy go wiele razy, więc przypadkowy ruch szybko się opatrzy. ## Jakie wersje przygotować - **Pełna**: na początek i koniec filmów, spotów i prezentacji. - **Krótka**: do postów i reklam, w których liczy się każda sekunda. - **Pętla**: na ekran w recepcji, na stoisku albo w tle wydarzenia. - **Na stronę i do aplikacji**: często jako plik [Lottie](https://fluostudio.pl/baza-wiedzy/slownik/lottie/), zwykle lżejszy od filmu i ostry w każdym rozmiarze. - **Z przezroczystym tłem**: dla montażysty, który położy logo na własnym materiale, np. plik MOV w kodeku ProRes 4444. Do stopki maila i newslettera zostaje GIF. Każda jego klatka ma najwyżej 256 kolorów, a część programów pocztowych pokazuje tylko pierwszą klatkę. GIF z logo lepiej więc zaczynać od gotowego znaku, a nie od pustego tła. ## Ostatnia klatka to logo z księgi Animacja może rozkładać znak na części, ale kończy się dokładnie na nim: z tymi samymi proporcjami, kolorami i [polem ochronnym](https://fluostudio.pl/baza-wiedzy/slownik/pole-ochronne/) co w [księdze znaku](https://fluostudio.pl/baza-wiedzy/slownik/ksiega-znaku/). Jeśli ostatnia klatka jest trochę inna, bo tak było wygodniej animatorowi, do obiegu trafia druga wersja logo. Zasady ruchu znaku trafiają potem do [motion guidelines](https://fluostudio.pl/baza-wiedzy/slownik/motion-guidelines/), żeby kolejne studio nie wymyślało ich od nowa. ## W naszych projektach - ### [Nowa Stomatologia](https://fluostudio.pl/projekty/nowa-stomatologia/) Ożywiony znak „32” z łukiem uśmiechu otwiera stronę kliniki i jej materiały w social mediach. - ### [Itrons](https://fluostudio.pl/projekty/itrons/) W animacji znaku heksagony rozpadają się na trzy moduły i składają w sygnety kolejnych submarek. ## Zobacz też - [Animacja i wideo Motion design Motion design to projektowanie ruchu w grafice. Animowane logo, ikony, napisy, wykresy i przejścia pokazują charakter marki i tłumaczą rzeczy szybciej niż statyczny obraz.](https://fluostudio.pl/baza-wiedzy/slownik/motion-design/) - [Identyfikacja wizualna Logo Logo to znak firmowy, po którym rozpoznaje się markę. Składa się z logotypu, czyli nazwy zapisanej konkretnym krojem, z sygnetu, czyli symbolu, albo z obu tych części naraz.](https://fluostudio.pl/baza-wiedzy/slownik/logo/) - [Identyfikacja wizualna Księga znaku Księga znaku to instrukcja obsługi logo. Pokazuje jego wersje, kolory, pole ochronne, najmniejszy dopuszczalny rozmiar i przykłady złego użycia.](https://fluostudio.pl/baza-wiedzy/slownik/ksiega-znaku/) - [Animacja i wideo Motion guidelines Motion guidelines to zasady ruchu marki: tempo, krzywe przyspieszania i hamowania, wejścia i przejścia, animacja logo i zakazy. Dzięki nim spot, post i aplikacja ruszają się tak samo.](https://fluostudio.pl/baza-wiedzy/slownik/motion-guidelines/) - [Animacja i wideo Lottie Lottie to format animacji wektorowych zapisanych w pliku JSON, najczęściej eksportowanych z After Effects. Na stronach i w aplikacjach zwykle waży mniej niż film i jest ostry w każdym rozmiarze.](https://fluostudio.pl/baza-wiedzy/slownik/lottie/) - [Animacja i wideo Easing Easing to sposób, w jaki animowany element przyspiesza i zwalnia. Dzięki niemu ruch nie jest mechanicznie równy, tylko rusza i hamuje jak prawdziwy przedmiot.](https://fluostudio.pl/baza-wiedzy/slownik/easing/) - [Animacja i wideo Klatka kluczowa Klatka kluczowa to punkt na osi czasu, w którym animator zapisuje stan elementu: położenie, wielkość, obrót, kolor albo przezroczystość. Ruch między dwoma takimi punktami program wylicza sam.](https://fluostudio.pl/baza-wiedzy/slownik/klatka-kluczowa/) Hasło pojawia się też w: [Showreel](https://fluostudio.pl/baza-wiedzy/slownik/showreel/), [Sygnet](https://fluostudio.pl/baza-wiedzy/slownik/sygnet/) ## Potrzebujesz ruchu, który pasuje do marki? Pokażemy, jak to robimy. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. [Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)