Animacje / Pixel Boss
Case study · animacja 2D · 9:16

Animacja 2D Pixel Boss. Łysy kontra ninja

Trzydzieści dziewięć sekund walki, w których nie ma miejsca na pusty kadr. Autorska postać, choreografia, efekty uderzeń, compositing i sound design pracują jak jeden cios.

Zobacz proces tworzenia ↓
39,5 spełny spot1080pikseli szerokości1920pikseli wysokości9:16format pionowy
Storyboard◆Key poses◆Fight choreography◆Impact FX◆Sound design
01
Preprodukcja

Zanim poleci pierwszy cios, musi powstać rytm sceny

Storyboard nie służy tu do odhaczania ujęć. Ustawia tempo wejścia, kierunek ataku i moment, w którym widz ma poczuć siłę bohatera.

Wizualizacja procesu Pixel Boss: storyboard, szkice Łysego, pozy ninja i finalna scena w dojo
Od szkicu do gotowej scenystoryboard · sylwetka · kierunek ruchu

Najpierw czytelność

Łysy ma być rozpoznawalny nawet bez twarzy: szeroka sylwetka, niebieski dres, czerwono-białe pasy, tatuaże i złoty zegarek. Ninja pracują odwrotnie — tworzą ciemną, ruchliwą masę, na której bohater zawsze pozostaje czytelny.

Wizualizacja procesu została zbudowana na bazie prawdziwych postaci i kadrów z realizacji. Nie zastępuje gotowego filmu — porządkuje drogę od szkicu do finału.

01

Sylwetka

Bohater musi działać także w szybkim półzbliżeniu.

02

Kontrast

Niebieski kostium odcina postać od czerni przeciwników.

03

Tempo

Każde ujęcie przygotowuje następny kontakt i zmianę energii.

Artur, właściciel Pixel Studio, w dresie z medalionem Pixel Studio
Bez formularzy na 12 pól

Zostaw namiar. Resztę załatwię ja.

Odpowiadam osobiście, zwykle tego samego dnia. Żadnych newsletterów.

02
Choreografia i key poses

Ruch nie może być tylko szybki. Musi być czytelny

Dobra animacja walki działa jak zdanie: przygotowanie, akcent i puenta. Jeśli wszystkie klatki krzyczą naraz, nie słychać żadnej.

Wizualizacja choreografii animacji Pixel Boss od szkicowych póz do finalnego uderzenia ninja
Anatomia jednego uderzeniaanticipation · key pose · impact

Ciężar bierze się z różnicy

Najważniejsza nie jest sama poza kontaktu, tylko odległość między przygotowaniem a uderzeniem. Sylwetka zbiera energię, środek ciężkości przesuwa się do przodu, a efekt pojawia się dopiero wtedy, gdy pięść naprawdę trafia.

Ten sam warsztat wykorzystujemy w animacji 2D: ruch ma prowadzić wzrok, a nie zasypywać ekran przypadkowymi smugami.

Świadomie zostawiliśmy momenty oddechu. Bez nich każdy kolejny cios byłby głośniejszy, ale żaden nie byłby mocniejszy.

03
Compositing i sound design

Obraz trafia pierwszy. Dźwięk domyka uderzenie

Linia, kolor, światło, pył i fala basu powstają osobno. Dopiero po złożeniu mają wyglądać tak, jakby wydarzyły się w tej samej milisekundzie.

Wizualizacja compositingu Pixel Boss: linia, warstwy efektów, światło, dźwięk i finalny cios w dojo
Warstwy finalnego kadruline art · FX · światło · audio

Efekt ma wspierać ruch, nie go zakrywać

Odłamki, smugi, pył i rozbłysk prowadzą oko do miejsca kontaktu. Dźwięk robi to samo w czasie: przygotowuje napięcie, podbija impakt i zostawia krótkie wybrzmienie po ruchu.

To różnica między ruchomą ilustracją a pełnym spotem animowanym. Warstwy są osobne, ale widz powinien poczuć tylko jeden moment.

Format 9:16 wymusza dyscyplinę. Akcja musi pozostać czytelna na telefonie, bez odsuwania bohatera w róg i bez cięcia najważniejszego gestu.

01

FX

Rozbłysk, pył i odłamki zbiegają się w punkcie kontaktu.

02

Światło

Ciepły impakt rozcina chłodny błękit kostiumu.

03

Audio

Bas, transjent i wybrzmienie nadają obrazowi fizyczny ciężar.

Powiązane realizacje i usługi

Ruch, postać i interakcja. Ten sam warsztat, inne pole walki

Pixel Boss łączy animację z rozwojem postaci do projektu Pixel Brawl. Zobacz też inne realizacje, w których identyfikacja naprawdę zaczęła się ruszać.

Animacja logo porządkuje wejście znaku, timing i sposób, w jaki marka pojawia się na ekranie.

Branding i rebranding buduje system, z którego taki ruch może później naturalnie wyrosnąć.

Animacja, która ma własny ciężar

Masz bohatera? Dajmy mu naprawdę się ruszyć

Od pierwszego storyboardu po finalny dźwięk. Zbudujemy spot, którego nie trzeba ratować przypadkowym przejściem i napisem na pół ekranu.

Zaplanuj swoją animację →Wróć do realizacji animacji
Zadzwoń Wyceń
PIXEL / ZNAJDŹ SWÓJ KIERUNEK

Czego szukasz?