MP #96 : réussir son Cinemagraph ou le Gif animé

| 10 Commentaires

email

Nous vous présentions hier la technique du Cinemagraph, permettant de donner vie à vos photos en utilisant un Gif animé. La bonne nouvelle est que réaliser un Cinemagraph est à la portée de tous (techniquement en tout cas, seule votre créativité vous limitera).

Matériel nécessaire pour faire un Cinemagraph

Au niveau du matériel, il vous faudra un appareil pouvant filmer (caméscope, smartphone ou votre apn préféré s’il dispose de cette option), un trépied pour la stabilisation et Photoshop (ou consort) pour la réalisation du fichier final. Vous pouvez également prévoir aussi un logiciel tiers de montage pour redimensionner la vidéo,une qualité de 1080p n’étant pas toujours indispensable.

Pour ce MP, j’ai utilisé mon iPhone 4s pour la vidéo avec un support pour le maintenir stable. Pour la production, iMovie m’a permis de redimensionner la vidéo, puis j’ai fait le montage du Gif sous Photoshop CS5. Pensez à cliquer sur les images pour les voir en taille réelle.

Les étapes pour réaliser un Cinemagraph

1. La première étape, après avoir récupéré le fichier sur Mac / PC, est de le redimensionner si nécessaire. Comme je l’ai dit plus haut. J’ai tout simplement utilisé iMovie, où j’ai récupéré la séquence de mon film qui m’intéresse et exporté la vidéo au format 480*272. Bien entendu, Plus votre vidéo a une grande résolution, plus votre fichier gif final sera lourd (si vous gardez cette résolution).

2. Ensuite, ouvrez le fichier avec Photoshop (ou équivalent). Vérifiez bien que la fenêtre animation est ouverte (Fenêtre / Animation)

3. Délimitez la zone de travail et sélectionnez l’image principal, attention ne soyez pas trop gourmand plus votre animation sera longue et plus votre gif sera lourd.

4. Dupliquez le calque de la vidéo et pixellisez le calque le plus bas ( Calque / Pixellisation / Video )

5. Maintenant il faut faire une sélection de la partie qui sera animée. Pour cela vous pouvez utiliser le Lasso Polygonal.

6. Sélectionnez le calque Vidéo et ajoutez un masque

7. Il ne vous reste plus qu’à enregistrer votre film au format web (Fichier / Enregistrer pour le Web et les Périphériques). Il faut bien penser à sélectionner GIF et dans « option de boucle » : Toujours.

Et voici le résultat final :

Voilà, vous savez désormais créer votre Cinemagraph. Vous pouvez partager vos propres créations dans les commentaires. Attention, n’abusez pas du GIF. Et si vous voulez voir d’autres Cinemagraphs, voici le Tumblr If We Don’t, Remember Me qui reprend des scènes de films bien connus.


Pour aller plus loin :

10 Commentaires

  1. Superbe MP! Je vous déteste car je vais passer ma journée à ça xD. Sérieusement merci beaucoup !

  2. C’est superbe, et comme Adil je vais en faire toute la journée.

    La journée vient de commencer pour nous deux mais on est quand même les premiers à commenter ;)

    Bonne journée

  3. Wow ! MERCI de nous faire partager ça !!! Bonne soirée, Anaïs

  4. Merci pour l’explication, par contre, je me posais la question de mouvements « parasites ». En effet, lorsqu’on sélectionné la zone animée, n’y a t il pas un risque de mouvement non désiré, dans l’exemple ci dessus par exemple, le bras du modèle pourrait bouger derrière la bougie, mais je ne vois rien sur le gif final…
    Une sélection plus précise peut être ?

  5. Cool, j’ai justement fait 2 petits essais:

    Have a shot, in cinemagraph http://www.flickr.com/photos/24482362@N05/6310151946/

    The NeverEnding Story http://www.flickr.com/photos/24482362@N05/6310121701/

    N’hesitez pas à m’y laisser un petit commentaire ;)

  6. @Yann : Excellent ! J’aime beaucoup le livre :)

  7. bon, je dois pas être doué… !
    Déjà, je n’ai pas sur mon calque (j’en suis au tout début de la démarche) le petit sigle représentant du film (dans la palette des calques).

    Ensuite, bien que ej duplique le calque, impossible de la pixelliser (options grisée)…

    Bref, j’ai essayé de faire un gif animé…

  8. Merci beaucoup pour ces explications, ce sont les seules trouvées en français.
    On a réussi un gif, après plusieurs tentatives pour maitriser au mieux Photoshop.
    Cordialement.

  9. Bonjour,

    Je n’arrive pas à importer ma vidéo sur Photoshop CS5. Lorsque je fais File<Import<Video frames to layers rien ne se passe. Pourtant la fenêtre Animation est bien ouverte. J'ai changé plusieurs fois le format du fichier video ( .avi, .mov, .gif, .mpeg etc… ) sans succès.

    Que dois-je faire pour réussir à ouvrir ma vidéo ?

    Merci,
    Julie.

  10. Merci pour le tuto… A savoir qu’on peut redimensioner en faisant l’export. Ca évite le passage par iMovie

Laisser un commentaire

Champs Requis *.

*