Montage vidéo et Motion design
De la conception au rendu final
- Storyboard
- Montage
- animation
- production
Projet réel
Exercices de formation
Vidéo promotionnelle : My Cuty Hijab
- Canva
- After Effects
- Motion design
- Production vidéo
- Projet réel
Contexte
Dans le cadre du projet My Cuty Hijab, j’ai conçu et produit une vidéo promotionnelle de 1min12 destinée à présenter la marque, ses valeurs et sa collection. La vidéo a été pensée pour être sur les réseaux sociaux Instagram et TikTok dans le cadre de la stratégie de contenu définie pour la marque
Storyboard
Avant de commencer le montage, j’ai structuré la vidéo en 6 scènes avec pour chaque scène une description du contenu, la durée et les effets sonores associés
Scène
Scène 1
Scène 2
Scène 3
Scène 4
Scène 5
Scène 6
Description
Animation du logo My Cuty Hijab
Recherche, commande et livraison
Essayage du hijab + mode
un hijab pour chaque occasion
Le hijab pour tous, mise en avant de différentes femmes
Appel à l’action, rejoindre la communauté
Durée
7 sec
12 sec
12 sec
13 sec
6 sec
6 sec
Production
Le logo a été animé sur After Effects avant d’être intégré au montage final réalisé sur Canva. La musique choisie reflète l’univers mode et élégant de la marque
Résultat
Clip vidéo Believer
- Premiere Pro
- Montage narratif
- Effets Vidéo
- Formation
Exercice réalisé dans le cadre de ma formation Concepteur Designer UI, rushes et audio fournis par le formateur.
Contexte
L’objectif de cet exercice était de réaliser le montage d’un clip vidéo à partir de rushes bruts fournis, en construisant une narration cohérente synchronisée sur la piste audio de « Believer » d’Imagine Dragons
Démarche narrative
Avant de commencer le montage, j’ai écrit un storyboards pour définir l’histoire à raconter. Le clip suit le parcours de Jordan, un jeune homme qui cherche à se libérer de l’emprise de son père, qui est un boxeur professionnel. La narration alterne entre son enfance, son entraînement et le combat final avec son père, symbolisant sa conquête de liberté
Techniques utilisées
Fondu enchaîné
Transition douce entre deux scène pour indiquer le passage du temps sans rupture brutale
Fondu au noir
Utilisé pour marquer les moments dramatiques et les fins de séquences intenses.
Fuite de lumière VR
Effet utilisé pour les moments de rêve et de transition entre passé et présent.
Fondu additif
Superposition lumineuse des clips pour renforcer l’intensité émotionnelle des scènes de combat.
Fondu du film
Transition cinématographique pour créer une atmosphère dramatique entre les scènes clés.
Zoom avant-arrière
Dynamisme visuel ajouté sur certaines séquences pour accentuer l’émotion.
Organisation du projet
L’organisation des médias en chutiers dédiés :
- Audio
- Footage
- Images
a permis de gérer efficacement l’ensemble des clips et d’éviter toute perte de lien entre les fichiers
Captures du projet
Capture 1 : La timeline avec les fondus sur V1 et V2
- Timeline Premiere Pro
- Organisation des clips et effets de transition
Capture 2 : L’espace de travail complet
- Espace de travail Premiere Pro
- Ecran source
- Chutier
- Programme et panneau effets
Résultat
Maquette et Animation Dec Home
- Figma
- After Effects
- UX/UI
- Motion design
- Brief client
- Exercice de formation
Exercice réalisé dans le cadre de ma formation Concepteur Designer UI, logo, codes couleurs, photos et vidéos fournis par le formateur.
Brief
Dec’Home, spécialisée dans l’architecture et la décoration d’intérieure, avait besoin de deux livrables : une maquette de site internet responsive et une vidéo promotionnelle présentant ses services.
Contraintes techniques en 2 blocs
Maquette site
- Desktop 1400px
- Tablette 768px
- Mobile moins de 576px ·
- Menu : Accueil / Services / Réalisations / Conseils et Astuces / Contact
- Bouton « Démarrer mon projet »
Animation vidéo
- Durée max 1 min
- Format 1920x1080px
- Logo animé en intro
- Coordonnées et réseaux sociaux
- Musique libre de droit Export MP4 H.264
Maquette Figma
La maquette a été conçue en 2 versions, desktop, tablette en respectant le zoning fourni pour le desktop et en proposant une adaptation centrée utilisateur pour les versions responsive.
Ce qu'on voit dans la vidéo
La vidéo de 44 secondes s’ouvre sur une animation du logo Dec’Home, suivie d’une séquence dessinée à la main montrant la création d’un espace intérieur. Elle présente ensuite les services clés, visite 360° du futur intérieur, plan 3D d’aménagement,avant de conclure sur les coordonnées, les horaires d’ouverture et le compte Instagram de l’entreprise.