Gif-, mp4- of webm-loops exporteren uit elk ontwerp

Om gif-loops of mp4- en webm-video uit een Gradiently-ontwerp te exporteren, open je het in de Studio, kies je Export en pak je Video of GIF. Stel een lengte in tussen 5 en 30 seconden, kies hoe de Mark beweegt en download. Je woorden staan volkomen stil terwijl de levende achtergrond eronder drijft, stroomt of ademt, en de loop sluit aan zonder zichtbare sprong, dus hij kan eindeloos herhalen in een story, een post of op een scherm. Video- en gif-export zijn onderdeel van Pro.

Gif, mp4 of webm: wat exporteer je

Welk videoformaat je krijgt hangt af van je browser: Gradiently neemt de loop op in de browser en slaat hem op als mp4 of webm, naargelang wat die browser ondersteunt. Kan een browser helemaal geen video opnemen, dan zegt het venster dat en stelt het Chrome of Safari voor. De langere vergelijking staat in gif versus mp4 en mp4 versus webm.

Zo exporteer je een looping video

1. 1

   Open Export en kies Video

   Het voorbeeld begint meteen te spelen, precies zoals het afgewerkte bestand zal doen.

2. 2

   Stel de lengte in

   Alles van 5 tot 30 seconden. Heeft het ontwerp tekstintreden zoals opkomen, poppen, vegen of typemachine, dan toont het venster de minimale lengte die ze nodig hebben om af te maken.

3. 3

   Kies beweging, tempo, kleur en deeltjes

   Probeer een paar combinaties en kijk naar het voorbeeld. Je keuzes worden op het ontwerp onthouden, dus de volgende export begint waar je bleef.

4. 4

   Neem op

   De loop wordt in realtime opgenomen, dus 20 seconden duurt ongeveer 20 seconden. Houd het tabblad open tot de download begint.

5. 5

   Plaats het als video

   Upload het bestand overal waar je een video zou plaatsen. Naadloze loops legt uit waarom een schone aansluiting de aandacht vasthoudt.

Beweging, tempo, kleur en deeltjes

De rustigere combinaties maken de beste loops voor feeds, omdat ze lezen als een levend oppervlak in plaats van een animatie die aandacht eist. Bewaar de levendigere, Swirl op Brisk tempo of Cycle-kleur, voor lanceringen, evenementen en muziek, waar energie het punt is. En een Glow- of Cycle-loop op een story met veel kleine tekst leest moeilijker dan een rustige, dus stem de beweging af op de woorden.

Zo exporteer je een gif

Kies GIF in plaats van Video en dezelfde loopinstellingen gelden. De extra keuze is Kwaliteit: Small, Balanced of Sharp. Het venster toont het formaat van de gif, de framerate en een schatting van de bestandsgrootte voordat je downloadt, en het voorbeeld speelt de loop precies zoals de gif zal doen.

Elke gif blijft onder 15 MB: zou er een groter worden, dan wordt hij vanzelf kleiner. Past hij dan nog niet, dan vraagt Gradiently je een kortere loop of lagere kwaliteit te proberen. Gifs zijn beperkt tot 256 kleuren per frame, en daarom kan een glad verloop zwakke stappen tonen; tips voor geanimeerde gifs legt uit hoe je ze schoon houdt.

Meerdere pagina’s als één video exporteren

Een ontwerp met meerdere pagina’s, zoals een carrousel of presentatie, kan als één video worden geëxporteerd. De pagina’s spelen na elkaar, elk met zijn eigen lengte, met de overgang die je ertussen instelde: None, Fade, Slide, Zoom of Dissolve, waarbij de woorden in de Mark zakken en de volgende eruit opkomen. Stel lengtes en overgangen in op de paginabalk; de gids voor de carrouselmaker laat zien waar. Kies Deze pagina in Export om één enkele loop te krijgen.

Hoe lang een loop moet zijn, en welk formaat

• 5 tot 10 seconden voor stories, Reels-covers en feedposts, waar de loop herhaalt terwijl iemand leest.
• 10 tot 20 seconden voor posts met meer te lezen, of een carrousel die als video is geëxporteerd.
• 20 tot 30 seconden voor schermen in winkels, ontvangsten en evenementen, waar een langere cyclus de herhaling verbergt.
• Respecteer verminderde beweging op websites: bied een stilstaand beeld voor bezoekers die om minder beweging vragen, zoals prefers reduced motion uitlegt.

De redenering achter die lengtes staat in hoe lang een videoloop moet zijn. Voor stilstaande beelden van hetzelfde ontwerp, png, jpeg, pdf en svg, zie ontwerpen exporteren.