Voulez-vous apprendre à créer et ajouter des cinémagraphes dans vos articles WordPress ? Les cinémagraphes sont des images avec une partie ou une zone en mouvement tandis que le reste de l’image reste immobile. Ces images sont très engageantes et ajoutent un élément de narration à vos articles. Dans cet article, nous allons vous montrer comment créer et ajouter facilement des cinémagraphes dans WordPress.
Que sont les cinémagraphes ?
Les cinémagraphes sont généralement des images GIF où une petite partie de l’image bouge tandis que le reste reste immobile. Ils ont l’air très cinématographiques d’où le nom de cinemagraphs.
Ils ajoutent un élément de narration aux images, ce qui les rend plus attrayantes. Ils sont particulièrement utiles pour accompagner un contenu long, un épisode de podcast ou une histoire audio.
La création de cinémagraphes est un peu différente des GIF classiques. Cependant, si vous disposez des bons outils, avec peu d’efforts et un peu de pratique, vous pourrez créer de superbes cinémagraphes à partir de vos propres vidéos.
Cela étant dit, voyons comment créer et ajouter facilement des cinémagraphes dans WordPress.
Créer des cinémagraphes à partir de vidéos
Pour commencer, vous aurez besoin des éléments suivants :
- Un petit clip vidéo que vous souhaitez convertir en cinemagraph
- Adobe Photoshop
- Votre temps, votre patience et votre créativité
Commençons.
Vous devez d’abord préparer votre vidéo. Vous pouvez utiliser un outil de montage vidéo comme iMovie pour découper la vidéo au strict minimum dont vous avez besoin pour le cinemagraph.
Ensuite, vous devez ouvrir Photoshop et importer votre vidéo dans des calques en cliquant sur le bouton Fichier » Importer » Images vidéo vers calques menu.
Sélectionnez votre vidéo puis cliquez sur le bouton OK pour continuer. Selon la taille de votre vidéo, l’importation complète peut prendre un certain temps.
Une fois votre vidéo importée, vous verrez les images vidéo sous forme de calques sous le panneau des calques.
Vous devez maintenant sélectionner tous les calques, à l’exception du tout premier calque (Couche 1).
Aller à Calque » Nouveau » Grouper à partir de calques ou appuyez sur Commande + G (CTRL + G sous Windows) pour ajouter des calques dans un groupe.
Ensuite, vous devez sélectionner le groupe et aller à Calque » Masque de calque » Tout révéler pour ajouter un masque au groupe.
Après avoir ajouté le masque, appuyez sur les touches Commande + I (Ctrl + I sous Windows) pour inverser la couleur du masque.
Définissez maintenant la couleur de premier plan sur blanc, puis cliquez sur l’outil pinceau. Vous devez utiliser l’outil pinceau pour mettre en évidence la zone que vous souhaitez afficher dans la boucle.
Après cela, allez à Fenêtre » Chronologie pour ouvrir tous vos calques dans un format d’animation.
Vous remarquerez que toutes les images apparaissent transparentes dans la chronologie, à l’exception de la première image.
Pour changer cela, sélectionnez le premier calque (Couche 1) dans le panneau des calques et cliquez sur l’icône Unfiy Layer Visibility, puis appuyez sur le bouton Match.
Ensuite, cliquez sur l’icône bascule de la timeline et sélectionnez toutes les images. Après cela, cliquez à nouveau sur le bouton bascule pour choisir Copier les images.
Après avoir copié les cadres, cliquez sur le bouton bascule et sélectionnez l’option « Coller les cadres ».
Il vous sera demandé de choisir une méthode de collage. Sélectionnez « Coller après la sélection » et appuyez sur le bouton OK.
Ensuite, vous devez cliquer à nouveau sur l’icône de basculement de la chronologie et sélectionner l’option « Inverser les images ».
Votre animation cinemagraph est presque prête.
Pour l’enregistrer sur votre ordinateur, rendez-vous sur Fichier » Enregistrer pour le Web option. Cela fera apparaître une fenêtre contextuelle dans laquelle vous devrez sélectionner le format GIF et cliquer sur le bouton Enregistrer.
C’est tout ce que votre cinématographe est prêt.
Vous pouvez l’ajouter à votre site comme vous le feriez avec n’importe quel autre GIF dans WordPress. Modifiez simplement la publication ou la page où vous souhaitez ajouter le cinemagraph et cliquez sur le bouton Ajouter un média.
Cela fera apparaître la fenêtre contextuelle du téléchargeur de médias, cliquez sur le bouton de sélection de fichiers pour télécharger le fichier GIF à partir de votre ordinateur.
Une fois téléchargé, cliquez sur le bouton « Insérer dans la publication » pour continuer.
Vous verrez maintenant l’image dans votre éditeur de publication WordPress.
N’oubliez pas de sauvegarder ou de mettre à jour la publication. Vous pouvez maintenant cliquer sur le bouton de prévisualisation pour voir le cinemagraph en action. Voici le cinemagraph que nous avons créé au cours de ce tutoriel.
Nous espérons que cet article vous a aidé à apprendre comment créer et ajouter des cinémagraphes dans WordPress. Vous pouvez également consulter notre liste de sites Web proposant des images gratuites et libres de droits pour les utilisateurs de WordPress.