Puntenwolk-intro voor WebsUp

Een motion-template van 12 seconden: 6.400 punten vormen eerst het woordmerk en daarna een website. Zwart-wit met één accent. Tekst, kleur en logo zijn per klant aan te passen zonder code.

16:9 · 1920×1080 · 12 s · met muziek
9:16 · 1080×1920 · voor reels en stories
Download 16:9 (mp4)Download 9:16 (mp4)Still voor de feed

Verloop

  1. 0,0–1,4 sEen losse wolk van punten draait langzaam en verschijnt.
  2. 1,4–3,9 sDe zwerm vormt het woordmerk, van links naar rechts. Elk punt vertrekt iets eerder of later.
  3. 3,9–5,6 sHet logo ademt, de tagline komt eronder.
  4. 5,6–8,1 sVan links naar rechts bouwen dezelfde punten een website: browserbalk, nav, kop, knop in accent, beeld en drie kaarten.
  5. 8,0–12 sDe slotkop en de url komen ernaast. Een lichtband glijdt eenmaal over de site.

Stills (16:9)

Het woordmerk WebsUp opgebouwd uit witte punten met een oranje punt
Logo · 4,5 s
De zwerm onderweg van logo naar website
Zwerm · 6,9 s
Website-wireframe van punten met de kop Van idee naar online
Eindbeeld · 16:9

Voor een klant aanpassen

In Motion Studio staat het project websup-puntenwolk-12s. Kopieer de map en pas alleen props.js aan:

logo.text     'Bakkerij Jansen*.*'
logo.image    ''   (of een png met transparantie)
logo.tagline  'Vers sinds 1952.'
end.title     'Van deeg|naar *online.*'
end.url       'bakkerijjansen.nl'
colors.accent '#e11d48'
points        6400

Met image gevuld volgen de punten de vorm van een eigen logo (png met transparantie). Daarna: node tools/render.mjs <id> 16:9 30 en 9:16, na elkaar.