Bonjour à tous,
Aujourd'hui nous allons apprendre à faire un gif en utilisant les fonctionnalités de d'Adobe Photoshop !
Si vous ne possedez pas le logiciel ou que vous n'êtes vraiment pas à l'aise dessus, je vous conseille le tutoriel de DragonQuestLak pour faire des gif à partir d'un outil en ligne.
Mais comme certains d'entre vous me l'on demandé, c'est avec photoshop qu'on va s''y coller aujourd'hui.
ps : Ça a l'air aussi long et rigoureux qu'un Hiver à Winterfell mais c'est parce que j'ai détaillé chaque étape. Une fois qu'on sait faire, ça prend au grand max 2min. Pas de quoi fouetter un loup chat
Pour ce tutoriel, on va créer un gif made in lak à partir d'une scène animée.
ETAPE 1 - Préparer la scène
Créez ou choississez votre scène. Si possible, assurez vous que la partie qui vous interesse pour le gif comprenne bien un début et une fin du style fondu. Par exemple si elle commence par une image noire, faites en sorte qu'elle finisse également sur une image noire. C'est facultatif mais ça rend mieux (vous pourrez également ajouter cet effet de transition au montage, mais nous ne traiterons pas de ça dans ce tuto).
(J'ai enregistré le gif à partir de mon atelier montage, vous pouvez bien sur le faire coté tournage ou encore au cinéma -ou sur n'importe qu'elle vidéo existente, en fait-).
ETAPE 2 - Enregistrer la vidéo de base
À présent nous allons filmer cette scène, soit notre écran. Pour cela j'utilise QuickTimePlayer(Mac et PC), qui est pour moi le plus simple et le plus efficasse (bon et il était préinstallé). D'autres logiciels existent tels que Microsoft Expression Encoder 4(PC) ou Camstudio(PC) *les liens sont pour PC windows, les Macqeux' vous avez déjà QuickTime normalement.
EDIT : si vous utilisez Camstudio, le logiciel s'ouvre en pop-up. Appuiez sur le bouton Rec pour enregistrer, vous pouvez faire pause égalemement, puis Stop une fois votre capture terminée. Comme QuickTime, ce logiciel vous permet d'isoler une partie de l'écran (voir un tuto vidéo ici) mais ce n'est pas necessaire puisque photoshop vous permettra de recadrer la vidéo plus tard. (je l'ai fait avec QuickTime pour gagner du temps).
Filmer avec Quicktime :
- Ouvrez un nouvel enregistrement de l'écran (clique droit sur la miniature de quicktime, sur mac)
- Cliquez sur le bouton rouge (REC), votre écran se grise et un texte s'affiche. Procédez comme les instructions vous le demandent en faisant glisser votre souris pour délimiter la zone à filmer.
- Lancez l'enregistrement vidéo. Une fois terminé, faites de nouveau un clique droit sur la miniature QuickTime et choississez "arrêter l'enregistrement de l'écran'.
- Votre vidéo s'ouvre en pop-up. Enregistrez là où bon vous semble (fichier>enregistrer).
ETAPE 3 - Le montage avec Photoshop
Ouvrez votre vidéo sur Photoshop (cela peut ramer, il est donc préférable de ne filmer que la partie qui nous intresse vraiment). Si une pop-up apparaît vous avertissant qu'il y a un conflit au niveau du profil colorimétrique, supprimez le profil existant.
Allez ensuite dans l'onglet Fenêtre > Montage, pour ouvrir l'utilitaire de montage vidéo photoshop.
Pour ceux qui ont l'habitude, c'est une mini très très mini réplique de l'outil d'Adobe Première ou d'After Effect, le fonctionnement est globalement le même.
Promenez le curseur le long de vos secondes pour voir défiler la vidéo et trouvez le début et la fin de votre gif. (Mettre play va faire ramer, et c'est inutile).
Pour couper votre vidéo et en faire un gif vous avez trois solutions. Il faut savoir que tout ce qui est compris entre les crochets est ce qui sera visible et enregistré, ce qui est en dehors est comme "inexistant". Vous pouvez donc selectionner seulement la partie voulu entre ces crochets pour délimiter votre gif.
Cette méthode permet, à partir d'un même montage et d'une même vidéo, de faire plusieurs gifs à la suite plus rapidement. (Vous encadrez votre passage, vous enregistrez, vous encadrez un autre passage, vous enregistrez..etc..)
2e méthode : Si vous ne vous servez pas du reste du rush ou que vous comptez ajouter des effets de texte ou de transition à votre gif, vous pouvez/devez supprimer les parties inintéressantes. Pour cela, faites glisser les bordures du rush, de la gauche jusqu'au début de votre gif, puis de la droite à la fin du gif. Ce qui est en trop disparaît (re-étirez les bordures pour retrouver les images).
3e méthode : (la vie, telle ce tutoriel, est remplie de possibilités) placez le curseur au début de votre vidéo et cliquez sur le ciseau à gauche, puis placez le à a fin du gif et cliquez de nouveau sur le ciseau. Séléctionnez les deux parties inutiles et supprimez les, tout simplement.
ETAPE 4 - La personnalisation (facultative)
Comme vous êtes sur Photoshop, vous pouvez parer votre gif de magnifiques calques de remplissages (vibrance, balances des couleurs, courbes..etc..), de textes, d'ombre porté, de contours.. Bref d'effets divers et variés.
Je ne m'éttendrais pas plus sur ces options car ce n'est pas le sujet, mais sachez qu'elles existent et que votre vidéo n'est rien de plus qu'un calque parmis tant d'autre. (:
ETAPE 5 - Enregistrer notre gif
Une fois votre création terminée, rendez vous dans Fichier > Enregistrer pour le web. Une fenêtre s'ouvre, choissisez comme profil prédéfinis : GIF 32, 64, 128 ou 256 tramé . Ce nombre correspond au nombre de couleur contenu dans les images. Tout comme pour les audio' allégés via audacity ou adobe audition, plus le chiffre sera bas plus la qualitée sera basse et plus le gif sera léger.
Pas là peine de choisir la version 128 ou 256 si votre extrait vient de lacartoonerie, les graphismes étant en applats de couleurs, la qualité sera bonne. Le gif de ma signature est en 32 et celui de l'exemple en 64 et ils ne s'en portent pas plus mal. Si vous créez un gif à partir d'une vidéo, préférez le profil à 128 ou à 256. ( Exemple ici en 128 )
Réduisez si besoin la taille de votre gif.
Séléctionnez "option de boucle : Toujours" pour que le gif se répète à l'infini.
Voici comme exemple les réglages que j'ai utilisés (c'est un profil GIF 64 Tramé auquel j'ai augmenté le tramage à 95%, mais cela revient à peu près au même en fait).
Tout est ok ? Alors enregistrez, et c'est fini ! Vous avez votre gif. Hébergez le sur un support quelconque (Pinterest pour ma part, mais Casimage ou Hostingpics conviennent aussi.)
Voilà le résultat :
J'espère vous avoir aidé un peu.. (:
Sinon c'est aussi mon premier tuto'. Je compte en refaire mais plus axés sur l'animation, donc si vous avez des commentaires sur la présentation ou les explications, ils sont évidemment les bien venu.
Aujourd'hui nous allons apprendre à faire un gif en utilisant les fonctionnalités de d'Adobe Photoshop !
Si vous ne possedez pas le logiciel ou que vous n'êtes vraiment pas à l'aise dessus, je vous conseille le tutoriel de DragonQuestLak pour faire des gif à partir d'un outil en ligne.
Mais comme certains d'entre vous me l'on demandé, c'est avec photoshop qu'on va s''y coller aujourd'hui.
Niveau du tutoriel : amateurs à confirmés
Logiciels requis : Photoshop + un logiciel de capture vidéo pour enregistrer son écran
Fonctionne sous : Mac OS et Windows
Logiciels requis : Photoshop + un logiciel de capture vidéo pour enregistrer son écran
Fonctionne sous : Mac OS et Windows
ps : Ça a l'air aussi long et rigoureux qu'un Hiver à Winterfell mais c'est parce que j'ai détaillé chaque étape. Une fois qu'on sait faire, ça prend au grand max 2min. Pas de quoi fouetter un
Pour ce tutoriel, on va créer un gif made in lak à partir d'une scène animée.
ETAPE 1 - Préparer la scène
Créez ou choississez votre scène. Si possible, assurez vous que la partie qui vous interesse pour le gif comprenne bien un début et une fin du style fondu. Par exemple si elle commence par une image noire, faites en sorte qu'elle finisse également sur une image noire. C'est facultatif mais ça rend mieux (vous pourrez également ajouter cet effet de transition au montage, mais nous ne traiterons pas de ça dans ce tuto).
(J'ai enregistré le gif à partir de mon atelier montage, vous pouvez bien sur le faire coté tournage ou encore au cinéma -ou sur n'importe qu'elle vidéo existente, en fait-).
ETAPE 2 - Enregistrer la vidéo de base
À présent nous allons filmer cette scène, soit notre écran. Pour cela j'utilise QuickTimePlayer(Mac et PC), qui est pour moi le plus simple et le plus efficasse (bon et il était préinstallé). D'autres logiciels existent tels que Microsoft Expression Encoder 4(PC) ou Camstudio(PC) *les liens sont pour PC windows, les Macqeux' vous avez déjà QuickTime normalement.
EDIT : si vous utilisez Camstudio, le logiciel s'ouvre en pop-up. Appuiez sur le bouton Rec pour enregistrer, vous pouvez faire pause égalemement, puis Stop une fois votre capture terminée. Comme QuickTime, ce logiciel vous permet d'isoler une partie de l'écran (voir un tuto vidéo ici) mais ce n'est pas necessaire puisque photoshop vous permettra de recadrer la vidéo plus tard. (je l'ai fait avec QuickTime pour gagner du temps).
Filmer avec Quicktime :
- Ouvrez un nouvel enregistrement de l'écran (clique droit sur la miniature de quicktime, sur mac)
- Cliquez sur le bouton rouge (REC), votre écran se grise et un texte s'affiche. Procédez comme les instructions vous le demandent en faisant glisser votre souris pour délimiter la zone à filmer.
- Lancez l'enregistrement vidéo. Une fois terminé, faites de nouveau un clique droit sur la miniature QuickTime et choississez "arrêter l'enregistrement de l'écran'.
- Votre vidéo s'ouvre en pop-up. Enregistrez là où bon vous semble (fichier>enregistrer).
ETAPE 3 - Le montage avec Photoshop
Ouvrez votre vidéo sur Photoshop (cela peut ramer, il est donc préférable de ne filmer que la partie qui nous intresse vraiment). Si une pop-up apparaît vous avertissant qu'il y a un conflit au niveau du profil colorimétrique, supprimez le profil existant.
Allez ensuite dans l'onglet Fenêtre > Montage, pour ouvrir l'utilitaire de montage vidéo photoshop.
Pour ceux qui ont l'habitude, c'est une mini
Promenez le curseur le long de vos secondes pour voir défiler la vidéo et trouvez le début et la fin de votre gif. (Mettre play va faire ramer, et c'est inutile).
Pour couper votre vidéo et en faire un gif vous avez trois solutions. Il faut savoir que tout ce qui est compris entre les crochets est ce qui sera visible et enregistré, ce qui est en dehors est comme "inexistant". Vous pouvez donc selectionner seulement la partie voulu entre ces crochets pour délimiter votre gif.
Cette méthode permet, à partir d'un même montage et d'une même vidéo, de faire plusieurs gifs à la suite plus rapidement. (Vous encadrez votre passage, vous enregistrez, vous encadrez un autre passage, vous enregistrez..etc..)
2e méthode : Si vous ne vous servez pas du reste du rush ou que vous comptez ajouter des effets de texte ou de transition à votre gif, vous pouvez/devez supprimer les parties inintéressantes. Pour cela, faites glisser les bordures du rush, de la gauche jusqu'au début de votre gif, puis de la droite à la fin du gif. Ce qui est en trop disparaît (re-étirez les bordures pour retrouver les images).
3e méthode : (la vie, telle ce tutoriel, est remplie de possibilités) placez le curseur au début de votre vidéo et cliquez sur le ciseau à gauche, puis placez le à a fin du gif et cliquez de nouveau sur le ciseau. Séléctionnez les deux parties inutiles et supprimez les, tout simplement.
ETAPE 4 - La personnalisation (facultative)
Comme vous êtes sur Photoshop, vous pouvez parer votre gif de magnifiques calques de remplissages (vibrance, balances des couleurs, courbes..etc..), de textes, d'ombre porté, de contours.. Bref d'effets divers et variés.
Je ne m'éttendrais pas plus sur ces options car ce n'est pas le sujet, mais sachez qu'elles existent et que votre vidéo n'est rien de plus qu'un calque parmis tant d'autre. (:
ETAPE 5 - Enregistrer notre gif
Une fois votre création terminée, rendez vous dans Fichier > Enregistrer pour le web. Une fenêtre s'ouvre, choissisez comme profil prédéfinis : GIF 32, 64, 128 ou 256 tramé . Ce nombre correspond au nombre de couleur contenu dans les images. Tout comme pour les audio' allégés via audacity ou adobe audition, plus le chiffre sera bas plus la qualitée sera basse et plus le gif sera léger.
Pas là peine de choisir la version 128 ou 256 si votre extrait vient de lacartoonerie, les graphismes étant en applats de couleurs, la qualité sera bonne. Le gif de ma signature est en 32 et celui de l'exemple en 64 et ils ne s'en portent pas plus mal. Si vous créez un gif à partir d'une vidéo, préférez le profil à 128 ou à 256. ( Exemple ici en 128 )
Réduisez si besoin la taille de votre gif.
Séléctionnez "option de boucle : Toujours" pour que le gif se répète à l'infini.
Voici comme exemple les réglages que j'ai utilisés (c'est un profil GIF 64 Tramé auquel j'ai augmenté le tramage à 95%, mais cela revient à peu près au même en fait).
Tout est ok ? Alors enregistrez, et c'est fini ! Vous avez votre gif. Hébergez le sur un support quelconque (Pinterest pour ma part, mais Casimage ou Hostingpics conviennent aussi.)
Voilà le résultat :
J'espère vous avoir aidé un peu.. (:
Sinon c'est aussi mon premier tuto'. Je compte en refaire mais plus axés sur l'animation, donc si vous avez des commentaires sur la présentation ou les explications, ils sont évidemment les bien venu.
"Courage is found in unlikely places. " J. R. R. Tolkien
7 ans déjà, merci.
♦ J I M D O ♦
Sineagers II - Phoenix /RETARDÉ/
Sortie reprogrammée au 13 Septembre 2014
( N'es pas peur, clique sur l'image pour rencontrer le premier épisode ! )
