Co dostajesz
- MP4 1920x1080, 30 fps, 6–8 sekund
- Projekt HyperFrames ze stosem filtrów i tabelą satelitów
- Notatka przekazania z klatką pęknięcia i obiema migawkami czytelności
- Opcjonalnie: podkład muzyczny, dźwięk pęknięcia i płyta z kolorowym polem z PopNow
Sprawdzi się przy
- Zakończenie filmu produktowego albo reklamy logo
- Samodzielny sting marki albo zapętlona identyfikacja ekranowa
- Zespoły, które chcą premiumowe odsłonięcie bez oprogramowania 3D
Nie nadaje się do
- Objaśnianie produktu albo przekazywanie komunikatu; przed pęknięciem nie ma tekstu
- Marki bez prawdziwego znaku wektorowego
- Otwieranie filmu; jest zbudowane, by być ostatnią rzeczą, którą widać
Jak z niej korzystać
W Claude lub ChatGPT
Użyj umiejętności PopNow „Płynne odsłonięcie logo” (liquid-logo-reveal) do tego: Zrób 7-sekundowe zakończenie dla Lumen Notes z ./brand/mark.svg na prawie czarnym tle, z polami bursztynu, śliwki i turkusu.
W agencie do programowania
/popnow-liquid-logo-reveal Zrób 7-sekundowe zakończenie dla Lumen Notes z ./brand/mark.svg na prawie czarnym tle, z polami bursztynu, śliwki i turkusu.
Potem spróbuj
Dodaj krótki podkład muzyczny z uderzeniem na pęknięciu i najpierw podaj koszt w kredytach.
Znak jest jeszcze czytelny tuż przed pęknięciem. Mocniej podkręć zniekształcenie.
Co przygotować
- Twój znak i logotyp jako pliki wektorowe, których jesteś właścicielem
- Kolor tła i trzy kolory pól
- Kanwę i informację, czy zamyka dłuższy film
- Node.js 22+ i FFmpeg
Podobne umiejętności
Zobacz wszystkie →Film startowy z ekipą agentów
+3Postacie-pomocnicy na ciepłym papierze, zadania w telefonie i umiejętność, która wykluwa nowego pomocnika.
Demo wideo chatbota AI
+3Narracyjne demo w ciemnej aplikacji czatu: włączasz integrację, zadajesz pytanie, dostajesz wynik i licznik.
Film premierowy produktu AI
+3Spokojny film premierowy w stylu keynote, z prawdziwej strony i interfejsu produktu, cięty do rytmu muzyki.
Animowane demo produktu z listą kontrolną
+3Papierowa lista obok ekranu telefonu; każde pole zaznacza się w chwili, gdy krok dzieje się na ekranie.
Wideo promocyjne aplikacji mobilnej
+310–13-sekundowa promocja aplikacji; siedem ujęć płynie jednym ruchem kamery, zakodowane w HTML i GSAP.
Film hype w stylu glitch ASCII
+3Klatki z komórek ASCII, ramki śledzenia i słowa z matrycy punktowej, cięte co dziesiątą sekundy do logo.
Film premierowy porównania przed i po
+3Prawie czarne tło, nazwy plików i jeden akcent: twoja treść najpierw jako strona, potem jako film.
Wideo promocyjne w stylu rysunku technicznego
+3Twoje twierdzenie narysowane na czarnym arkuszu specyfikacji: ramki z figurami, kreskowanie i tabliczka.
Wideo objaśniające changelog
+3Zamień prawdziwy pull request w 30-sekundowy film dla ludzi, którzy nigdy nie przeczytają zmian.
Film premierowy w jednym wątku czatu
+3Jedno okno czatu na ciepłym papierze, które się nie resetuje: pytanie, poprawka, wynik.
Filmowy teaser interfejsu ciemnego
+3Twój interfejs w czarnej pustce: płynąca kamera, ostra linia ostrości, wpisana komenda i świecąca nazwa.
Rolka premierowa narzędzia dla deweloperów
+3Jeden prompt wpisany w czterech miejscach, rolka prawdziwych wyników cięta do rytmu i polecenie instalacji.
Wideo produktowe SaaS z makietami urządzeń
+3Prawdziwy ekran aplikacji na neutralnym urządzeniu w ciemnym studiu, jedna akcja i jasne odsłonięcie.
Redakcyjne wideo premierowe na ciepłym papierze
+3Wielkie litery na ciepłym papierze, jeden akcent w klatce, uniesiona karta produktu i zwrot w czerni.
Wideo premierowe funkcji: od skargi do odpowiedzi
+3Zacznij od skargi, którą użytkownicy wciąż piszą, a potem pokaż, że nowa funkcja czyni ją nieprawdziwą.
Zabawne wideo problem i rozwiązanie
+3Drobna irytacja gra jako żart, grzeczne prośby się piętrzą, a pomarańczowa pigułka staje się rozwiązaniem.
Wideo premierowe na płótnie z półtonem
+3Film premierowy na jednym żywym płótnie z kropek, które rusza o takt przed każdą linijką tekstu.
Wideo infografiki rysowanej ręcznie
+3Panele flamastrem na jednym plakacie, narysowana trasa, po której podąża kamera, i odjazd na cały arkusz.
Zasoby AI dla HyperFrames
+3Obrazy hero, B-roll, podkłady muzyczne i lektor do filmów HyperFrames, wycenione z góry i zapisane w assets/.
Film premierowy produktu
+3Wideo premierowe 20–40 s z twojego URL albo README, z gotowym tekstem do publikacji i trzema proporcjami.
Wideo premierowe w wielu stylach, szablon keynote
+3Każda możliwość w swoim świecie: niebieski wykres, kremowa strona z szeryfem, ciemne światło, siatka plakatów.
Wielojęzyczne wideo premierowe
+3Nazwa produktu stoi w miejscu, a każdy język wjeżdża we własnym piśmie, z lektorem i napisami.
Wideo objaśniające z lektorem
+3Objaśnienie 45–120 s z lektorem i napisami zsynchronizowanymi ze słowami, w stylu kolażu, tablicy albo danych.
Animacja naukowa z wycinanki papierowej
+3Warstwy papieru w pudełku z cieniem, wycinane Słońce i Księżyc, etykiety na sznurkach: jedna idea z lektorem.
Wideo ogłoszenia partnerstwa
+3Prezenter w oknie z obramowaniem, dwa logo na karcie, wpisana konfiguracja i czasowniki na sygnał.
Wideo promocyjne w pixel arcie
+3Retro film w pixel arcie o twoim produkcie, rysowany klatka po klatce z linku, pitchu albo historii.
Wideo premierowe z pluszowymi postaciami
+3Pluszowe postacie z filcu jeżdżą na kursorach i składają promocję na żywo, każde cięcie w rytm.
Promo odsłonięcia od ciszy do dźwięku
+3Przycisk wciśnięty trzy razy w ciszy, potem to samo ujęcie z dźwiękiem, a na końcu z muzyką.
Kwadratowe promo z przekształcaniem interfejsu
+3Na ciepłym papierze przycisk rozciąga się w kartę z promptem, a widok oddala się do ściany sesji.
Animacja książeczki z papierowymi wycinankami
+3Książka obrazkowa, która się rusza: wycinanki z filcu i modeliny, warstwowe wzgórza, słowa po kolei.
Generator wideo z opiniami klientów
+3Płyty z portretami i uniesiona karta cytatu na ciepłym papierze, jeden turkusowy akcent, spokojne przenikanie.
Tekst za osobą jako tytuł
+3Ogromny nagłówek wbija się za osobę przed kamerą, a po czystym cięciu przejmuje kadr.
Promo typografii z teksturami materiałów
+3Litery nagłówka z lastryko, cegły i stali, zmieniające powierzchnię co 3 klatki na ciepłym moodboardzie.
Wideo animacji tablicy suchościeralnej
+3Pisak rysuje całą lekcję na jednej tablicy, wymazuje mit, a potem odsuwa kamerę do gotowej tablicy.
Pytania
Dlaczego logo nie da się przeczytać przed pęknięciem?
Pęknięcie jest nagrodą. Gdyby widzowie mogli już odczytać znak w kropli, odsłonięcie nie miałoby nic do dania, więc umiejętność sprawdza klatkę tuż przed pęknięciem i podbija zniekształcenie, aż znak będzie tylko kształtem.
Czy potrzeba oprogramowania 3D albo modelu AI, żeby narysować logo?
Nie. Ciecz to filtry SVG: rozmycie, kontrast alfa i przemieszczenie, sterowane przez GSAP i renderowane w HyperFrames. Na końcu ląduje twoja oficjalna grafika.
Czy render będzie zgodny z podglądem?
Tak. Każdy filtr turbulencji ma ziarno, a każda pozycja, rozmiar i wektor startu satelity pochodzi z zapisanej tabeli, więc równoległe workery renderu rysują identyczne klatki.
Co dodaje PopNow?
Opcjonalny dźwięk: krótki utwór instrumentalny z uderzeniem na pęknięciu, szklany efekt pęknięcia wygenerowany z cichego renderu i abstrakcyjną płytę kolorowego pola w tle. Każdy element jest wyceniany w kredytach, zanim cokolwiek zostanie uruchomione.