Jak robić animowane bannery reklamowe w Midjourney V7 i Runway - bez After Effects

👁 111 przeczytań

Agencje reklamowe płaciły motion designerom 300-500 złotych za jeden animowany banner. After Effects, kilka godzin pracy, renderowanie, poprawki. Dzisiaj to samo robisz w Midjourney i Runway w 15 minut za cenę dwóch kawiarnianych flat white. Brzmi jak ściema? Sprawdziłem na kilkunastu bannerach dla rzeczywistych klientów. Działa.

Ten tutorial pokaże ci krok po kroku, jak stworzyć profesjonalny animowany banner reklamowy bez otwierania After Effects. Midjourney wygeneruje ci postać lub produkt, Runway doda ruch. Format WebP jako pomost między narzędziami. Zero komplikacji, same konkretne prompty i parametry.

Czego potrzebujesz - wymagania na start

Nie potrzebujesz drogiego sprzętu ani oprogramowania. Wystarczy przeglądarka i dwie subskrypcje. Midjourney Standard Plan kosztuje 30 dolarów miesięcznie, Runway Standard to 12 dolarów. Razem 42 dolary - mniej niż Adobe Creative Cloud, które ciągle płaciłeś nawet gdy nie robiłeś nic przez pół roku.

Do tego komputer z przeglądarką. Midjourney działa przez Discord lub stronę midjourney.com. Runway to apka webowa. Nie musisz instalować niczego. Renderowanie odbywa się w chmurze, więc nawet stary laptop da radę. Internetowe łącze z prędkością minimum 10 Mbps - uploadowanie obrazków i pobieranie wideo.

Protip ✅

Zanim zaczniesz, przygotuj folder roboczy na dysku. Nazywaj pliki według schematu: banner_klient_wersja_01.webp - podziękujesz sobie, gdy będziesz miał 20 wersji tego samego bannera.

Krok 1 - Wygeneruj postać lub produkt w Midjourney V7

Logujesz się do Midjourney przez Discord lub midjourney.com. Jeśli używasz strony webowej, kliknij „Create” i wpisz prompt. Jeśli Discord - wejdź na dowolny kanał i wpisz prompt po ukośniku. Wszystko zaczyna się od dobrego promptu. Nie piszesz eseju, piszesz konkretny opis tego, co chcesz zobaczyć.

Załóżmy, że robisz banner dla marki kosmetycznej. Potrzebujesz młodej kobiety trzymającej słoik kremu. Oto prompt, który zadziała:

young woman in her late 20s holding cosmetic jar, clean white background, product photography style, soft studio lighting, eye contact with camera, professional beauty shot, 8k, sharp focus -ar 16:9 -style raw -v 7

Przeanalizujmy parametry. -ar 16:9 ustawia proporcje idealnie pod bannery reklamowe na Facebooku i stronach internetowych. -style raw wyłącza artystyczną interpretację Midjourney - dostajesz czysty, fotorealistyczny obraz jak ze studia. -v 7 wymusza najnowszą wersję modelu.

Midjourney zrenderuje cztery warianty. Wybierasz najlepszy, klikając przycisk U1-U4 pod obrazkiem. Poczekaj 20 sekund na wersję w pełnej rozdzielczości. Pobierz jako PNG.

Uwaga ⚠️

Midjourney V7 domyślnie generuje obrazy w wysokiej rozdzielczości, ale dla bannerów reklamowych i tak później przeskalujesz. Nie płać za powiększanie 2x, jeśli nie musisz - to marnowanie szybkich generacji z limitu.

Drugi przykład - produkt sam w sobie, bez modeli. Banner dla sklepu z elektroniką:

modern wireless headphones floating in air, minimalist white background, professional product photography, soft shadows, studio lighting, clean aesthetic, commercial style -ar 16:9 -style raw -v 7

Znowu -style raw eliminuje artystyczne dodatki. Nie chcesz kosmicznych tęczy ani abstrakcyjnego tła w bannerze reklamowym. Chcesz czystej fotki produktu jak z handlu online.

Krok 2 - Konwertuj obraz do formatu WebP

Midjourney daje ci PNG. Runway najlepiej pracuje z WebP - format zoptymalizowany pod web, mniejszy rozmiar pliku, lepsza kompresja bez utraty jakości. Konwersja trwa 10 sekund.

Wchodź na cloudconvert.com, uploadujesz PNG, wybierasz WebP jako format docelowy. Klikasz „Convert” i pobierasz gotowy plik. Darmowe, bez rejestracji, działa w przeglądarce. Alternatywa: Photoshop lub GIMP, jeśli masz zainstalowane, ale po co otwierać ciężkie oprogramowanie, skoro CloudConvert robi to samo w przeglądarce.

Protip ✅

WebP kompresuje lepiej niż JPEG przy tej samej jakości wizualnej. Ustaw jakość na 85-90 podczas konwersji - balans między rozmiarem pliku a ostrością obrazu. Banner musi się szybko ładować na stronie.

Krok 3 - Załaduj obraz do Runway i ustaw parametry animacji

Otwierasz Runway ML w przeglądarce, klikasz „New Project”, następnie „Gen-3 Alpha” lub „Image to Video”. Uploadujesz plik WebP. Runway załaduje obraz i pokaże ci interfejs z opcjami animacji.

Teraz kluczowa decyzja - jaki ruch chcesz. Runway oferuje dwa tryby: automatyczny i Motion Brush. Automatyczny - sztuczna inteligencja sama decyduje, co się porusza. Motion Brush - ty maluj strzałki w miejscach, gdzie ma być ruch.

Dla prostego bannera z postacią wystarczy tryb automatyczny. W polu „Camera Motion” wpisujesz, co ma się dziać:

subtle head movement, natural breathing, eyes blinking, slight smile, professional and calm

Runway zinterpretuje to jako delikatny ruch - postać nie stoi jak manekin, ale też nie tańczy lambady. Mruga, oddycha, lekko porusza głową. Naturalnie, jak żywa osoba w reklamie.

Dla bannera z produktem - inny prompt:

slow rotation clockwise, floating gently up and down, soft bokeh background blur

Słuchawki będą się obracać i lekko unosić. Efekt premium jak w reklamie Apple. Runway Gen-3 radzi sobie z tym bezbłędnie - żadnych artefaktów, płynny ruch.

Protip ✅

Krótsze opisy ruchu dają lepsze rezultaty. Runway lubi proste instrukcje. Zamiast „the model should slowly turn her head to the left while maintaining eye contact and smiling” napisz „slow head turn left, eye contact maintained”. Prosty język, konkret.

Krok 4 - Renderuj i pobieraj gotowe wideo

Ustawiasz długość klipu. Dla bannera reklamowego wystarczy 5-6 sekund. Dłużej to marnowanie kredytów w Runway i większy plik wideo. Bannery na stronach i w mediach społecznościowych działają lepiej, gdy są krótkie - użytkownik przegląda feed szybko, masz 3 sekundy, żeby go zatrzymać.

Klikasz „Generate” i czekasz. Runway renderuje 5-sekundowy klip przez około 30 sekund do minuty, zależnie od obciążenia serwerów. Zobaczysz pasek postępu. Gdy skończy, możesz obejrzeć podgląd.

Nie zadowolony? Kliknij „Regenerate” z tym samym promptem - Runway da ci inną wersję ruchu. Każde generowanie kosztuje kredyty, więc nie spamuj bez sensu. Dwa-trzy podejścia wystarczą, żeby trafić w dobry efekt.

Uwaga ⚠️

Runway najlepiej radzi sobie z klipami do 10 sekund. Powyżej 10 sekund model zaczyna halucynować ruch - pojawiają się artefakty, postać dziwnie się wygina, ręce robią cuda. Trzymaj się 5-7 sekund dla bannerów i będzie czysto.

Pobierasz wideo jako MP4. Format uniwersalny, obsługiwany przez wszystkie platformy reklamowe - Facebook Ads, Google Display Network, LinkedIn Ads. Rozmiar pliku wyjdzie 2-5 MB dla 5-sekundowego klipu w rozdzielczości Full HD.

Krok 5 - Dodaj tekst i call-to-action w Canva (opcjonalnie)

Masz animowany banner, ale bez tekstu. Większość reklam potrzebuje nagłówka i CTA. Nie musisz wracać do After Effects. Canva robi to w 2 minuty.

Otwierasz Canva, klikasz „Video” → „Upload” i wrzucasz plik MP4 z Runway. Dodajesz warstwy tekstowe - tytuł na górze, przycisk CTA na dole. Canva pozwala animować tekst - fade in, slide in, bounce. Wybierasz prosty fade in, żeby nie przekombinować.

Przykład dla bannera kosmetycznego: tytuł „Nowa formuła anti-aging” fade in po sekundzie, przycisk „Kup teraz” fade in po trzech sekundach. Postać w tle cały czas się porusza dzięki Runway. Połączenie statycznego tekstu z żywym tłem - efekt profesjonalny bez kombinowania w After Effects.

Protip ✅

Używaj kontrastujących kolorów dla tekstu. Jeśli tło jest jasne - ciemny tekst z białym obramowaniem. Jeśli ciemne - biały tekst. Czytelność ważniejsza niż ładne kolory marki. Nikt nie kliknie CTA, którego nie widzi.

Zaawansowane techniki - Motion Brush dla precyzyjnego ruchu

Automatyczny tryb w Runway działa świetnie dla 80 procent bannerów. Ale czasem potrzebujesz kontroli - chcesz, żeby poruszała się tylko ręka trzymająca produkt, albo tylko włosy na wietrze, reszta nieruchoma.

Wtedy włączasz Motion Brush. Po załadowaniu obrazu do Runway klikasz ikonę pędzla. Malujesz strzałki w miejscach, gdzie ma być ruch. Strzałka w prawo na włosach - włosy będą się rozwiewać w prawo. Strzałka w dół na słoiku kremu - słoik będzie opadał.

Przykład - banner z modelką trzymającą perfumy. Chcesz, żeby tylko perfumy się obracały, modelka nieruchoma:

W Runway: Motion Brush ON, malujesz okrąg na butelce perfum, dodajesz strzałkę ruchu obrotowego (circular motion). Reszta obrazu bez strzałek = nieruchoma.

Runway zinterpretuje to i animuje tylko butelkę. Efekt bardziej kontrolowany niż tryb automatyczny. Minusem jest czas - musisz ręcznie malować strzałki, więc zamiast 15 minut cały proces zajmie 25-30 minut. Warto dla kampanii premium, gdzie każdy detal ma znaczenie.

Protip ✅

Motion Brush najlepiej działa z grubymi strzałkami. Cienka kreska = słaby sygnał dla sztucznej inteligencji. Maluj szeroko, wyraźnie. Runway lepiej zrozumie intencję.

Przykładowe prompty dla różnych branż

Nie każdy banner to kosmetyki i słuchawki. Oto konkretne prompty dla popularnych kategorii produktów.

Moda i odzież:

fashion model in elegant black dress, studio white background, confident pose, high-end fashion photography, soft key light, professional editorial style -ar 16:9 -style raw -v 7

Ruch w Runway: fabric gently moving, natural body sway, hair flowing softly

Technologia:

sleek smartphone floating in air, dark gradient background, glowing screen, modern tech product shot, reflections, cinematic lighting -ar 16:9 -style raw -v 7

Ruch w Runway: slow rotation, screen glow pulsing, floating up and down

Żywność i napoje:

fresh orange juice pouring into glass, white background, water droplets, commercial food photography, high speed capture style, appetizing -ar 16:9 -style raw -v 7

Ruch w Runway: liquid pouring motion, splashes freezing mid-air, condensation forming

Fitness i sport:

athletic woman in sportswear holding water bottle, gym background blurred, energetic pose, fitness advertising style, dynamic lighting -ar 16:9 -style raw -v 7

Ruch w Runway: breathing motion, slight body movement, confident expression

Uwaga ⚠️

Unikaj promptów z tekstem. Midjourney V7 nadal nie potrafi generować czytelnego tekstu. Jeśli w prompcie napiszesz „with text saying NEW PRODUCT” dostaniesz nieczytelny bełkot. Tekst dodawaj później w Canva.

Optymalizacja pod różne formaty reklamowe

Facebook Ads lubi 16:9 i kwadrat 1:1. Google Display Network preferuje poziome bannery 728×90 i 300×250. Instagram Stories to pionowy 9:16. Nie musisz generować osobno w każdym formacie - Midjourney ma parametr -ar, który ustawia proporcje.

Dla Facebooka i stron - -ar 16:9 (już pokazywałem).

Dla Instagrama feed - -ar 1:1:

young man holding fitness tracker watch, clean background, square composition, product focus, commercial photography -ar 1:1 -style raw -v 7

Dla Instagram Stories - -ar 9:16:

vertical portrait of woman using skincare product, bathroom setting, natural morning light, authentic lifestyle shot -ar 9:16 -style raw -v 7

Runway akceptuje wszystkie proporcje. Uploadujesz pionowy obraz - dostaniesz pionowe wideo. Kwadratowy - kwadratowe. Zero problemu.

Ile to kosztuje w praktyce - wyliczenie budżetu

Midjourney Standard Plan (30 dolarów miesięcznie) daje 15 godzin szybkich generacji. Jeden prompt to około 1 minuta GPU. Realistycznie zrobisz 200-300 promptów miesięcznie. Jeśli testujesz 3-4 warianty na banner, wychodzi 50-75 unikalnych bannerów.

Runway Standard (12 dolarów miesięcznie) daje 625 kredytów. Jeden 5-sekundowy klip w Gen-3 Alpha kosztuje 5 kredytów. Wychodzi 125 klipów miesięcznie. Jeśli robisz 2-3 wersje każdego bannera (testowanie ruchu), obsłużysz około 40-60 projektów.

Razem 42 dolary miesięcznie. Koszt jednego animowanego bannera: 0,70-1 dolar. Motion designer weźmie 300 złotych (70 dolarów) za to samo. Zwrot z inwestycji po pierwszym kliencie.

Protip ✅

Jeśli robisz bannery na stałe dla kilku klientów, weź Midjourney Pro (60 dolarów) i Runway Unlimited (76 dolarów). Wychodzi 136 dolarów miesięcznie, ale dostajesz nielimitowane generacje. Koszt bannera spada do kilkunastu centów.

Najczęstsze błędy i jak ich unikać

Pierwszy błąd - zbyt skomplikowane prompty. Widziałem ludzi piszących eseje o oświetleniu, emocjach modela, kolorystyce tła. Midjourney się gubi. Krótkie prompty działają lepiej. Maksymalnie 20-25 słów w prompcie. Opisujesz, co chcesz zobaczyć, nie jak ma wyglądać każdy piksel.

Drugi - za długie klipy w Runway. Robisz 15-sekundowy banner „bo więcej treści”. Nikt nie ogląda 15-sekundowych bannerów do końca. Uwaga użytkownika internetu trwa 3-5 sekund. Krótko i treściwie. Poza tym dłuższe klipy = większe pliki = wolniej się ładują = mniejsza konwersja.

Trzeci - ignorowanie -style raw. Domyślnie Midjourney V7 dodaje artystyczne efekty - dramatyczne światło, kolorowe grady, tekstury. Fajnie wygląda w portfolio, beznadziejnie w bannerze reklamowym. Klient chce czystego zdjęcia produktu, nie malarstwa cyfrowego. Zawsze dodawaj -style raw dla bannerów komercyjnych.

Uwaga ⚠️

Midjourney czasem generuje dziwne ręce albo dodatkowe palce. Sprawdzaj każdy obraz przed wysłaniem do Runway. Jeśli ręka wygląda jak macka ośmiornicy - regeneruj prompt. Runway nie naprawi tego, tylko animuje błąd.

Jak to zmienia rynek agencji reklamowych

Freelancerzy i małe agencje zyskują przewagę. Wcześniej nie stać cię było na motion designera na etacie - teraz robisz animacje sam. Duże agencje tracą monopol na produkcję wideo. Klient płacił 5000 złotych za serię bannerów, bo nie było tańszej opcji. Dzisiaj freelancer zrobi to samo za 500 złotych w Midjourney i Runway.

To nie oznacza, że motion designerzy giną. Skomplikowane kampanie brandingowe, reklamy telewizyjne, filmy produktowe - tam wciąż potrzeba człowieka. Ale proste bannery displayowe, posty na social media, testy A/B - to przeszło do sztucznej inteligencji. Rynek się polaryzuje. Praca na dole cenowego (bannery za 300 złotych) znika. Praca na górze (kampanie za 50 tysięcy) zostaje.

Agencje, które nie zaadaptują sztucznej inteligencji, zostaną w tyle. Klient porówna ofertę - 3000 złotych za serię bannerów z tygodniowym terminem realizacji versus 800 złotych z realizacją w dwa dni. Wybór oczywisty. Nie musisz być ekspertem Midjourney, żeby zacząć - po dwóch tygodniach codziennego promptowania łapiesz intuicję.

Co dalej - rozszerzanie przepływu pracy

To dopiero początek. Gdy opanujesz podstawowy proces Midjourney → Runway, możesz dorzucić kolejne narzędzia. ElevenLabs do generowania voiceoveru, jeśli banner ma dźwięk. Canva do dodawania animowanego tekstu (już wspomniałem). Topaz Video AI do upscalowania, jeśli klient chce 4K.

Możesz też zautomatyzować część procesu. Zapier łączy Midjourney z Google Drive - nowy obraz automatycznie ląduje w folderze klienta. Runway API (dostępne w planie dla firm) pozwala skryptować generowanie wideo. Robisz 50 wariantów bannera z jednego promptu przez pętlę w Pythonie.

Ale na początek wystarczy podstawowy przepływ: Midjourney generuje obraz, WebP jako pośrednik, Runway animuje, Canva dodaje tekst. Cztery narzędzia, piętnaście minut, profesjonalny rezultat. Reszta przyjdzie z praktyką.

// czytaj dalejRunway Gen-4.5 z kontrolą ruchu klatka po klatce - jak precyzyjnie animować obiektyTutorialeJak stworzyć animowaną postać do gry w Midjourney V7 - poradnik krok po krokuTutorialeMidjourney 8.2 (preview) - jak włączyć i co naprawdę zmieniaMidjourney

Link do ElevenLabs jest partnerski: jeśli kupisz przez niego, serwis dostaje prowizję, a Ty płacisz tyle samo. Nie wpływa to na treść, także tam, gdzie piszę krytycznie.