Potto AI

동영상 712/1,594

이전다음
Archival CRT clip, drifting web posts and a glossy red 3D button 작성자 notdwd
길이와 비율
  • 0:55
  • 16:9
제작 도구
  • SVG
  • three.js
  • WebGL
  • HTML
  • FFmpeg

프롬프트

<inputs> Ask me for: a brand name, its logo (SVG or high-res PNG), one line of what it becomes in 5 years (not today's features), one coined word the film should teach (e.g. "signal"), a public-domain archival clip of the old way of doing it (http://archive.org Prelinger), an archived web page from ~2000 where people asked for things (Wayback Machine), a royalty-free song ~100-120 BPM with a real drop (Mixkit, free for commercial use), and a free ElevenLabs key for the narrator (premade voices only). </inputs> <direction> An a16z x Content Rewards brand film, ~55s. It sells one feeling and one idea, never features. Real archival and real web pages, never stock footage, never product screens, never fake UI. One hero object: a 3D button with the logo embossed into it, the ONLY saturated colour in the film. Everything else white, silver, cream and archival black. Small white captions that light up word by word on the narrator's timestamps. Film texture: fresh grain every frame, halation on bright edges, soft vignette, warm lifted blacks. The brand appears at the end, never before. Banned: stock footage, dashboards, chat UIs, feature tours, cards without real profile pictures, wobbly "worm" graph lines, random glitches, any hold longer than 1.5s, purple, rainbow gradients, orange on anything but the button. </direction> <structure> Cold open (0-8s): the archival clip plays on a glowing old CRT TV with its real dialogue, captions word by word. The past (8-17s): push into the real 2000 web page, a cursor lands on one real "wanted" post, old pages strobe one per frame, a counter ticks EVERY frame up to today's scale. Narrator: "People have always asked the internet for what they need." / "Today, there are five hundred million posts a day." Bridge (17-30s): a galaxy of real old asks. One ask snaps to a white outline with a chip of the coined word ("We call that a signal."). Archival of people doing it by hand on the TV. Cut on each word: "Door by door. Call by call. Scroll by scroll." The narrator never stops talking between acts. Button (30s): the button rises out of black, rim light first, colourless. "[Brand] finds the signals." A flat grey line: "this is how you find customers by hand". Hard cut to a button macro, the colour comes alive, the music drop lands on this exact frame. "and this... is with [Brand]": a steep lit curve, counters changing every frame, a glowing sine with a comet head the camera chases, then platform strikes (X, Reddit, LinkedIn, YouTube, Instagram, TikTok) each with its own counter, then the galaxy again with glowing platform logos: "Every signal on the internet." Hyperspace. End: the tagline word by word, then "[Brand] is live.", ONE cream frame on the kick, then logo + URL in silence. </structure> <build> 1. One HTML file, 1920x1080. Everything is computed from time inside seek(t): no CSS transitions, no timers, no Math.random (seeded hash), no state between frames. 2. Button: three.js MeshPhysicalMaterial (clearcoat 1, roughness ~0.4), ACES filmic, cool + warm rim spots, room env map. Emboss the real logo by displacing a dense disc with a blurred mask of the logo, folded into the rim so corners don't show. Brushed-metal base. 3. Counters: linear on the film's global clock, so they keep running through cutaways. Tabular numerals, fixed unit label. 4. Captions: <=7 words, one idea per shot, hand-placed line breaks, one text layer on screen at a time. Grey to white over 0.2s on the word timestamps (ElevenLabs /with-timestamps). 5. Glitch = 1-2 frames, only on a real cut, always with a click. Readable things stay on screen >= 8 clean frames. 6. Render with Playwright per frame (Chromium with --use-angle=swiftshader so WebGL renders headless), finish in numpy: fresh grain per frame, halation, vignette ~0.65x at the corners, 1px chroma fringe with EDGE-CLAMPED shifts. Pipe PNGs into ffmpeg, h264, 24fps. 7. Mix: narrator 10-15dB over the music, duck -18dB while speaking, hits on the exact action frame, -14 LUFS. </build> <gotchas> np.roll wraps pixels and draws coloured lines on the frame edges, so clamp instead. A 10-pattern grain bank loops visibly, generate fresh grain every frame. Measure text only after fonts load or the widths are wrong. Headless Chromium with --disable-gpu renders WebGL blank. Counters that step every 3 frames look fake. If the narrator goes quiet between acts the film feels broken, so write a bridge line for every act change. </gotchas> <start> Ask me for the inputs, then show me the script with timings and 6 stills (cold open, past, bridge, button reveal, macro on the drop, end card) before you render the full film. After every render, send me one 2fps contact sheet and fix what I call trash. </start>

비슷한 영상 더 보기

모두 보기

요금제 선택

AI 영상과 AI 이미지에 함께 쓰는 하나의 크레딧 잔액입니다. 월간 또는 연간으로 구독하거나, 크레딧 팩을 한 번 구매할 수 있습니다.

  • Lite

    US$20/월

    월 단위 결제

    Lite 선택

    월 생성 장수 (HD)

    자세히 보기
    Nano Banana Pro44장
    Nano Banana86장

    월 영상 수

    30초 제품 데모 영상13개
    60초 설명 영상5개
    • 매월 2,000크레딧
    • 빠른 이미지 최대 86장
    • 표준 대기열
    • Potto 워터마크 추가 없음
    • AI 도구 일괄 처리
    • 공개 갤러리에 표시되지 않음
  • Pro

    US$50/월

    월 단위 결제

    Pro 선택

    월 생성 장수 (HD)

    자세히 보기
    Nano Banana Pro111장
    Nano Banana217장

    월 영상 수

    30초 제품 데모 영상33개
    60초 설명 영상13개
    • 매월 5,000크레딧
    • 빠른 이미지 최대 217장
    • 우선 대기열
    • Potto 워터마크 추가 없음
    • AI 도구 일괄 처리
    • 공개 갤러리에 표시되지 않음
  • 추천

    Max

    US$100/월

    월 단위 결제

    Max 선택

    월 생성 장수 (HD)

    자세히 보기
    Nano Banana Pro333장
    Nano Banana652장

    월 영상 수

    30초 제품 데모 영상100개
    60초 설명 영상40개
    • 매월 15,000크레딧
    • 빠른 이미지 최대 652장
    • 최우선 대기열
    • Potto 워터마크 추가 없음
    • AI 도구 일괄 처리
    • 공개 갤러리에 표시되지 않음

Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.

Archival CRT clip, drifting web posts and a glossy red 3D button 자주 묻는 질문

Archival CRT clip, drifting web posts and a glossy red 3D button의 제작 방식, 프롬프트 내용, 그리고 Potto로 비슷한 비주얼 시스템 동영상을 만드는 방법.

  1. Archival CRT clip, drifting web posts and a glossy red 3D button이란?

    Archival CRT clip, drifting web posts and a glossy red 3D button은 notdwd가 만든 비주얼 시스템 모션그래픽 영상입니다. A 55-second visual piece combining archival CRT footage, drifting web posts, and a glossy red 3D button.

  2. Archival CRT clip, drifting web posts and a glossy red 3D button은 어떻게 만들었나요?

    Archival CRT clip, drifting web posts and a glossy red 3D button은 SVG, three.js, WebGL, HTML 및 FFmpeg로 만들었습니다. Potto의 비주얼 시스템 AI 모션그래픽 영상 모음에 포함되어 있습니다.

  3. Archival CRT clip, drifting web posts and a glossy red 3D button의 프롬프트를 볼 수 있나요?

    네. Archival CRT clip, drifting web posts and a glossy red 3D button의 전체 프롬프트가 이 페이지에 있습니다. 복사하거나, 「이 프롬프트 사용」을 눌러 Potto 작업 공간에서 여세요.

  4. Archival CRT clip, drifting web posts and a glossy red 3D button의 길이와 화면 비율은 어떻게 되나요?

    Archival CRT clip, drifting web posts and a glossy red 3D button의 길이는 0:55이고, 프레임은 16:9입니다.

  5. Potto로 Archival CRT clip, drifting web posts and a glossy red 3D button 같은 비주얼 시스템 영상을 만들 수 있나요?

    네. 「이 프롬프트 사용」을 누르면 Archival CRT clip, drifting web posts and a glossy red 3D button의 프롬프트가 Potto 작업 공간에 불러와집니다. Potto가 자체 버전을 렌더링하며, 내보내기 전에 글과 스타일을 바꿀 수 있습니다.

  6. Archival CRT clip, drifting web posts and a glossy red 3D button 원본은 어디서 보나요?

    Archival CRT clip, drifting web posts and a glossy red 3D button 은 제작자가 처음 게시했습니다. 「원본 보기」를 클릭하면 해당 게시물이 새 탭에서 열립니다.

  7. Archival CRT clip, drifting web posts and a glossy red 3D button 같은 비주얼 시스템 영상은 어디서 더 찾나요?

    Potto의 비주얼 시스템 모음을 둘러보세요. 영상 480개가 있으며, 각각 프롬프트, 사양, 출처가 있습니다.