Wil je leren hoe je Cinemagraphs in je WordPress-berichten kunt maken en toevoegen? Cinemagraphs zijn afbeeldingen waarbij een deel of gebied beweegt terwijl de rest van het beeld stil blijft staan. Deze afbeeldingen zijn zeer boeiend en voegen een verhaalelement toe aan uw artikelen. In dit artikel laten we je zien hoe je gemakkelijk cinemagraphs kunt maken en toevoegen in WordPress.
Wat zijn Cinemagraphs?
Cinemagraphs zijn meestal GIF-afbeeldingen waarbij een klein deel van het beeld beweegt terwijl de rest ervan stil blijft staan. Ze zien er erg filmisch uit vandaar de naam cinemagraphs.
Ze voegen een storytelling-element toe aan afbeeldingen, waardoor ze er boeiender uitzien. Ze zijn met name handig bij het vergezellen van longform-inhoud, podcastaflevering of een audioverslag .
Het maken van cinemagraphs is een beetje anders dan gewone GIF’s. Als je echter de juiste tools hebt, kun je met weinig moeite en wat oefenen schitterende filmsecties maken met je eigen video’s.
Dat gezegd hebbende, laten we eens een kijkje nemen naar hoe je gemakkelijk cinemagraphs kunt maken en toevoegen in WordPress.
Cinemagraphs maken van video’s
Om aan de slag te gaan, hebt u de volgende items nodig:
- Een kleine videoclip die u naar een cinemagraph wilt converteren
- Adobe Photoshop
- Je tijd, geduld en creativiteit
Laten we beginnen.
Eerst moet je je video klaar maken. U kunt een videobewerkingstool zoals iMovie gebruiken om de video bij te snijden tot slechts de minimale clip die u nodig hebt voor de cinemagraph.
Vervolgens moet je Photoshop openen en je video in lagen importeren door op het menu Bestand »Importeren» Videoframes in lagen te klikken .
Selecteer uw video en klik vervolgens op de knop OK om door te gaan. Afhankelijk van uw videogrootte kan het even duren voordat deze volledig is geïmporteerd.
Zodra uw video is geïmporteerd, ziet u videoframes als lagen onder het deelvenster Lagen.
Nu moet je alle lagen selecteren behalve de allereerste laag (laag 1).
Ga naar Laag »Nieuw» Groep uit lagenmenu of druk op Command + G (CTRL + G op Windows) om lagen toe te voegen aan een groep.
Selecteer vervolgens de groep en ga naar Laag »Laagmasker» Alles onthullen om een masker aan de groep toe te voegen.
Nadat u het masker hebt toegevoegd, drukt u op Command + I (Ctrl + I op Windows) om de kleur van het masker om te keren.
Zet nu de voorgrondkleur op wit en klik vervolgens op het penseel. U moet het penseel gebruiken om het gebied te markeren dat u in de lus wilt weergeven.
Ga daarna naar de Window »Tijdlijn om al je lagen in een animatie-indeling te openen.
U zult merken dat alle frames transparant zijn in de tijdlijn, behalve voor het eerste frame.
Om dat te wijzigen, selecteert u de eerste laag (laag 1) in het deelvenster Lagen en klikt u op het pictogram Zichtbaarheid zichtbaarheidslaag en vervolgens op de knop Vergelijken.
Klik vervolgens op het schakelpictogram van de tijdlijn en selecteer alle frames. Klik daarna opnieuw op de schakelknop om Kaders kopiëren te kiezen.
Na het kopiëren van de frames, klik je op de schakelknop en selecteer je ‘Plak frames’ optie.
U wordt gevraagd een plakmethode te kiezen. Selecteer ‘Plakken na selectie’ en druk op de knop OK.
Vervolgens moet je nogmaals op het Tijdlijn-schakelpictogram klikken en de optie ‘Frames omkeren’ selecteren.
Je cinematografische animatie is bijna klaar.
Om het op je computer op te slaan, ga je naar Bestand »Opslaan voor Weboptie. Dit zal een pop-up openen waarin je de GIF-indeling moet selecteren en op de knop Opslaan moet klikken.
Dat is alles wat uw Cinematograph klaar is.
U kunt het toevoegen aan uw site alsof u andere GIF’s in WordPress zou toevoegen . Bewerk eenvoudig het bericht of de pagina waar u de cinemagraph wilt toevoegen en klik op de knop Media toevoegen.
Hierdoor wordt de pop-up voor de media-uploader geopend en klik je op de knop Selecteer bestanden om het GIF-bestand vanaf je computer te uploaden.
Na het uploaden klikt u op de knop ‘Invoegen in bericht’ om verder te gaan.
Je ziet nu de afbeelding in je WordPress berichteditor.
Vergeet niet om het bericht op te slaan of bij te werken. U kunt nu op de voorbeeldknop klikken om de cinemagraph in actie te zien. Dit is de cinemagraph die we tijdens deze tutorial hebben gemaakt.
0 Comments