CRÉER DES ANIMATIONS
 
 
Mur vidéo : texturestyleanimationmodificationsagencement I

Avant-propos

Ce tutoriel est une réponse à vos demandes : vous m'avez demandé comment et avec quoi j'ai effectué le montage de la vidéo ci-dessous. ProDAD Heroglyph V4 est l'outil qui a servi au montage


  gif anime puces 284PRÉPARATION DU PROJET

Ce projet comprend :
arrière plan animé (template) : 30s
mur vidéo : 30s
4 titres : 8s chaque titre

Avant de commencer son projet, il est important de créer un dossier spécifique  contenant tous les éléments nécessaires à la construction du projet : vidéos, photos ... Pour le mur vidéo nous devrons disposer de 12 vidéos de 30s

Attention, Héroglyph n'importe pas dans un mur vidéo les formats mpeg2, mpeg4, et autres formats HD. Vous devez au préalable convertir dans un conteneur AVI en conservant le ratio du fichier original, par exemple 1280*720, et avec un codec compatible, par exemple Microsoft vidéo

ponctuation-icone-033 Enregistrez régulièrement le projet sans attendre la fin, cela vous évitera d'avoir tout à recommencer en cas d'erreur.

 gif anime puces 284  PARAMÉTRAGES DU PROJET

● cas 1 :  vous souhaitez adopter un format vidéo différent de celui qui est enregistré

01

Cliquez sur Format vidéo : une fenêtre s'ouvre

02

  1. Déterminez un format
  2. Validez en cliquant sur le bouton bouton créer

● cas 2 : vous voulez conserver le format déjà enregistré, ouvrez l'Assistant de démarrage rapide


  gif anime puces 284ARRIÈRE-PLAN ANIMÉ

05

  1. Choisissez une catégorie de templates
  2. Sélectionnez un modèle
  3. cliquez sur le bouton bouton créer

06

  1. texte du titre 1 (ici : montage)
  2. option taille des caractères
  3. option couleur des caractères
  4. option couleur
  5. option effet d'entrée
  6. option effet de sortie
  7. durée de l'effet d'entrée
  8. durée de l'effet de sortie
  9. durée du template (ici : 30s)
  10. validez en cliquant sur le bouton bouton insérer

À ce stade des opérations, voyons en détails l'interface  :

● timeline

 Dans Heroglyph version française : timeline

03

Présentation des objets ligne de temps :
objet ligne de temps est créé en faisant un clic droit sur une piste, option Nouveau > Nouvel objet ligne de temps
objet ligne de temps est un objet sélectionné par un clic gauche
objet ligne de temps est obtenu par un clic droit sur l'objet
objets ligne de temps sont les autres objets dans la timeline
 
Dans l'exemple que nous venons de réaliser, l'objet texte a adopté automatiquement la durée des autres objets ligne de temps qui composent le template, or dans ce projet le texte doit avoir une durée de 8s. Il faut donc réduire cette durée.

03-2

Clic droit de la souris maintenu enfoncé à la fin de l'objet texte, faites glisser vers la gauche pour réduire à 8 s.

Déplacez l'objet texte au point 1s de la ligne de temps.

03-3

● repères d'un objet

En cliquant dans la timeline sur un objet ligne de temps, des symboles apparaissent au dessus de l'écran de prévisualisation.

10

  1. indique le temps où se situe le curseur de lecture
  2. sélectionne un élément composant l'objet ligne de temps (ici dans l'objet deco : roue dentée gauche)
  3. sélectionne l'élément composant l'objet ligne de temps (ici dans l'objet texte : montage)
  4. nom ou numéro de création de l'objet ligne de temps

● onglet Couches

08

La chronologie des vignettes suit la chronologie des objets ligne de temps sur les pistes de la timeline,c'est à dire les couches successives.

● onglet Storyboard

La chronologie des vignettes suit la chronologie des objets ligne de temps sur la ligne de temps, c'est à dire la succession des objets dans le temps.

● visionnage d'une vignette

En pointant la souris sur une vignette un écran de prévisualisation s'ouvre et permet de visualiser l'objet concerné

09

 

 

 

 gif anime puces 284MUR VIDÉO

apply f2 Texture

11

Ouvrez le menu menu insérer, cliquez sur le menu bouton mur, une fenêtre s'ouvre.

12

  1. choisissez une catégorie
  2. ouvrez un modèle
  3. avec la souris composez le nombre de vignettes dont vous avez besoin pour la réalisation du mur (ici :4x3)
  4. cliquez sur le bouton bouton suivant une nouvelle fenêtre s'ouvre

13

  1. déterminez un type d'affichage
  2. sélectionnez une vignette
  3. cliquez sur le bouton bouton ajouter et ouvrez un fichier vidéo dans le dossier spécialement créé pour le projet . Répétez les opérations 2 et 3 pour remplir l'ensemble des vignettes

 

 

apply f2 Style

Le mur vidéo construit, vous pouvez modifier son apparence. Dans l'Assistant cliquez sur l'onglet onglet 
style

15

 

apply f2Animation

Cliquez sur l'onglet onglet animation

16

Cochez Effet continu ou Fondu avant et arrière puis choisissez l'effet qui vous convient, plusieurs catégories d'animation sont proposées

34

Le bouton bouton retour vous permet de naviguer à l'intérieur de l'Assistant pour modifier éventuellement un choix.

En cliquant sur le bouton bouton insérer vous validez les opérations et l'objet Mur vidéo se place dans la timeline piste 1 à la suite de l'objet ligne de temps figurant sur cette piste

apply f2  Modifications après insertion

Vous pouvez modifier le style et l'animation après l'insertion

● modification du style

Sélectionnez l' objet Mur vidéo dans la timeline et cliquez sur l'onglet onglet option 
images, le bouton bouton style apparait, cliquez dessus

14

● modification de l'animation

L'objet Mur vidéo sélectionné, cliquez sur l'onglet onglet 
animation et choisissez un nouvel effet (continu, entrée ou sortie)

17

     apply f2 Agencement

L'objet Mur vidéo importé dans la timeline est placé automatiquement piste 1. Nous voulons l'intercaler piste 2 entre l'objet texte et l'objet deco (actuellement piste 2). Pour déplacer les objets d'une piste à une autre, nous disposons d'outils : clic droit sur l'objet > option mouvement.

18

haut place l'objet en piste supérieure (piste 1)
bas place l'objet en dernière piste du projet
monter fait monter l'objet sélectionné au dessus de l'objet placé dessus l'objet sélectionné
descendre fait descendre l'objet sélectionné en dessous de l'objet placé sous l'objet sélectionné

Dans l'image ci-dessus, il n'y a pas d'objet sous l'objet mur vidéo. L'action descendre placera donc en piste 2 à côté de l'objet deco. Pour pourvoir intercaler, déplaçons  l'objet texte vers l'objet mur vidéo

19

Appliquons maintenant l'action descendre (clic droit > mouvement > descendre) L'objet mur vidéo s'est positionné sous l'objet deco sans modifier son point de départ.

20

Ramenons l'objet mur vidéo au point de départ (0 s)

21

Avec l'action monter, l'objet mur vidéo va s'intercaler entre objet texte et objet deco, comme nous l'avons souhaité

22

 gif anime puces 284TITRES ANIMÉS
Nous entamons la dernière partie de ce tutoriel. Nous allons insérer 3 nouveaux titres sur les pistes 1 et 3 en adoptant diverses méthodes.

Création titre 2

● nouvel objet ligne de temps

Piste 1, placez la souris à 21s et faites un clic droit

23

Cliquez sur Nouveau > Nouvel objet ligne de temps

Un nouvel objet ligne de temps vient de se créer. Placez le repère repère fin à 29 s (ou le curseur de lecture) et clic droit maintenu enfoncé, rallongez l'objet ligne de temps jusqu'à ce repère, ainsi, il aura une durée de 8 s. L'inconvénient de cette méthode est le manque de précision.

24

● création du titre

Dans le menu menu démarrer, cliquez sur le bouton bouton texte

26Tapez le texte ( ici : Trucs et astuces) et utilisez les divers outils du menu pour les choix  : police, taille, couleur ...

La fleche indique le bouton des options avancées

Le menu menu conception vous propose de nombreuses options :

27

28

● animation du titre

Ouvrez le menu menu 
animation pour ajouter des effets au titre

29

Choisissez l'effet (ou les effets si entrée et sortie) selon votre convenance

apply f2Création titre 3

Ajoutons maintenant un titre pour le placer piste 3. Auparavant, descendons l'objet ligne de temps (ici : deco) sur la piste 4 qui est libre : clic droit > mouvement > descendre

Positionnez la souris au point 1 s piste 3 et créer un nouvel objet ligne de temps (clic droit > Nouveau > Nouvel objet ligne de temps)

30

Nous avons vu une méthode pour positionner et fixer la durée de l'objet ligne de temps. Voici une autre méthode

31

Dans le menu menu animation il suffit d'indiquer  dans la partie Synchronisation
Démarrer : 1,00 s
Durée : 8,00 s

On constate que les objets texte piste 1 et piste 3 se superposent. L'objet texte piste 1 démarre à 1s au lieu de 7s. En modifiant le paramétrage dans Démarrer (7,00): l'objet texte se déplace automatiquement dans la mesure où l'espace sur la piste le permet

32

Revenons au titre 3 : objet texte piste 3 et composons le texte (ici : tournage). Vous connaissez maintenant les méthodes pour créer le texte et l'animer

Création titre 4

Créez un nouvel objet texte (ici : tutoriels) à la position 13,00s et suivez les procédures des titres 2 et 3.

Bien entendu les paramètres indiqués tout au long de ce tutoriel correspondent à ce projet. À vous de les adapter selon votre projet


 gif anime puces 284EXPORTATION

22

 Dans le menu Fichier, choisissez Enregistrez sous > Exporter l'animation

23

  1. Déterminez la fréquence d'images (25 ou 29,97 i/s)
  2. Optez pour la haute qualité
  3. Choisissez un codec disponible sur votre ordinateur et compatible
  4. Optez pour une qualité maximale
  5. Indiquez le chemin de destination de l'exportation
  6. Lancez l'exportation

 

 

gif anime puces 284VUE D'ENSEMBLE des objets lignes de temps

33

  1. titre 1
  2. titre 2
  3. mur vidéo
  4. titre 3
  5. titre 4
  6. élément du template
  7. élément du template
  8. élément du template

  gif anime puces 284BONUS

Vous avez fait preuve d'une grande patience à suivre pas à pas ce tutoriel, cela mérite récompense. Pour le même prix, voici en prime une autre animation avec suivi de trajet (sans rapport avec le projet ci-dessus)


Ouvrez un nouveau projet

● création du titre

Dans le menu menu démarrer cliquez sur le bouton bouton texte

36

Définissez la police, la taille, la couleur et tapez le texte

37

● création d'un fond d'écran

Passez au menu bouton insérer et cliquez sur le bouton bouton image

38

Insérez une image39

L'objet image s'est placé automatiquement piste 1, à côté de l'objet texte. Placez-le piste 2 sous l'objet texte

40

● création d'un tracé

Revenez à l'objet texte piste 1

Menu menu 
démarrer cliquez sur le bouton bouton chemin

42Déplacez le titre, de sorte que le point clignotant soit situé au point de départ du tracé que vous allez réaliser.

43À l'aide de la souris (clic gauche maintenu enfoncé) dessinez un tracé en suivant un itinéraire, par exemple un chemin.

44

● animation du titre

Dans le menu menu animation choisissez la catégorie Route

45

Sélectionnez l'effet qui convient au suivi de tracé

46

● paramétrages

La durée d'animation correspond au temps de l'objet texte que nous avons créé arbitrairement. Définissons lui une durée de 10s

47

Il reste pour terminer à ajuster l'objet image avec la souris, clic gauche maintenu enfoncé sur la fin de l'objet

Amusez-vous bien avec Heroglyph

bouton retour

top

 

 

 

 

 

 

 

MENTIONS LÉGALES

Informations générales

DROITS RÉSERVÉS

GYPSE VIDEO 2024