--- title: "Motion design, animacje logo i produktów 2D i 3D" description: "Animujemy logo, produkty z plików CAD, ekrany na wydarzenia, posty, reklamy i strony. Piszemy scenariusz, rysujemy storyboard i oddajemy pliki na każdy kanał." url: https://fluostudio.pl/uslugi/projektowanie-graficzne/motion-design/ --- # Motion design i animacje dla firm. Animujemy logo, produkty, ekrany na wydarzenia, posty, reklamy i strony, w 2D i 3D. Zaczynamy od celu, pracujemy w zasadach Waszej marki i oddajemy pliki gotowe na każdy kanał. [Porozmawiajmy o animacji](https://fluostudio.pl/kontakt/) Zobacz animacje 01 Podejście ## Co robimy, aby stworzyć świetną animację? Każda animacja ma swoje zadanie: zapowiedzieć premierę, zatrzymać ludzi przy stoisku albo pokazać, jak działa produkt. Tak pracujemy przy każdej, od kilkusekundowego posta po premierę urządzenia w 3D. 1. ### Zrozumienie Najpierw poznajemy produkt, odbiorców, cel filmu i miejsce, w którym zagra. Sprawdzamy, co pokazuje konkurencja, i korzystamy z wiedzy Waszego zespołu, bo to on najlepiej zna klientów. 2. ### Narracja Każdy film ma jedną główną myśl i kończy się konkretem: produktem, hasłem albo zaproszeniem. Ruch ustawiamy tak, żeby prowadził wzrok tam, gdzie ma trafić. 3. ### Marka Ruch bierzemy z identyfikacji: z kolorów, krojów i kształtu znaku. Dzięki temu animacja mówi tym samym głosem co reszta marki, a kolejne filmy wyglądają jak z jednej rodziny. 4. ### Materiał Pracujemy na tym, co macie: nagraniach, zdjęciach, plikach CAD i gotowych tekstach. Gdy zaczynamy od pustej kartki, piszemy scenariusz, rysujemy w 2D albo modelujemy w 3D i dobieramy lektora. 5. ### Sprawdzanie Każdą wersję oglądamy w docelowym rozmiarze, od banera po ekran na scenie. Animacja działa, gdy najważniejsze widać w pierwszych sekundach, a hasło da się przeczytać nawet w najmniejszym formacie. 6. ### Formaty Na starcie planujemy formaty: 16:9, 1:1, 4:5 i 9:16, banery, ekrany i wersje językowe. Dostajecie pliki gotowe do publikacji, a gdy dojdzie nowy kanał albo rynek, dorabiamy wersje z tych samych scen. 7. ### Prowadzenie Zanim zaczniemy, wiecie, jak będzie wyglądała praca, kiedy co akceptujecie i co dostaniecie na końcu. W trakcie informujemy Was o postępach, a poprawki zbieramy na scenariuszu i storyboardzie, bo tam są najtańsze. Naszym celem jest animacja, która w pierwszej sekundzie przyciąga wzrok, **a po ostatniej zostawia w głowie Waszą markę.** 02 Typy animacji ## Do czego możecie potrzebować animacji? Z tymi zadaniami firmy przychodzą do nas najczęściej. Przy każdym piszemy, co robimy i co dostajecie, i pokazujemy podobną realizację. Logo i identyfikacja Animacja logo, całej identyfikacji i zasady ruchu marki Co robimy Z księgi znaku robimy animację identyfikacji: jak pojawia się logo, w jakim tempie i jakimi przejściami. Potem przenosimy ten ruch do postów, prezentacji, filmów i ekranów, żeby marka poruszała się wszędzie tak samo. Co dostajecie - Animacja logo - Animacja identyfikacji - Intro i outro do filmów - Ruch do postów i prezentacji Intima Clinic Animacja marki grupy [Zobacz projekt Intima Clinic](https://fluostudio.pl/projekty/intima-clinic/) Podobne realizacje - Urtica · Animacja identyfikacji - Pure Dent · Animacja identyfikacji kliniki - PolTREG · Animacja identyfikacji spółki z GPW - Mily Group · Animacja nowej marki - Itrons · Znak, który składa submarki Premiera produktu Produkt w 3D, także z plików konstrukcyjnych Co robimy Budujemy scenę 3D na plikach CAD od inżynierów, więc produkt nie musi mieć jeszcze zdjęć. Światło, kamerę i tempo ustawiamy tak, żeby wyglądał jak w reklamie elektroniki. Co dostajecie - Animacja 3D z plików CAD - Wersja krótka i dłuższa - Kadry do postów i prezentacji - Intro i outro do filmów marki DCX Premiera urządzenia z plików CAD [Zobacz projekt DCX](https://fluostudio.pl/projekty/dcx/) Podobne realizacje - Grupa Dawtona · Animacje produktów - Acer · Animacje landing page Aspire Vero Wydarzenia i ekrany Zaproszenie, scena, przerwy i ekrany w recepcji Co robimy Przygotowujemy oprawę całego wydarzenia: animowane zaproszenie, wejście gości, przerywniki, tytuły wystąpień i podziękowania. Każdą scenę robimy w rozdzielczości ekranu, na którym zagra, i oddajemy pliki ekipie technicznej. Co dostajecie - Animowane zaproszenie - Scenariusz oprawy - Sekwencje na każdy ekran - Pętle na przerwy i do recepcji Porta Animowane zaproszenie w pięciu językach [Zobacz projekt Porta](https://fluostudio.pl/projekty/porta-rumunia-20-lat/) Podobne realizacje - Porta · Ekran na gali - Intima Clinic · Pętla na ekran w recepcji Social media Posty, rolki i relacje w stałym rytmie Co robimy Ustalamy kilka powtarzalnych ruchów marki: jak wjeżdża tekst, jak pojawia się produkt, jak kończy się film. Z nich składamy posty, rolki i relacje, a każdy kolejny materiał powstaje szybciej, bo zasady już są. Co dostajecie - Zasady ruchu marki - Posty, rolki i relacje - Formaty 1:1, 4:5 i 9:16 - Zapowiedzi premier PolTREG Rolki i posty [Zobacz projekt PolTREG](https://fluostudio.pl/projekty/poltreg/) Podobne realizacje - Zippy Tail · Film marki w pionie - DCX · Cały projekt w pionowym filmie - Itodi · Posty z tych samych klocków - Grupa Dawtona · Animowane posty Ruch na stronie Animowane tła, sekcje i mikrointerakcje Co robimy Ruch projektujemy razem z układem strony: co rusza się na wejściu, co przy przewijaniu, a co dopiero po najechaniu. Tła, animacje kategorii i mikrointerakcje przygotowujemy osobno na telefon i na komputer, w lekkich plikach. Na premierę strony robimy też krótki film z przeglądem ekranów. Co dostajecie - Scenariusz ruchu na stronie - Animowane tła i sekcje - Wersje na telefon i komputer - Film na premierę strony Pokket Animowane tła linii produktów [Zobacz projekt Pokket](https://fluostudio.pl/projekty/pokket/) Podobne realizacje - PolTREG · Zapowiedź nowej strony - Mily Group · Przegląd strony w 20 sekund - Overmax · Projekt sklepu w ruchu Kampania w wielu formatach Spot, banery, ekrany cyfrowe i posty Co robimy Kampanię rozpisujemy na spot, banery animowane w wymiarach sieci reklamowych, posty i ekrany cyfrowe. Pilnujemy, żeby hasło i produkt były czytelne w każdym formacie, także w banerze 300 × 250. Co dostajecie - Spot - Banery animowane - Wersje na ekrany cyfrowe - Posty kampanii Acer Banery animowane kampanii Chromebook Plus [Zobacz projekt Acer](https://fluostudio.pl/projekty/acer/) Podobne realizacje - Grupa Dawtona · Spot sponsora WOŚP - Grupa Dawtona · Animowane posty Produkt, który trzeba wytłumaczyć Instrukcja, usługa albo aplikacja w kilku scenach Co robimy Rozkładamy temat na kroki i każdy pokazujemy rysunkiem, ruchem i krótkim napisem. Taki film pracuje na stronie, w sklepie, na targach i u handlowców, w kilku wersjach językowych. Co dostajecie - Scenariusz i storyboard - Animacja krok po kroku - Wersje językowe - Rysunki do ulotki i instrukcji Solar Systems Animowana instrukcja montażu [Więcej o explainer video](https://fluostudio.pl/uslugi/projektowanie-graficzne/explainer-video/) Podobne realizacje - Gaz-Błonie · Film z lektorem o stacjach LNG - Stamper · Aplikacja lojalnościowa dla salonów - Stamper · Aplikacja lojalnościowa dla restauracji - Paxy · Usługa kurierska w 15 sekund Sytuacje, od których zaczynamy ## Z czym przychodzą do nas firmy [Wszystkie sytuacje](https://fluostudio.pl/wyzwania/) - [„Mamy świetny produkt, ale na targach nikt się przy naszym stoisku nie zatrzymuje.” Robimy animację na ekran stoiska, która w kilka sekund pokazuje, co robi produkt, nawet w hałasie hali. Z tego samego materiału powstają posty przed targami i film dla handlowców. Projekt dla Grupy Dawtona](https://fluostudio.pl/projekty/dawtona/) - [„Nasz produkt jest techniczny i na zdjęciu po prostu nie widać, co robi.” Pokazujemy to w animacji 2D albo 3D: co dzieje się w środku, w jakiej kolejności i po co. Scenariusz uzgadniamy z Waszymi inżynierami, zanim zaczniemy animować. Animacje dla DCX](https://fluostudio.pl/projekty/dcx/) - [„Jesteśmy spółką z poważną marką i boimy się, że animacja zrobi z nas kreskówkę.” Ruch wyprowadzamy z identyfikacji, więc tempo, przejścia i styl rysunku są tak samo poważne jak Wasza marka. Styl pokazujemy na kilku kadrach, zanim powstanie cały film. Animacja dla PolTREG](https://fluostudio.pl/projekty/poltreg/) 03 Realizacje ## Nasze animacje 36 animacji dla 24 marek: identyfikacje, premiery 3D, ekrany, kampanie, strony i filmy z lektorem. Każda ma opis i pełną wersję. Rodzaj animacji WszystkieLogo i identyfikacjaProdukty i 3DEkrany i wydarzeniaSocial media i reklamaStronyFilmy, które tłumaczą Widok Duże kadry Siatka - DCX Premiera urządzenia z plików CAD - Urtica Animacja identyfikacji - Zippy Tail Film marki w pionie - Gaz-Błonie Film z lektorem o stacjach LNG - Grupa Dawtona Animacje produktów - PolTREG Animacja identyfikacji spółki z GPW - Acer Banery animowane kampanii Chromebook Plus - Itrons Znak, który składa submarki - Intima Clinic Animacja marki grupy - Stamper Aplikacja lojalnościowa dla salonów - Porta Animowane zaproszenie w pięciu językach - Pure Dent Animacja identyfikacji kliniki - DCX Cały projekt w pionowym filmie - Mily Group Animacja nowej marki - Paxy Usługa kurierska w 15 sekund - Nowa Stomatologia Ruch dla znaku kliniki - irtech Identyfikacja w pionowym filmie - Overmax Projekt sklepu w ruchu - Grupa Dawtona Spot sponsora WOŚP - Porta Ekran na gali - Grupa BEST Znak na 30-lecie - Itrons Nowa strona w pionie - Made in Podlasie Animacja logo z wycinanki - Mily Group Przegląd strony w 20 sekund - Solar Systems Animowana instrukcja montażu - Stamper Aplikacja lojalnościowa dla restauracji - Acer Animacje landing page Aspire Vero - PolTREG Zapowiedź nowej strony - Itodi Posty z tych samych klocków - Itodi Key visual w ruchu - HomeKoncept Identyfikacja w ruchu - Intima Clinic Pętla na ekran w recepcji - Pokket Animowane tła linii produktów - PR Plastics Identyfikacja w jednym filmie - Grupa Dawtona Animowane posty - PolTREG Rolki i posty 04 Jak pracujemy ## Od pomysłu do pliku na ekran Pracujemy etapami i po każdym pokazujemy Wam, co powstało. Zawsze wiecie, co robimy i po co, a także kiedy najłatwiej coś zmienić. 1. 01 ### Cel i miejsce Zaczynamy od rozmowy o celu: po co powstaje animacja, kto ją zobaczy, gdzie zagra i co ma po niej zostać w głowie. Post, ekran w recepcji i ściana LED na scenie to trzy różne formaty, długości i tempa. 2. 02 ### Scenariusz Rozpisujemy, co widać sekunda po sekundzie, jakie padają hasła i jak film się kończy. Przy filmach, które tłumaczą produkt, układamy też kolejność kroków i napisy. 3. 03 ### Storyboard i styl Rysujemy [storyboard](https://fluostudio.pl/baza-wiedzy/slownik/storyboard/) i pokazujemy styl na kilku [klatkach kluczowych](https://fluostudio.pl/baza-wiedzy/slownik/klatka-kluczowa/): kolory, typografię, światło. Na tym etapie zmiana kosztuje najmniej, więc tu zapadają decyzje. 4. 04 ### Animatik Składamy szkice w czasie, z prawdziwą długością ujęć i rytmem, ale bez szczegółów. [Animatik](https://fluostudio.pl/baza-wiedzy/slownik/animatik/) pokazuje, jak film płynie, zanim zaczniemy go dopracowywać. 5. 05 ### Animacja Animujemy w 2D albo w 3D, a produkty na modelach z plików CAD. Ruch, przejścia i [easing](https://fluostudio.pl/baza-wiedzy/slownik/easing/) ustawiamy tak, żeby tempo pasowało do marki i do miejsca, w którym film zagra. 6. 06 ### Wersje i pliki Z jednej animacji robimy wszystkie potrzebne formaty i wersje językowe: 16:9, 1:1, 4:5 i 9:16, banery w wymiarach sieci reklamowych i pliki na ściany LED w rozdzielczości każdej ściany. Grupa Dawtona · animacje produktów 05 Zakres ## Co animujemy Nasze najkrótsze animacje trwają kilka sekund, a najdłuższe całą galę. Robimy je w 2D i 3D, w zasadach marki, którą znamy albo którą właśnie projektujemy. ### 01 Marka - [Animacja logo](https://fluostudio.pl/baza-wiedzy/slownik/animacja-logo/) - [Animacja identyfikacji](https://fluostudio.pl/baza-wiedzy/slownik/identyfikacja-wizualna/) - [Sygnet w ruchu](https://fluostudio.pl/baza-wiedzy/slownik/sygnet/) - [Pattern](https://fluostudio.pl/baza-wiedzy/slownik/pattern/) - [Typografia kinetyczna](https://fluostudio.pl/baza-wiedzy/slownik/typografia-kinetyczna/) - [Zasady ruchu marki](https://fluostudio.pl/baza-wiedzy/slownik/motion-guidelines/) - Intro i outro Robiliśmy to między innymi dla - [Intima Clinic](https://fluostudio.pl/projekty/intima-clinic/) - [PolTREG](https://fluostudio.pl/projekty/poltreg/) - [Mily Group](https://fluostudio.pl/projekty/mily-group/) - [Itrons](https://fluostudio.pl/projekty/itrons/) ### 02 Produkt - [Animacja 3D](https://fluostudio.pl/baza-wiedzy/slownik/animacja-3d/) - [Render 3D](https://fluostudio.pl/baza-wiedzy/slownik/render-3d/) - Animacje z plików CAD - [Packshot w ruchu](https://fluostudio.pl/baza-wiedzy/slownik/packshot/) - Premiera produktu Robiliśmy to między innymi dla - [DCX](https://fluostudio.pl/projekty/dcx/) - [Grupa Dawtona](https://fluostudio.pl/projekty/dawtona/) - [Acer](https://fluostudio.pl/projekty/acer/) ### 03 Ekrany i wydarzenia - Ekrany na gali i konferencji - Ekrany w recepcji - Animowane zaproszenia - Pętle na przerwy Robiliśmy to między innymi dla - [Porta w Rumunii](https://fluostudio.pl/projekty/porta-rumunia-20-lat/) - [Intima Clinic](https://fluostudio.pl/projekty/intima-clinic/) ### 04 Social media i reklama - Posty - Rolki i relacje - Banery animowane - Spot telewizyjny - Zapowiedzi premier - Wersje językowe Robiliśmy to między innymi dla - [Acer](https://fluostudio.pl/projekty/acer/) - [Grupa Dawtona](https://fluostudio.pl/projekty/dawtona/) - [Zippy Tail](https://fluostudio.pl/projekty/zippy-tail/) - [PolTREG](https://fluostudio.pl/projekty/poltreg/) - [Itodi](https://fluostudio.pl/projekty/itodi/) ### 05 Strony i aplikacje - Animowane tła - Animacje sekcji - [Mikrointerakcje](https://fluostudio.pl/baza-wiedzy/slownik/mikrointerakcja/) - [Scrollytelling](https://fluostudio.pl/baza-wiedzy/slownik/scrollytelling/) - Film na premierę strony Robiliśmy to między innymi dla - [Pokket](https://fluostudio.pl/projekty/pokket/) - [Acer](https://fluostudio.pl/projekty/acer/) - [Mily Group](https://fluostudio.pl/projekty/mily-group/) - [Overmax](https://fluostudio.pl/projekty/overmax/) ### 06 Filmy, które tłumaczą - [Explainer video](https://fluostudio.pl/baza-wiedzy/slownik/explainer-video/) - Animowane instrukcje - Filmy instruktażowe - Zapowiedzi produktów i usług Robiliśmy to między innymi dla - [Porta PRO](https://fluostudio.pl/projekty/porta-pro/) 06 Zanim zapytacie ## Najczęstsze pytania Logo projektował ktoś inny. Czy możecie je animować? Tak. Animujemy też znaki, których nie projektowaliśmy, i trzymamy się ich księgi. Tak było z liczbą 32 i łukiem uśmiechu [Nowej Stomatologii](https://fluostudio.pl/projekty/nowa-stomatologia/): kropka spada, rozciąga się w linię, a linia wygina się w uśmiech. Nie mamy jeszcze zdjęć produktu. Da się zrobić animację? Tak, z plików konstrukcyjnych. Premierę urządzeń [DCX](https://fluostudio.pl/projekty/dcx/) zbudowaliśmy na modelach inżynierskich, zanim powstały zdjęcia. Gdy w trakcie prac przyszedł poprawiony model, przeliczyliśmy sceny. Robicie tylko 2D, czy też animacje 3D? Jedno i drugie. W 3D animowaliśmy premiery urządzeń [DCX](https://fluostudio.pl/projekty/dcx/) i produkty [Dawtony](https://fluostudio.pl/projekty/dawtona/): puszki, słoiki i butelki, w których ręcznie ustawiamy światło, materiał i odbicia. W 2D powstają animacje logo i identyfikacji, jak dla kliniki Pure Dent, posty i filmy z lektorem, które tłumaczą usługę, jak film o stacjach LNG dla Gaz-Błonie. - DCX Premiera urządzenia z plików CAD - Grupa Dawtona Animacje produktów - Pure Dent Animacja identyfikacji kliniki - Gaz-Błonie Film z lektorem o stacjach LNG Mamy gotowe nagrania i tekst. Zrobicie sam montaż? Tak. Montujemy z tego, co macie: nagrań, zdjęć, plików z sesji i gotowego tekstu. Jeśli czegoś brakuje, dopisujemy scenariusz, rysujemy, modelujemy albo dobieramy lektora. Zakres ustalamy razem przy wycenie. W jakich formatach dostaniemy pliki? W takich, jakich potrzebuje kanał: 16:9, 1:1, 4:5 i 9:16 do social mediów i reklam, banery w wymiarach sieci reklamowych, a na ekrany wydarzeń pliki w rozdzielczości każdego ekranu, jak na jubileuszu [Porty w Rumunii](https://fluostudio.pl/projekty/porta-rumunia-20-lat/). Zrobicie wersje językowe? Tak. Zaproszenie na galę Porty powstało w pięciu językach, film zapowiadający [katalog Porty](https://fluostudio.pl/projekty/porta-drzwi/) też w pięciu, a animowana instrukcja Solar Systems po polsku, angielsku, niemiecku, francusku i włosku. Zrobicie animacje na naszą stronę? Tak. Na [stronie Dawtony](https://fluostudio.pl/projekty/dawtona/) siedem kategorii produktów ma własną animację, a na [pokket.pl](https://fluostudio.pl/projekty/pokket/) każda linia musów ma animowane tło, osobno na telefon i na komputer. Ruch na stronie projektujemy razem z jej układem. Ile to trwa? To zależy od długości, techniki i liczby wersji. Kilkusekundowy post animujemy szybciej niż premierę 3D z kilkoma ujęciami. Po pierwszej rozmowie dostajecie wycenę i harmonogram z terminami wszystkich etapów i akceptacji. Inne usługi ## Często idą w parze z animacją - [Explainer video Filmy, które tłumaczą produkt i usługę krok po kroku.](https://fluostudio.pl/uslugi/projektowanie-graficzne/explainer-video/) - [Projektowanie logo Znak, który od początku projektujemy także do ruchu.](https://fluostudio.pl/uslugi/branding/logo/) - [Branding i rebranding Identyfikacja, z której bierzemy kolory, kroje i zasady ruchu.](https://fluostudio.pl/uslugi/branding/) - [Strony www Strony, na których ruch pomaga znaleźć to, co najważniejsze.](https://fluostudio.pl/uslugi/strony-www/) - [Prezentacje Prezentacje na scenę i dla handlowców, z animacjami w środku.](https://fluostudio.pl/uslugi/projektowanie-graficzne/prezentacje/) - [Katalogi Katalogi i instrukcje, do których robimy filmy na premierę.](https://fluostudio.pl/uslugi/projektowanie-graficzne/katalogi/)