Hoe Cinemagraphs in WordPress te maken en toe te voegen - DeLaatbusiness

Hoe Cinemagraphs in WordPress te maken en toe te voegen

4 min


112
6 gratis internet marketing ebooks, klik hier voor download

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.

Creëren van cinemagraphs voor uw WordPress-site

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.

Cinemagraph preview

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:

  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 het menu Bestand »Importeren» Videoframes in lagen te klikken .

Importeer je video in lagen

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.

Video naar lagen importeren

Zodra uw video is geïmporteerd, ziet u videoframes als lagen onder het deelvenster Lagen.

Lagen geïmporteerd uit video

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.

Gegroepeerde lagen

Selecteer vervolgens de groep en ga naar Laag »Laagmasker» Alles onthullen om een ​​masker aan de groep toe te voegen.

Onthul alles

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.

Borstel de bewegende delen om ze te markeren

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.

Tijdlijn

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.

Unificeer zichtbaarheid

Klik vervolgens op het schakelpictogram van de tijdlijn en selecteer alle frames. Klik daarna opnieuw op de schakelknop om Kaders kopiëren te kiezen.

Frames kopiëren

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.

Plak na selectie

Vervolgens moet je nogmaals op het Tijdlijn-schakelpictogram klikken en de optie ‘Frames omkeren’ selecteren.

Omgekeerde frames

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.

Sla op als GIF

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.

Upload je cinemagraph GIF in WordPress

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.

Cinemagraph voorbeeld


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format