le format GIF
Le GIF animé trouve son origine dans le GIF (Graphics Interchange Format), créé en 1987 par Steve Wilhite et l’équipe de CompuServe. À l’origine, il ne visait pas l’animation : il servait à échanger et télécharger rapidement des images en couleur sur des connexions très lentes.
| 1987 | Création du GIF par CompuServe (principal fournisseur d’accès à Internet aux États-Unis) par Steve Wilhite pour partager rapidement des images couleur sur des connexions lentes. |
| 1989 | Le format GIF89a ajoute la possibilité d’enchaîner plusieurs images dans un même fichier, rendant possible l’animation. |
| Années 90 | Usage web : icônes de chargement (loader), animations, publicités, icônes et premiers contenus créatifs. |
| > 2010 | Diffusion massive via les réseaux sociaux et la culture des mèmes. |
Exportation à partir de Photoshop.
Fichier > Exportation > Enregistrer pour le web > Format Gif
Avant le gif animé… Le flip book !
Dans Photoshop
Pour qu’une animation paraisse fluide, il faut généralement au moins 12 images par seconde (ips). En dessous, le mouvement devient souvent saccadé ; à partir de 24 ips, il paraît très fluide, comme au cinéma.
| Cadence | Résultat visuel | Usage typique |
|---|---|---|
| 2 à 8 ips | Mouvement volontairement saccadé ou très stylisé | Effet artistique, animation très simple |
| 10 à 12 ips | Animation perceptible et acceptable | Dessin animé, stop-motion, petits GIF |
| 16 ips | Seuil souvent considéré comme nécessaire pour une illusion de mouvement fluide | Animations simples |
| 24 ips | Mouvement fluide, rendu cinématographique | Cinéma, vidéos, animations classiques |
| 25 ou 30 ips | Très fluide | Télévision, vidéo web, contenus réalistes |
| 60 ips et plus | Mouvement très fluide, utile pour action rapide | Jeux vidéo, sport, ralenti |
Pour un loader, une icône ou un petit GIF, 8 à 12 ips suffisent souvent : l’objectif n’est pas de reproduire un mouvement réaliste, mais de créer une répétition visuelle claire, comme un sablier, une roue ou des points clignotants.
Pour une animation dessinée, 12 à 24 ips est une plage très courante : 12 ips peut suffire si certaines images sont maintenues deux fois, tandis que 24 ips donne un rendu plus souple.
Calcul simple
Le nombre total d’images se calcule ainsi :
nombre d’images=durée en secondes × cadence en ips.
Par exemple, un GIF de 2 secondes à 12 ips nécessite 2×12=24 images ; à 24 ips, il en nécessite 48.
Projet
• Créer une animation avec un fil pour écrire votre prénom
• Créer une séquence d’images de vous avec un « geste signature personnel »
#aura #battle #celebration
Process Photoshop
Étape 1 & 2
• Extraire une série d’images d’une vidéo
• créer un gif animé avec la séquence d’images extraites de la vidéo
Étape 3 • créer un gif animé avec la séquence d’images de votre prénom écrit avec un fil.
Refaire la même chose qu’avec la séquence d’images extraites de la vidéo (script chargement des fichiers dans une pile, etc.).
Quand vous avez toutes vos photos dans un fichier unique avec l’animation de cadres activée, il faut :
- sélectionner chaque vignette de la fenêtre montage, puis sélectionner le calque visible correspondant à la vignette de l’animation ;
- Faire « Sélection > sujet »
- Quand seul le fil est sélectionné, cliquer sur l’icône « Ajouter un masque de fusion » de la fenêtre des calques ;
- L’opération est à refaire pour chaque cadre de l’animation (sélection du cadre, sélection du calque visible correspondant, ajout d’un masque de fusion) ;
- Enfin, exporter votre animation au format gif (comme pour le gif de votre geste signature mais AVEC de la transparence).
Étape finale • associer les deux animations
