import { AbsoluteFill, Img, useCurrentFrame, interpolate, Easing } from 'remotion'; import { montserratFontFamily, dancingScriptFontFamily } from './fonts'; const config = { images: { left: 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/6rNv7mtP_x-faIIVtJGnkyF5PJyVipPMmmjkBRN46.png', right: 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/xHNJ3spGFE-nfp2aRIacTaINi4KOCFROepdOtT5mI.png', }, textures: { grunge: 'https://tgrn1v6iwvgijzza.public.blob.vercel-storage.com/gi/pWLVcAMhG_-IbBaajDAx2m9miPiJXDy9e5Hi9pdxw.jpeg', }, colors: { background: '#EAE7DC', text: '#FFFFFF', buttonBackground: '#E07A5F', }, }; const AnimatedText = ({ children, fontFamily, fontSize, delay, style }) => { const frame = useCurrentFrame(); const opacity = interpolate(frame, [delay, delay + 15], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const scale = interpolate(frame, [delay, delay + 15], [0.9, 1], { easing: Easing.out(Easing.back()), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

{children}

); }; const AnimatedImage = ({ src, from, side }) => { const frame = useCurrentFrame(); const translateX = interpolate( frame, [from, from + 20], [side === 'left' ? -800 : 800, 0], { easing: Easing.out(Easing.ease), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', } ); const opacity = interpolate(frame, [from, from + 10], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

); }; const GrungeOverlay = ({ texture, rotation, startX, startY }) => { const frame = useCurrentFrame(); const translateX = interpolate(frame, [0, 20], [startX, 0], { easing: Easing.out(Easing.quad), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); const translateY = interpolate(frame, [0, 20], [startY, 0], { easing: Easing.out(Easing.quad), extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return (

); }; export function ReerollVideo() { const frame = useCurrentFrame(); const buttonOpacity = interpolate(frame, [25, 40], [0, 1], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', }); return ( DENIM DAYS Fresh Collection

DISCOVER

); }

Clone Fashion Promo Video with Static Images

More like this

Clone Fashion Promo Video with Static Images

Cyber Monday Sale Ad Video

15% Off Promotion Video

High-Fashion Coming Soon Promo Video

What's in My Bag Video Reveal

New Style Product Promo Video

New Arrival Video

Winter Collection Promo Video

Social Media Ad Video

Fashion Promo Video with Dynamic Slide Animations

Recreate Denim Fashion Promo Video

Luxury Jewelry Sale Ad

Fashion Collection Promo Video with Carousel

Fashion Promo

Animated Clothing

Fashion Collection Promo Video

Clone Fashion Promo Video with Static Images

Cyber Monday Sale Ad Video

15% Off Promotion Video

High-Fashion Coming Soon Promo Video

What's in My Bag Video Reveal

New Style Product Promo Video

New Arrival Video

Winter Collection Promo Video

Social Media Ad Video

Fashion Promo Video with Dynamic Slide Animations

Recreate Denim Fashion Promo Video

Luxury Jewelry Sale Ad

Fashion Collection Promo Video with Carousel

Fashion Promo

Animated Clothing

Fashion Collection Promo Video