Hoe Cinemagraphs te maken en toe te voegen in WordPress

Wil je leren hoe je Cinemagraphs in je WordPress-berichten kunt maken en toevoegen? Cinemagraphs zijn afbeeldingen waarbij één 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 waarin 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 als ze longform-inhoud, podcastaflevering of een audioverslag vergezellen.

Het maken van cinemagraphs is een beetje anders dan gewone GIF's. Heb je echter de juiste tools, dan kun je met weinig moeite en wat oefening prachtige filmsecties maken van 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:

1. Een kleine videoclip die u naar een cinemagraph wilt converteren
2. Adobe Photoshop
3. 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 de. Te klikken Bestand »Importeren» Videoframes naar lagen menu.

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.

Nadat 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 van lagen menu of druk op Command + G (CTRL + G op Windows) om lagen toe te voegen aan een groep.

Vervolgens moet je de groep selecteren en naar gaan Laag "Laagmasker" Alles onthullen om een ​​masker toe te voegen aan de groep.

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 Venster "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 dit te wijzigen, selecteert u de eerste laag (laag 1) in het deelvenster Lagen en klikt u op het pictogram Zichtbaarheid van lage laag weergeven 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.

Als u het op uw computer wilt opslaan, gaat u naar Bestand »Opslaan voor web keuze. 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 gewoon de post of pagina waar u de cinemagraph wilt toevoegen en klik op de knop Media toevoegen.

Dit opent de pop-up van de media-uploader, klik op de knop Selecteer bestanden om het GIF-bestand van je computer te uploaden.

Na het uploaden klikt u op de knop 'Invoegen bij 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.

We hopen dat dit artikel je heeft geholpen bij het maken en toevoegen van cinemagraphs in WordPress. U kunt ook onze lijst met websites met gratis royalty-vrije afbeeldingen voor WordPress-gebruikers bekijken.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.