Comment créer et ajouter des Cinemagraphs dans WordPress

Voulez-vous apprendre à créer et à ajouter Cinemagraphs dans vos publications WordPress? Les cinemagraphes 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 cinemagraphs dans WordPress..

Que sont les Cinemagraphs?

Les cinemagraphes sont généralement des images GIF dans lesquelles une petite partie de l'image est en mouvement tandis que le reste est immobile. Ils ont l'air très cinématique d'où le nom 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 cinemagraphs est un peu différente des GIF ordinaires. Cependant, si vous avez les bons outils, vous pourrez créer, avec peu d’effort et un peu de pratique, de superbes cinemagraphs à partir de vos propres vidéos.

Cela dit, examinons comment créer et ajouter facilement des cinemagraphs dans WordPress..

Créer des Cinemagraphs à partir de vidéos

Pour commencer, vous aurez besoin des éléments suivants:

1. Un petit clip vidéo que vous souhaitez convertir en cinemagraph
2. Adobe Photoshop
3. 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 tel qu'iMovie pour ajuster la vidéo au clip minimal 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 en calques menu.

Sélectionnez votre vidéo puis cliquez sur le bouton OK pour continuer. Selon la taille de votre vidéo, le processus d'importation peut prendre un peu de temps..

Une fois votre vidéo importée, vous verrez les images vidéo sous forme de calques sous le panneau des calques..

Maintenant, vous devez sélectionner tous les calques sauf le tout premier calque (calque 1).

Aller à Calque »Nouveau» Groupe de calques ou appuyez sur les touches Commande + G (CTRL + G sous Windows) pour ajouter des couches à un groupe..

Ensuite, vous devez sélectionner le groupe et aller à Layer "Layer Mask" révèle tout 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 en blanc, puis cliquez sur l'outil Pinceau. Vous devez utiliser l'outil Pinceau pour mettre en surbrillance la zone à afficher dans la boucle..

Après cela, allez à "Fenêtre" ouvrir toutes vos couches dans un format d'animation.

Vous remarquerez que toutes les images sont transparentes dans le scénario, à l’exception de la première..

Pour changer cela, sélectionnez le premier calque (Calque 1) dans le panneau Calques, cliquez sur l'icône Dévier visibilité des calques, puis appuyez sur le bouton Correspondance..

Ensuite, cliquez sur l'icône de bascule du scénario et sélectionnez toutes les images. Après cela, cliquez à nouveau sur le bouton bascule pour choisir Copier les cadres..

Après avoir copié les images, cliquez sur le bouton bascule et sélectionnez l'option "Coller les images"..

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 sur l'icône de bascule de la timeline une fois de plus et sélectionner l'option "Inverser les images"..

Votre animation cinemagraph est presque prête.

Pour le sauvegarder sur votre ordinateur, allez à Fichier »Enregistrer pour le Web option. Cela fera apparaître une fenêtre contextuelle où vous devrez sélectionner le format GIF et cliquer sur le bouton Enregistrer..

Votre cinématographe est prêt.

Vous pouvez l'ajouter à votre site comme vous le feriez avec n'importe quel autre fichier GIF dans WordPress. Il suffit de modifier le message 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 de téléchargement de média, cliquez sur le bouton sélectionner les fichiers pour télécharger le fichier GIF à partir de votre ordinateur..

Une fois téléchargé, cliquez sur le bouton "Insérer dans le message" pour continuer..

Vous verrez maintenant l'image dans votre éditeur de publication WordPress.

N'oubliez pas de sauvegarder ou de mettre à jour le message. Vous pouvez maintenant cliquer sur le bouton Aperçu pour voir le cinemagraph en action. Voici le cinemagraph que nous avons créé lors de ce tutoriel.

Nous espérons que cet article vous a aidé à apprendre à créer et à ajouter des cinemagraphs dans WordPress. Vous pouvez également consulter notre liste de sites Web offrant des images libres de droits pour les utilisateurs de WordPress.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.