par 
Regarder le tutoriel
Étape 1 : Installez une extension de capture de page entière
Pour obtenir toute la page en une seule image, il vous faut une extension de capture d'écran de page entière. Le tutoriel utilise l'extension Chrome gratuite GoFullPage - Full Page Screen Capture. Installez-la depuis le Chrome Web Store et elle apparaît dans le menu des extensions de votre navigateur.
Étape 2 : Capturez la page web
Ouvrez le site que vous voulez montrer, cliquez sur l'icône Extensions, puis sur l'icône d'appareil photo de GoFullPage. L'extension prend plusieurs captures de toute la page et les assemble en une seule longue image. Une fois terminé, vous pouvez la télécharger en PDF ou en PNG. Choisissez Download image (PNG).
Étape 3 : Placez l'image dans Premiere Pro
Importez le PNG et faites-le glisser sur votre timeline. Agrandissez-le et positionnez-le pour que le haut de la page remplisse votre cadre : c'est votre position de départ. Cela fonctionne mieux quand la largeur de l'image correspond à celle de votre vidéo.
Plus rapide avec QuickPaste : copiez l'image et collez-la directement dans votre timeline avec un seul raccourci, sans enregistrer puis importer un fichier. Découvrir QuickPaste
Étape 4 : Ajoutez l'effet Transform et un keyframe de Position
Cherchez Transform dans le panneau Effects (Video Effects > Transform) et faites-le glisser sur l'image. Dans Effect Controls, ouvrez la section Transform, placez la tête de lecture au début et cliquez sur le chronomètre à côté de Position pour créer le premier keyframe. Avancez ensuite dans la timeline et faites glisser l'image vers le haut, ou modifiez la valeur de Position, jusqu'à atteindre la partie de la page sur laquelle vous voulez terminer. Premiere Pro ajoute automatiquement le second keyframe.
Étape 5 : Adoucissez le défilement avec Ease Out
Sélectionnez les keyframes, faites un clic droit sur l'un d'eux, choisissez Temporal Interpolation puis Ease Out. Le défilement démarre désormais à pleine vitesse et ralentit jusqu'à un arrêt en douceur, ce qui est bien plus naturel qu'un mouvement linéaire.
Plus fluide avec EaseFlow : sélectionnez les keyframes et appliquez une vraie courbe d'accélération en un clic, au lieu de tirer sur des poignées Bezier. Découvrir EaseFlow
Étape 6 : Affinez la courbe de vitesse et ajoutez du flou de mouvement
Pour un contrôle total, déployez la flèche à côté de Position et cliquez sur un keyframe pour afficher le graphique de vitesse et ses poignées. Tirez sur les poignées pour façonner votre propre courbe. Ne tirez simplement pas les poignées vers le haut : l'image dépasserait sa cible et ruinerait l'animation. Pour plus de réalisme, décochez Use Composition's Shutter Angle dans l'effet Transform et augmentez Shutter Angle pour ajouter du flou de mouvement pendant le défilement de la page.
Astuces
- Capturez dans une fenêtre large. Une fenêtre de navigateur plus grande donne une image plus nette une fois agrandie dans Premiere Pro.
- Faites défiler par petites sections. Pour les pages très longues, ajoutez davantage de keyframes afin que la page marque une pause sur chaque partie.
FAQ
Comment faire défiler un site web dans Premiere Pro ?
Capturez la page entière en un PNG, ajoutez l'effet Transform et animez sa Position du haut au bas de l'image avec des keyframes, puis adoucissez-les.
Pourquoi mon défilement est-il saccadé ?
Les keyframes sont linéaires par défaut. Appliquez Ease Out ou une courbe d'accélération et ajoutez du flou de mouvement avec le réglage Shutter Angle.
Ai-je besoin de l'effet Transform ?
C'est la méthode recommandée. Sa Position agit sur l'image elle-même et vous donne Shutter Angle pour le flou de mouvement.
Vous cherchez des éléments animés à afficher à côté de votre page ? Parcourez nos templates de motion graphics.
