por 
Ver el tutorial
Paso 1: Instala una extensión de captura de página completa
Para obtener toda la página como una sola imagen necesitas una extensión de captura de pantalla de página completa. El tutorial usa la extensión gratuita de Chrome GoFullPage - Full Page Screen Capture. Instálala desde la Chrome Web Store y aparecerá en el menú de extensiones de tu navegador.
Paso 2: Captura la página web
Abre el sitio web que quieres mostrar, haz clic en el icono de Extensions y después en el icono de cámara de GoFullPage. La extensión hace varias capturas de toda la página y las une en una sola imagen larga. Cuando termina, puedes descargarla como PDF o PNG. Elige Download image (PNG).
Paso 3: Coloca la imagen en Premiere Pro
Importa el PNG y arrástralo a la línea de tiempo. Amplíalo y colócalo de forma que la parte superior de la página llene el encuadre: esa es tu posición inicial. Funciona mejor cuando el ancho de la imagen coincide con el ancho de tu vídeo.
Más rápido con QuickPaste: copia la imagen y pégala directamente en tu línea de tiempo con un atajo, sin guardar e importar un archivo antes. Descubre QuickPaste
Paso 4: Añade el efecto Transform y un keyframe de Position
Busca Transform en el panel Effects (Video Effects > Transform) y arrástralo a la imagen. En Effect Controls, abre la sección Transform, mueve el cabezal al inicio y haz clic en el cronómetro junto a Position para crear el primer keyframe. Después avanza en la línea de tiempo y arrastra la imagen hacia arriba, o cambia el valor de Position, hasta llegar a la parte de la página en la que quieres terminar. Premiere Pro añade el segundo keyframe automáticamente.
Paso 5: Suaviza el scroll con Ease Out
Selecciona los keyframes, haz clic derecho en uno, elige Temporal Interpolation y luego Ease Out. El scroll ahora empieza a toda velocidad y se frena suavemente hasta detenerse, lo que resulta mucho más natural que un movimiento lineal.
Más suave con EaseFlow: selecciona los keyframes y aplica una curva de suavizado real con un clic, en lugar de arrastrar manejadores Bezier. Descubre EaseFlow
Paso 6: Afina la curva de velocidad y añade desenfoque de movimiento
Para tener control total, despliega la flecha junto a Position y haz clic en un keyframe para ver el gráfico de velocidad y sus manejadores. Arrastra los manejadores para dar forma a tu propia curva. Eso sí, no tires de los manejadores hacia arriba, porque la imagen se pasaría de largo y arruinaría la animación. Para más realismo, desmarca Use Composition's Shutter Angle en el efecto Transform y aumenta el Shutter Angle para añadir desenfoque de movimiento mientras la página se desplaza.
Consejos
- Captura con una ventana ancha. Una ventana de navegador más grande da una imagen más nítida al escalarla en Premiere Pro.
- Desplázate por secciones pequeñas. En páginas muy largas, añade más keyframes para que la página se detenga en cada parte.
FAQ
¿Cómo hago que una web se desplace en Premiere Pro?
Captura la página completa como un PNG, añade el efecto Transform y anima su Position con keyframes desde la parte superior de la imagen hasta la inferior; luego suaviza los keyframes.
¿Por qué mi scroll se ve entrecortado?
Los keyframes son lineales por defecto. Aplica Ease Out o una curva de suavizado y añade algo de desenfoque de movimiento con el ajuste Shutter Angle.
¿Necesito el efecto Transform?
Es la forma recomendada. Su Position actúa sobre la propia imagen y te da Shutter Angle para el desenfoque de movimiento.
¿Buscas recursos animados para mostrar junto a tu página? Explora nuestras plantillas de motion graphics.
