Vous vous souvenez de cette série française? Ces épisodes courts ont certainement rythmé vos fins de journées et le générique et sa musiquette sont encore dans tous les esprits. Déclic-Vidéo avait décortiqué le générique et vous avait dévoilé les secrets de fabrication (et fourni le matériel HFX pour la réalisation), Luc Cuminatto ayant quant à lui mis le tutoriel en forme.
Ce tutoriel est largement inspiré d'un tutorial trouvé sur Internet "Voyage en Première" qui explique comment réaliser cet effet avec Première (pour les curieux, c’était sous Adobe Première mais ça a disparu...).
Etape 1 : La demande
Réaliser un générique dans le style de "Un Gars Une Fille ®" : l'écran est divisé en deux par quelques lignes brisées. Une partie de l'écran est bleue, l'autre est rose. Il y a en plus un effet de "tremblement".
Voici un aperçu de ce que vous pouvez réaliser :
Etape 2 : Le principe
Lorsque l'on regarde l'effet "Un Gars Une Fille ®" en détail, on se rend compte que la vidéo est figée (les personnages ne bougent plus), il y a simplement un effet de vibration et la modification des couleurs de la vidéo dans les teintes de bleu et de rose.
La création de cet effet est réalisée en plusieurs étapes :
- Extraction de l'image sur laquelle l'effet va être appliqué (avec Studio);
- Création des images qui seront utilisées pour l'effet (avec Photoshop Elements ou Photoshop);
- Création du titre (avec Photoshop Elements);
- Insertion des images et du son dans le clip vidéo (avec Studio);
- Création de l'effet de vibration de l'image (avec Studio).
Etape 3 : Mise en pratique
- Extraction d'une image du film :
Pour extraire l'image fixe qui sera dupliquée et retraitée pour nous permettre de créer l'effet, lancez Studio.
- Insérer le clip sur lequel vous souhaitez appliquer l'effet dans la piste vidéo;
- Positionnez le curseur de lecture à l'instant où vous voulez appliquez l'effet "Un Gars Une Fille ®";
- Fractionnez le clip au niveau de cette image en utilisant le bouton
;
- Revenez d'une image en arrière afin de vous positionner sur la dernière image de la première partie du clip;
- Affichez la boite à outils vidéo afin de pouvoir extraire la dernière image de la première partie du clip
;
- Appuyez sur le bouton
;
- Saisissez l'image et enregistrez la sur votre disque avec les boutons suivants :
et 
puis
- Vous pouvez fermer Studio.
- Création des images à utiliser pour l'effet :
Je ne suis pas très fort avec le traitement des images, alors la méthodologie ci dessous valable pour Photoshop Elements n'est peut être pas la meilleure mais c'est la seule que j'ai trouvée. S'il y a une méthode plus simple et plus rapide, merci de m'en faire part en laissant un commentaire.
Il est tout a fait possible de créer les images avec d'autres logiciels de traitement d'images (vous trouverez la méthode avec "The Gimp" à l'étape 4, en fin de tutoriel - Rappel: The Gimp est un logiciel gratuit).
Avec Photoshop Elements :
- Exécutez Photoshop Elements;
- Ouvrir l'image enregistrée précédemment;
- A partir de cette image, l'objectif est de créer trois images comme celles ci-dessous. Entre les 3 lignes, les couleurs changent afin de donner l'impression de mouvement.
Pour créer ces 3 images, il faut procéder de la façon suivante :
- Dupliquez le calque deux fois de façon à obtenir 3 images via "Calque -> Dupliquer le calque". Nommez le calque Arrière plan 2. Appliquez la même manipulation une nouvelle fois et nommez le calque Arrière plan 3;
- Créez un nouveau calque nommé Lignes via "Calque -> Nouveau -> Calque". Nom : Lignes, Mode : Normal, Opacité : 100%;
- Avec l'outil Pinceau, dessinez 3 lignes blanches sur ce calque;
- Dupliquez deux fois ce calque et nommez les nouveaux calques Lignes 1 et Lignes 2.
|
Pour créer chacune des 3 images, il va falloir maintenant associer un calque "Arrière Plan" avec un calque "Lignes" pour appliquer ensuite les couleurs.
La première image est réalisée à partir des calques "Arrière Plan" et "Lignes". Pour cela sélectionnez les calques comme ci-contre.
Cliquez sur les yeux pour "éteindre" les calques qui ne sont pas nécessaires pour la première image.
|
 |
L'opération suivante consiste à colorier en bleu la droite de l'image:
- Vérifiez que le calque actif est bien le calque "Lignes" : il y a un pinceau en face de celui-ci (l'opération suivante s'en trouve nettement simplifiée);
- Utilisez l'outil Baguette Magique, en maintenant la touche shift enfoncée et sélectionnez la partie droite de l'image ainsi que les interlignes du haut : ces 3 parties doivent clignoter en pointillé;
- Activez maintenant le calque "Arrière Plan";
- Allez dans le menu "Accentuation -> Régler la couleur -> Variantes de couleur...".
Une fenêtre s'affiche. Pour colorier l'image en bleu :
- appuyez 5 fois sur "Moins de rouge"
- appuyez 5 fois sur "Plus de bleu"
Après le bleu, il faut traiter la partie gauche de l'image pour la colorier en rose:
- Revenez sur le calque "Lignes";
- Avec l'outil Baguette Magique, sélectionnez la partie gauche de l'image ainsi que les interlignes du bas;
- Activez le calque "Arrière Plan";
- Allez dans le menu "Accentuation -> Régler la couleur -> Variantes de couleur...".
Une fenêtre s'affiche. Pour colorier l'image en rose :
- appuyez 5 fois sur "Plus de rouge"
- appuyez 5 fois sur "Moins de vert"
La première image est maintenant prête. Enregistrez la sous le nom "Image 1". Utilisez le menu "Fichier -> Enregistrer sous...". Utilisez le format JPEG. A l'enregistrement, Photoshop Elements vous demande la qualité à utiliser, sélectionnez "Maximale".
Pour créer les deux autres images, le principe est le même que pour la première. Il faut
associer "Arrière Plan 2"- "Lignes 2" et "Arrière Plan 3"-"Lignes 3". Attention de bien
respecter les couleurs des interlignes.
Vous en avez terminé avec Photoshop Elements.
- Création de l'effet avec Studio:
- Ouvrez votre projet dans Studio;
- Au niveau de la coupure faite à l'étape "Extraction d'une image du film", insérer successivement chacune des images créées à l'étape précédente dans l'ordre suivant : Image 1, Image 2, Image 3, Image 2;
- Réglez la durée de chaque image sur 7 images : double-cliquez sur chaque image pour ouvrir la fenêtre de réglage et réglez la durée sur 7 images
- Réglez le zoom sur chaque image : cochez "Panoramique et zoom", cochez "Animez du début à la fin", choisissez l'option "Définir le début". Réglez le zoom à votre convenance : dans mon exemple j'ai fait avancer le curseur 10 fois.
- Sélectionnez la série de 4 images afin de la dupliquer 2 fois puis ajouter encore une fois l'image 1 et l'image 2 de façon à avoir au final 14 images.
- Sur la piste son, insérez une musique de fond qui va bien alignée sur la première image
- Création et insertion du titre :
La police la plus approchante du titre réel que j'ai pu trouver est Adler. J'ai essayé de la modifier pour la rendre encore plus approchante mais j'ai rapidement renoncé face à mon incompétence sur le sujet. Si l'un d'entre vous a le courage de se lancer... Vous pouvez télécharger la police Adler sur le site 1001 fonts : https://www.1001fonts.com/search.html?query=adler (Fichier Adler.zip disponible également dans la section "Fichier(s) associé(s)" située au bas de ce tutoriel, en cas de problème du serveur 1001fonts)
Ouvrez Photoshop Elements pour créer une image de taille 720x576 avec un fond noir.
| Le titre ressemble à peu près à ceci : |
 |
Ouvrez Studio :
- Insérez l'image sur la piste de superposition au niveau de votre suite d'images "bleues et roses";
- Modifiez la durée d'affichage de l'image pour environ 3 secondes ;
- Réglez le zoom de l'image afin de réduire à votre convenance la taille du titre ;
|
 |
| Au début de l'image, insérez la transition STB-Décollage pour faire apparaître l'image du titre de façon un peu originale ; |
 |
Pour finaliser l'effet sur le titre, il convient d'ajouter un petit effet de tremblement à celui-ci. Je vous propose d'utiliser un plugin gratuit disponible sur WLFilter (merci à Clopin du forum Pinnacle pour cette piste).
- Télécharger WLFilter101.zip disponible sur le site WLFilter (il contient 14 effets dont Vibration 2.0)
- Fermer Studio et extraire le contenu du fichier ZIP qui créera un dossier WLFilter. Copiez tout ce dossier WLFilter(inclus dans le fichier ZIP) dans le dossier RTFx de votre Studio (10, 11 ou 12).
Après cette copie, votre arborescence devrait ressember à ceci :
C:\Program Files\Pinnacle\Studio X\Plugins\RTFx\WLFilter
Studio recherchera le dossier complet et affichera la catégorie WLFilter.
- Ouvrez Studio et sélectionnez le titre;
- Cliquez sur pour afficher la boite à outils vidéo puis sur
pour ajouter un effet à la vidéo, puis sur 
- Dans la fenêtre qui s'affiche choisissez WLFilter et l'effet Vibration (2.0) et validez avec "OK" ;
- Il vous reste à personnaliser les réglages de l'effet vibration. De mon coté, j'ai utilisé les réglages suivants:
- Ce n'est pas parfait mais l'intention y est.
C'est terminé, il ne vous reste plus qu'à lancer le rendu pour profiter de votre effet. Bon courage.
Etape 4 : Avec "The Gimp" (Etape facultative)
- Exécutez The Gimp
- Ouvrir l'image enregistrée précédemment;
- A partir de cette image, l'objectif est de créer trois images comme celles ci-dessous.
(Entre les 3 lignes, les couleurs changent afin de donner l'impression de mouvement)
Pour créer ces 3 images, il faut procéder de la façon suivante :
- Dupliquez le calque deux fois de façon à obtenir 3 images via "Calque -> Dupliquer calque". Nommez le calque Arrière plan 2. Appliquez la même manipulation une nouvelle fois et nommez le calque Arrière plan 3. Si vous n'avez pas la boite de dialogue "Calques", vous pouvez l'afficher avec la combinaison de touches"Ctrl+L".
Pour renommer un calque, sélectionnez le, avec le bouton droit de la souris, choisissez
la commande "Editer les attributs du calque";
- Créez un nouveau calque nommé Lignes via "Calque -> Nouveau". Nom : Lignes, Type de remplissage de calque : Transparent ;
- Avez l'outil Pinceau, dessinez 3 lignes blanches sur ce calque;
- Dupliquez deux fois ce calque et nommez les nouveaux calques Lignes 1 et Lignes 2.
Pour créer chacune des 3 images, il va falloir maintenant associer un calque "Arrière Plan" avec un calque "Lignes" pour appliquer ensuite les couleurs.
|
La première image est réalisée à partir des calques "Arrière Plan" et "Lignes". Pour cela sélectionnez les calques comme ci-contre.
Cliquez sur les yeux pour "éteindre" les calques qui ne sont pas nécessaires pour la première image.
|
 |
L'opération suivante consiste à colorier en bleu la droite de l'image:
- Vérifiez que le calque actif est bien le calque "Lignes" : il est surligné en bleu (l'opération suivante s'en trouve nettement simplifiée);
- Utilisez l'outil Baguette Magique, en maintenant la touche shift enfoncée et sélectionnez la partie droite de l'image ainsi que les interlignes du haut : ces 3 parties doivent clignoter en pointillé;
- Activez maintenant le calque "Arrière Plan";
- Allez dans le menu "Outils -> Outils de couleur -> Balance des couleurs...". Une fenêtre s'affiche. Pour colorier l'image en bleu : pour chacun "des intervalles à modifier" modifiez les couleurs comme ci-dessous:
Après le bleu, il faut traiter la partie gauche de l'image pour la colorier en rose :
- Revenez sur le calque "Lignes";
- Avec l'outil Baguette Magique, sélectionnez la partie gauche de l'image ainsi que les interlignes du bas;
- Activez le calque "Arrière Plan"
- Allez dans le menu "Outils -> Outils de couleur -> Balance des couleurs...". Une fenêtre s'affiche. Pour colorier l'image en bleu : pour chacun "des intervalles à modifier" modifiez les couleurs comme ci-dessous:
La première image est maintenant prête. Enregistrez la sous le nom "Image 1". Utilisez le menu "Fichier -> Enregistrer sous...".
- Utilisez le format JPEG :
- Dans la boite de dialogue suivante choisissez "Exporter";
- Dans la nouvelle boite de dialogue, réglez la qualité de l'image sur 1 (qualité maximale).
Pour créer les deux autres images, le principe est le même que pour la première. Il faut associer "Arrière Plan 2"- "Lignes 2" et "Arrière Plan 3"-"Lignes 3". Attention de bien respecter les couleurs des interlignes.
Vous en avez terminé avec The Gimp vous pouvez reprendre le fil du Tutoriel.