4 étapes faciles pour créer un Cinemagraph dans Photoshop

Ne laissez pas la complexité de cinemagraph vous tromper. Vous pouvez facilement les créer sur votre propre ordinateur en utilisant Photoshop. Voici notre simple

Ne laissez pas la complexité de cinemagraph vous tromper.  Vous pouvez facilement les créer sur votre propre ordinateur en utilisant Photoshop.  Voici notre simple
Publicité

Vous avez peut-être récemment apprécié un cinemagraph sur votre flux de médias sociaux sans le savoir. Ce sont ces images GIF Un tutoriel rapide Photoshop pour créer des GIF animés Un tutoriel rapide Photoshop pour créer des GIF animés Voyons comment utiliser Photoshop pour créer une animation GIF rapide. Ces étapes simples sont faciles à suivre, même pour les débutants. Lire la suite qui ne semble jamais finir, coincé sur une boucle constante et parfaite.

Ne laissez pas sa complexité vous tromper. Vous pouvez facilement recréer cet effet sur votre propre ordinateur. La méthode utilisée pour créer l'effet est basique mais elle permettra un large éventail d'utilisations; vous pouvez l'utiliser sur la plupart des clips vidéo, des clips vidéo ou des séquences d'archives.

Exemples cinémagraphiques

Voici un excellent exemple de l'utilisateur Reddit orbojunglist de la nature subtile et impressionnante d'un cinemagraph. Dans une partie de l'image, il semble aussi immobile qu'une photographie. Dans un autre, il semble se déplacer indéfiniment.

Cinemagraphs sont quelques-unes des images les plus calmes que vous trouverez sur Internet. Leur création est également simple, ne nécessitant guère plus qu'une image en mouvement et un masque de calque Photoshop Astuces: Sélection avec Masque Rapide Conseils Photoshop: Sélection avec Masque Rapide En Savoir Plus.

Le meilleur de tous, votre clip doit seulement être quelques secondes pour obtenir l'effet impressionnant.

Tout ce dont vous avez besoin est Photoshop, un clip de mouvement subtil, et quelques minutes pour créer l'une de ces œuvres d'art intemporelles.

Bonne séquence pour un Cinemagraph

Obtenir des actions ou des images brutes 4 Sites Web de vidéos pour capturer un aperçu de l'histoire Capturé sur le film 4 Sites Web de vidéos pour capturer un aperçu de l'histoire Capturé sur le film Il ya quelques autres sites Web qui hébergent des séquences vidéo d'archives des moments clés de l'histoire . Ils lisent non seulement des récits de témoins oculaires, mais nous donnent aussi des leçons d'histoire en vidéo ... comme cela est arrivé .... Read More ne devrait pas être un problème. Votre clip ne doit répondre qu'à deux critères: une partie relativement immobile de votre cadre et une partie à plusieurs reprises en mouvement.

Bien que le métrage ne doive pas être absolument immobile - en d'autres termes, vous pouvez répliquer l'effet avec à peu près n'importe quel métrage d'archives - les meilleurs résultats sont ceux avec le mouvement juxtaposé et l'immobilité. Je vais utiliser le clip suivant du court métrage Tomorrow Night de Louis CK pour donner un exemple.

Notez le mouvement de la pluie à travers la fenêtre en arrière-plan. Ce sera le point focal de l'effet. Pour commencer votre effet, il suffit de faire glisser et déposer votre fichier vidéo dans Photoshop. Le découpage des clips se produira tout au long de ce processus. Veillez donc à utiliser quelques secondes de métrage avant de les modifier pour obtenir votre effet.

1. Même début et fin de trame

Nos séquences vidéo devraient s'afficher pendant une seconde ou deux. Nous avons seulement besoin de capturer le mouvement présent dans notre clip. Cela signifie que nous pouvons réduire notre clip de beaucoup et conserver un cinémagraph transparent. Rappelez-vous, il boucle indéfiniment si la longueur n'est pas un problème.

Tout d'abord, cliquez sur le paramètre cog et assurez-vous que la lecture en boucle est cochée. Cela garantira que votre vidéo sera lue à plusieurs reprises pendant l'édition, afin que votre vidéo soit transparente.

boucle de lecture cinemagraph

Mettez votre clip principal dans Photoshop, et notez la quantité de mouvement que vous devrez recadrer au premier plan. Lorsque vous photographiez une scène, les acteurs se déplacent d'un mouvement de va-et-vient pendant la conversation, la marche, etc. Notre premier plan peut finir par corrompre notre arrière-plan mouvant.

La meilleure façon de rectifier le problème est de recadrer tout votre clip afin que l'avant-plan de la première image occupe le plus d'espace de fond d'un cadre. L'exemple ci-dessous montre la logique derrière le découpage du clip, et ainsi de choisir la première image.

Utilisez l'outil Ciseaux pour séparer votre précédent clip du nouveau. Supprimez le clip précédent. Bien que le découpage raccourcisse votre vidéo, le métrage avant votre découpage s'avérera utile plus tard.

Faites ensuite glisser votre groupe vidéo, intitulé Groupe vidéo 1 dans l'exemple ci-dessous, pour dupliquer votre clip. Vous pouvez également appuyer sur Ctrl + Alt + J pour créer une copie du calque sélectionné.

Maintenant que j'ai créé deux clips vidéo, je peux obtenir l'effet désiré. Le processus mettra fin à votre métrage avec le même cadre, en créant une boucle que nous utiliserons pour obtenir l'effet.

Prenez votre deuxième couche et faites-la glisser à la fin de votre première couche. Ensuite, cliquez et faites glisser vers la gauche la première image de votre deuxième couche. Il ramènera les images précédentes coupées de votre calque d'origine.

Il devrait y avoir un certain chevauchement entre les premier et deuxième clips. La quantité de chevauchement est à vous, mais ne devrait pas dépasser la marque de mi-chemin de vos images originales. Enfin, faites glisser la fin du deuxième clip à la fin de la première. Les deux clips doivent maintenant commencer à des moments différents, mais se terminer en même temps.

Rejouez-le. Vous remarquerez qu'un seul clip joue. Ce n'est pas une erreur, et est crucial pour votre effet.

2. Clip Transition

Dans une fenêtre Photoshop, la quantité d'un visuel apparaît ou s'efface en fonction de son opacité . Un exemple occasionnel de différentes opacités dans une seule image serait un filigrane Comment filigraner des images avec Photoshop Filigrane des images avec Photoshop Il existe plusieurs options sur la façon de filigrane vos images en ligne, mais en utilisant une application Web peut avoir ses inconvénients. Au lieu de cela, voici comment utiliser Adobe Photoshop pour créer des filigranes. Lire la suite . Nous devrons éliminer progressivement l'opacité de la première couche de notre projet afin de passer à la seconde.

Cliquez sur le menu déroulant à côté du clip le plus haut de votre panneau Montage . Il montrera vos options vidéo. Cliquez sur le minuteur d'Opacité, et une image clé sous la forme d'un losange jaune apparaîtra à côté de votre métrage. Assurez-vous que l'image clé est placée au début de votre clip le plus court en cliquant et en faisant glisser vers l'emplacement souhaité.

L'image clé stocke les informations d'opacité sur une partie de votre vidéo. Faites glisser votre curseur de ligne de temps à la fin de votre clip et cliquez sur le petit losange à côté de votre paramètre Opacité pour créer une autre image clé.

Ensuite, réduisez votre opacité de 100% à 0%. L'option est dans votre panneau Calques .

outil d'opacité cinemagraph

Gardez à l'esprit que la nouvelle image clé doit apparaître à la toute fin de votre vidéo.

3. Masque de couche

Votre vidéo devrait avoir une transition notable. C'est dû à la fixation de l'opacité du premier clip.

Maintenant, placez votre curseur de ligne de temps au début de la vidéo. Une fois terminé, appuyez sur Ctrl + Alt + Maj + E. La commande du clavier Les meilleures façons d'apprendre tous les raccourcis clavier dont vous aurez besoin Les meilleures façons d'apprendre tous les raccourcis clavier dont vous aurez besoin Il existe de nombreux raccourcis clavier que vous n'utilisez pas. Nous vous apportons toutes les bonnes ressources pour vous apprendre tout ce que vous devez savoir sur les raccourcis clavier. Mémorisez les raccourcis clavier pour une productivité instantanée. En savoir plus créera un cadre fixe de votre vidéo.

Faites glisser le calque d'image vers la partie supérieure de l'onglet Calques, puis découpez-le pour qu'il se termine au même endroit que nos clips vidéo. Si vous lisez votre vidéo, vous ne verrez que l'image fixe.

arrangement final de couche cinemagraph

Maintenant, nous pouvons créer le masque de calque pour autoriser seulement le mouvement de la fenêtre. Avec la couche d'image sélectionnée, créez un masque de calque en cliquant sur la troisième icône en bas de votre panneau Calques .

masque de couche cinemagraph

Une fois que vous avez sélectionné un masque de calque, une image de fond blanche apparaît à côté du calque.

vue du masque cinemagraph

Cliquez sur l'image blanche à côté de votre image et sélectionnez votre outil Pinceau. Assurez-vous que votre pinceau de premier plan est réglé sur Noir et ajustez la taille du pinceau A Guide de débutant pour créer des pinceaux personnalisés dans Photoshop Guide de débutant pour créer des pinceaux personnalisés dans Photoshop Les pinceaux Adobe Photoshop sont un moyen pratique d'ajouter de l'intérêt à vos conceptions. Créez vos propres motifs personnalisés, vous pouvez tout aussi facilement concevoir et créer vos propres pinceaux. Lire la suite . Réglez votre taille à tout ce qui fonctionne avec votre image, puis réglez la dureté de votre pinceau à 0% . Il va créer une bordure de brosse lisse. Enfin, commencez à brosser votre mouvement.

Pour faciliter le processus, appuyez sur la touche \ de votre clavier (au-dessus de la touche Entrée). Cela vous permettra d'afficher votre masque de superposition en rouge. Prenez votre temps pour brosser seulement le mouvement que vous voulez ajouter. L'outil pinceau va supprimer le contenu de l'image fixe de la vidéo, révélant la vidéo ci-dessous.

De même, brosser votre vidéo en blanc effacera votre masque et préservera votre image fixe. Brossez et lisez votre vidéo à plusieurs reprises pour voir quel mouvement indésirable est toujours présent.

Une fois le processus de masquage terminé, vous pouvez continuer à enregistrer votre travail.

4. Sauvegarde de vos Cinemagraphs

Maintenant que vous avez retiré l'action de l'inaction, enregistrez votre travail en tant que GIF. Puisque les GIFs ont la capacité de jouer continuellement, vous pourrez profiter de l'action illimitée de votre vidéo à travers le format. Pourtant, cela demande un peu plus d'efforts que de sauvegarder votre fichier en tant que vidéo ou image normale.

Allez dans Fichier> Exporter> Enregistrer pour le Web (Hérité) pour commencer. Dans le menu déroulant à côté de Présent, sélectionnez GIF 128 Dithered . Ensuite, apportez quatre modifications principales aux paramètres enregistrés:

  1. Selective to Perceptual - Dicte la palette de couleurs de votre GIF.
  2. Couleurs: 128 à 256 - Ajoute une palette de couleurs plus large à votre GIF, améliorant la qualité globale de l'image.
  3. Diffusion to Noise - Affecte la transition des couleurs d'une image à l'autre. Puisque nous voulons que les couleurs de notre image se fondent parfaitement, il est préférable de modifier le bruit plutôt que la diffusion . Vos résultats peuvent varier, alors n'hésitez pas à tester les différentes options.
  4. Dither: 88% à 100% - Dicte la quantité d'informations de couleur nécessaires pour affecter la transition d'ombre et de trame. Un taux de Dither élevé permettra une transition de couleur plus lisse qu'autrement.

La dernière modification que vous devez effectuer consiste à modifier les paramètres des Options de mise en boucle de Une fois à Toujours . C'est vital pour l'effet répétitif du mouvement.

gif paramètres cinemagraph

N'hésitez pas à jouer avec ces paramètres. Certains fonctionneront mieux avec les images en couleur, tandis que d'autres ne le feront pas. La seule façon de choisir les meilleurs paramètres est de les trouver vous-même.

Produits finaux

Voici quelques-uns des produits finaux que j'ai inventés, en utilisant seulement cette méthode et Tomorrow Night de CK comme source d'images. Ce qui suit est le produit final de notre explication ci-dessus.

Il y a plusieurs choses que l'on pourrait faire pour affiner l'image, comme ajouter des effets visuels ou ajuster la taille du masque. Tout cela a été créé, cependant, avec seulement les méthodes illustrées.

Les clips avec une caméra en mouvement s'avèrent plus difficiles à obtenir que ceux d'une caméra comme c'est le cas avec l'exemple suivant.

Bien qu'il existe certains sous-produits flagrants utilisant la méthode - par exemple, le flou lors de la transition des clips - le produit global est rapide à réaliser et a l'air bien.

Les mouvements comme fumer ou verser de l'eau sont les plus faciles à utiliser avec l'effet donné leur mouvement aléatoire et répétitif.

Vous pouvez même vous écarter de la méthode proposée ci-dessus. L'exemple suivant implique notre méthode de masquage, mais utilise un simple mouvement de la main au lieu de deux clips de transition pour créer un mouvement.

Un clip parfait pour cet effet serait un avec un mouvement subtil et un appareil photo, comme le montre l'exemple suivant.

Voici un autre exemple qui répond aux conditions quasi parfaites requises pour créer un GIF calme et éternel.

Comme vous pouvez le voir, nous avons trouvé un surplus de clips pour créer des cinémagraphes. Vous trouverez la même chose avec vos images.

Aller et venir et aller ...

Cet effet Photoshop Comment créer un effet de surbrillance de texte dans Photoshop Comment créer un effet de surbrillance de texte dans Photoshop Si vous souhaitez mettre en surbrillance du texte dans Photoshop, alors c'est la méthode la plus simple pour le faire. Lire la suite crée des vidéos durables à plus d'un titre. Non seulement ils bouclent indéfiniment, mais ils ont aussi la possibilité de créer des vidéos cinématiques simples en quelques minutes.

Bien que le processus puisse s'avérer difficile au début, quelques-uns de ces projets vous feront passer d'un professionnel novice à un professionnel chevronné du cinéma en un rien de temps!

Comme cinemagraphs? Quels autres aimeriez-vous voir? Faites-nous savoir dans les commentaires ci-dessous!

In this article