Tutoriaux pour AVID Studio, Pinnacle, HFX, proDAD    .

Trucs et Astuces, Tutoriaux AVID Studio, Pinnacle Studio, HFX, proDAD et Boris FX

Réduire
Les 25 Derniers Tutos

DV FX - Flux RSS Souscrire à la mise à jour des articles par email - Tous les tutos - Recherche - Tutoriaux par Catégorie / Auteur / Mois

Incorporer dans une photo fixe une vidéo qui se fond dans le décor

Incorporer dans une photo fixe une vidéo qui se fond dans le décor Par Le Papy - Dernière mise à jour le mardi 6 octobre 2009
7316 Visites :: 15 Commentaires :: Article Rating (Nombre de votes: 15)
Catégorie: Trucs & Astuces, Tutoriaux Pinnacle Studio / Edition  -  Tutos récents
Publié le mardi 3 mars 2009
Créé le mercredi 26 novembre 2008 11:57
 

Il y a quelques années, Tiwa -qui avait fourni plusieurs tutoriels à l'époque- avait la problématique suivante: il disposait d'une séquence d'une manifestation folklorique qui avait été prise dans le restaurant d'un hôtel. Les danseurs et la musique lui plaisaient bien, mais le décor laissait à désirer... Alors Studio 9 Plus et sa piste de superposition sont arrivés. Tout devenait possible dorénavant et l'inspiration du moment l'avait poussé à créer ce tutoriel, que l'on pourrait appeler: "La transparence selon Tiwa". Bien entendu, ce tutoriel est toujours d'actualité avec Pinnacle Studio 10, 11, 12, ...

Etape 1 : Le décor

Cela se passe en Martinique, l'île aux fleurs. Alors, pourquoi ne pas voir les danseurs à travers des fleurs, des couchers de soleil ... Mais on ne veut pas d'un masque du genre tout ou rien (transparent ou opaque). On veut que les danseurs se "fondent" littéralement dans le décor. Il nous faut donc un masque avec une transparence variable.

C'est ce que nous allons faire. Nous allons apprendre à :

  • Créer un masque de transparence variable sur une image;
  • Enregistrer cette image et son masque sur disque (en utilisant le format tga qui est utilisé par Studio);
  • Utiliser ces images dans Studio.
Etape 2 : Exemple de vidéo obtenue

Imh0t3p, du forum Le Repaire, nous fournit un exemple en image de ce que l'on peut réaliser à l'aide de ce tutoriel.

Vidéo de démonstration

Etape 3 : La méthode
  1. Choisir les décors

Sélectionner et recadrer éventuellement la ou les photos qui vont servir de décor. Elles doivent être choisies en fonction de ce qu'il y aura à laisser apercevoir en dessous. Pour moi, les éléments intéressant sont légèrement décalés à droite.

Le choix de la photo

Une des photos choisies

Contrairement à ce que l'on pourrait penser, le choix de la photo est l'étape la plus difficile (le reste n'est que de la technique après tout!).

  1. Préparer un masque

J'utilise ici Photoshop, mais tout logiciel pouvant manipuler les calques et les images tga convient.

Le masque qu'il faut réaliser

Le masque qu'il faut réaliser

La méthode est la suivante :

    1. Créez une nouvelle image blanche de la taille exacte de votre photo.
    2. Paramétrez la "matière" pour obtenir un gradient circulaire centré à l'endroit désiré et s'étalant suffisamment (mais pas trop).

Le paramétrage du gradient

Le paramétrage du gradient

  • Dans la palette sélectionnez le gradient;
  • Cliquez sur la zone de prévisualisation pour ouvrir la boite de dialogue;
  • Sélectionnez "black-white" (Très important un masque ne doit avoir que des niveaux de gris!);
  • Adaptez les paramètres en cliquant sur édit et en jouant sur les taquets.

Au final, peu importe la forme, la position, etc..., ce qui compte c'est que les parties qui devront être transparentes soient noires. En fait le niveau de gris donnera le pourcentage de transparence :

- Blanc : On verra l'image;

- Noir, on verra le Film;

- Gris, on verra un peu des deux.

    1. Sélectionnez l'outil "Flood Fill" (le seau de peinture) et cliquez sur l'image blanche pour obtenir le résultat montré plus haut.
  1. Importer le masque dans l'image

Sélectionnez l'image, puis faites Layers => New Mask Layer => From image.

Mise en place du masque dans l'image

Mise en place du masque dans l'image

Dans la boite déroulante sélectionnez le nom de l'image du masque (ici "image3" car je ne l'ai pas enregistrée). Cochez source luminance et OK.

Masque de "Luminance"

Masque de "Luminance"

Votre image fait maintenant apparaître la partie plus ou moins transparente correspondant au masque.

L'image avec son masque

L'image avec son masque

  1. Enregistrez l'image en tga

Pour cela, sauver le masque dans la couche alpha : Layer => Load Save Mask => Save to alpha Channel.

Copie du masque dans la couche alpha

Copie du masque dans la couche Alpha.

Faire "Save" à la boîte de dialogue.
Il ne reste plus qu'à faire un "enregistrer sous" au format "TrueVision (tga)".

Pour information, vous pouvez également lire les tutoriels de saby "Créer des zones de transparence dans une image avec Gimp" ou "Gimp et les calques"qui vous donneront les bases nécessaires à réaliser toutes ces opérations avec Gimp qui est gratuit.

Etape 4 : Utilisation dans Studio

Mettre la ou les images sur la piste de titre. Pour cela, double clic sur la piste TITRE puis ARRIÈRE PLAN et sélectionner la photo (avec Studio 9 PLUS, il est nécessaire d'insérer du texte pour que l'image soit considérée comme un titre et que la transparence soit activée. Dans ce cas, vous insérez un espace tout simplement, ou un caractère sans aucune couleur, transparent). Ensuite, créer les transitions (film et titres) ... Du classique quoi!

Le projet dans Studio

Le projet.

Et voici quelques exemples de ce que vous pouvez obtenir :

Exemple1

Exemple 2

Exemple 3

Par expérience, le réglage du dégradé de gris du masque est très délicat à régler pour obtenir l'effet désiré. N'hésitez pas à recommencer si nécessaire.

Suggestions

- Bébé dans un chou ou une rose
- Un rêve dans une bulle de savon
- Une scène de planche à voile dans un aquarium
- ...

Donner une note au tuto
Partager/sauvegarder cet article




Bookmark and Share
Commentaires
barabanbleu Par # barabanbleu @ mardi 3 mars 2009 17:54
superbe! merci de ce tuto qui est bien plus qu'une simple astuce.Maintenant, "y-plu-ka!!!"

Mamounette Par # Mamounette @ lundi 9 mars 2009 12:20
Alors là, super Le Papy, ce tuto m'intéresse énormément d'autant que tu utilises Photoshop que je maîtrise mal. En suivant chaque capture d'écran et tes explications ... il n'y a plus qu'à faire l'essai et faire aussi bien. Merci

Mamounette Par # Mamounette @ lundi 9 mars 2009 12:24
J'ai omis de préciser : merci aussi à Tiwa qui était à l'origine de la transparence et au clip de imhot3p du forum Le Repaire très bien réalisé.

Le Papy Par # Le Papy @ lundi 9 mars 2009 22:06
Bonsoir à tous,
Attention Mamounette, ne t'emballe pas, il faut un logiciel qui gère la transparence en format TGA. Or je crois que tu n'as que Photoshop Elément et il ne gère pas la transparence en TGA. Il faut Photoshop Pro ou bien un logiciel gratuit . Mais il va y avoir une suite à nos tutoriels avec justement l'utilisation de ce logiciel gratuit.
Cordialement

barabanbleu Par # barabanbleu @ lundi 9 mars 2009 22:27
A, ça c'est une bonne nouvelle, Le Papy, des tuto photos...ça manque cruellement à ma culture aussi! The gimp est tres compliqué, (en gratuit, j'utilise paint-net) alors, des tutos seront les bienvenus!!!!Merci d'avance

DEHIERE Par # DEHIERE @ lundi 30 mars 2009 14:42
Bonjour à tous,
J'essaie en vain le truc et astuce : incorporer dans une photo fixe une vidéo qui se fond dans le décor. J'ai photoshop 7, et je n'arrive pas à me repérer avec les explications de Papy, les images et explications n'ont rien à voir avec photoshop, je suis perdue entre masque, image, filtre etc... Pourrais je avoir des explications plus explicites.
Je suis pas une pro, mais par contre je suis persévérante.
Merci d'avance
crispie

saby Par # saby @ lundi 30 mars 2009 15:10
Salut DEHIERE,

Patience, d'ici peu une autre méthode pour créer le masque semi-transparent, mais utilisant un logiciel gratuit, devrait voir le jour sous la forme d'un nouveau tuto.

N'hésite pas à scruter les news, ou mieux, à t'inscrire à la newsletter si ce n'est pas déjà fait.

GG Par # GG @ mercredi 1 avril 2009 06:48
Salut DEHIERE ,

Effectivement, c'est difficile d'expliquer dans un simple commentaire la notion de masque. Si tu débutes il faut faire tres simple pour commencer, je te propose la méthode suivante
1- tu ouvres ta photo avec Photoshop
2- tu fait une sélection (genre rectangle) pour sélectionner la partie (ou toute la photo) qui t'intéresse
3- tu fais un copier
4- Tu ouvres un nouveau document photoshop vierge et tu colles ta sélection dedans. Le nouveau document vierge aura comme spécificité "Fond transparent" (tu vois un espèce de damier aux endroits transparents). Ce paramètre se précise des la création (fond transparent coché).
5- tu effaces les parties de la photo avec la gomme ( tu sélectionnes un motif rond avec des bords flous et une taille assez grosse pour gommer avec un effet progressif). Le fond damier apparait aux endroits gommés
6- tu enregistres en format png (qui conserve la transparence avec Photoshop)
7- tu importes ta photo sur la 2nde ligne de montage Studio et tu verras qu'elle laisse d'elle même apparaitre la vidéo du plan principal aux endroits gommés.


Pour la petite histoire, un masque de carnaval a des trous pour les yeux. Et bien dans les outils graphiques le masque est une image noir/blanc et le noir, correspond aux "trous". Le noir efface l'image pour laisser de la transparence (le gris est possible et laisse dans ce cas une opacité partielle). La façon de "mettre le masque" dépend de l'outil utilisé. On va attendre le tuto de Saby !

a+
gg

flo Par # flo @ mercredi 20 janvier 2010 22:30
Bonjour à tous !

Alors voilà je suis en train de faire une vidéo et ce que je voudrais c'est créer sur ce principe une image au travers de laquelle on voit la vidéo.

Comme DEHIERE je n'ai pas du tout su faire la partie avec photoshop vu que CS3 que j'ai, ne ressemble pas du tout aux captures du tuto.

J'ai donc fait la méthode de gg.

Tout a bien marché j'ai exactement tout fait, enregistrement en .png et tout et tout, mais au final lorsque j'installe l'image sur le banc on ne voit pas la vidéo, c'est l'image qui apparait, et même il y a deux points blancs qui apparaissent dans la zone qui devrait laisser passer la vidéo ...

Je ne comprends pas pourtant j'ai tout bien fait comme c'est écrit.

Merci beaucoup pour tous ces tutos intéressants
et désolé s'il y en a eu un nouveau de créé pour les logiciels gratuits comme c'est mentionné dans certains messages, mais bon j'ai déjà photoshop et puis ça me permettra de comprendre ce qui ne va pas, c'est comme ça qu'on apprend ;-)

à bientôt,
flo

flo Par # flo @ vendredi 22 janvier 2010 21:44
Re-bonjour !

Tout d'abord merci à Le Papy de m'avoir proposé son aide.

Ensuite, en réappliquant bien la méthode de gg, je suis parvenu au bon résultat, dans mon empressement j'avais oublié l'étape fondamentale qui consiste à créer un nouveau calque sur lequel on colle l'image ...
Oui une erreur assez bête je le reconnais, mais je n'ais pas encore une bonne maîtrise de photoshop.

Ce tutoriel va me permettre de faire beaucoup de choses maintenant parce que dans mon cas il s'agissait d'afficher en même temps deux vidéos en même temps et de leur donner un contour plus joli, ainsi qu'un fond de couleur beaucoup plus agréable que les rectangles sur fond noir que propose l'incrustation 2D de Studio.

Je suis ravi du résultat et vous remercie pour ce tuto qui va ouvrir pas mal de possibilités de créations.

à bientot, flo

Déclic Vidéo FX Par # Déclic Vidéo FX @ dimanche 24 janvier 2010 06:17
Salut Flo,

Ravi que tu aies pu solutionner ton problème. N'hésite pas à nous montrer ta création (YouTube ou autre), nous serons ravi ! En plus, les deux vidéos simultanées avec contour flou doit donner un superbe résultat suivant les vidéos que tu nous montres (les iles, les cocotiers, ....).
;-)

DV FX

Snoox Par # Snoox @ dimanche 3 avril 2011 01:24
Salut à tous,
je date je sait : Je cherche à mettre une photo sur un autre (ce qui est facile avec paint) mais il y a un petit soucis, avec paint y a du blanc sur l'image ce qui fait, três moche.
Seriez-vous m'aidez ?
Snooxi sur Djaul (dofus)
Merci à vous :(
Snoox

Déclic Vidéo FX Par # Déclic Vidéo FX @ dimanche 10 avril 2011 20:16
Salut Snoox,

Il faut que tu t'adresses à un forum pour la photo, où tu pourras apprendre comment réaliser le genre de chose que tu souhaites faire. Peut être peux tu aussi jeter un oeil sur ce tuto, qui pourra t'aider ??
--> Créer des zones de transparence dans une image avec Gimp & Gimp et les calques

DV FX

rodrigue Par # rodrigue @ lundi 23 avril 2012 04:46
bonjour bonsoir dans etape 3 (preparer un masque 2) Paramétrez la "matière" pour obtenir un gradient circulaire
je parametre comment la matiere c quoi la matiere ya til un tuto pour ca je suis de la guadeloupe faire un truc comme ca pour epater les autres serait sublime surtout en faisant de la pub pour vous merci attends reponse bravo pour votre site

Déclic Vidéo FX Par # Déclic Vidéo FX @ jeudi 3 mai 2012 22:12
Salut Rodrigue,

Désolé pour le retard dans la réponse. As tu PhotoShop ?
Si tu ne l'as pas, il va te falloir essayer de faire de manière identique avec GIMP (gratuit) par exemple ?

Pour cela, il faut trouver sur le web un tuto qui te permette de faire un masque circulaire dégradé comme celui que l'on te propose. On ne peut pas faire un tuto pour chaque logiciel de dessin, il faudrait voir sur un forum de retouche photo ?

DV FX


ATTENTION, cette rubrique commentaires ne doit être utilisée que dans le cadre de l'article concerné. Toutes les questions techniques et/ou généralistes liées aux logiciels objets de nos articles doivent être posées par l'intermédiaire des différents forums; il ne sera pas fourni de réponse aux commentaires qui ne répondent pas à ces critères et nous nous réservons même la possibilité de les modérer. Merci par avance de votre compréhension.

Les commentaires supportent les balises : [quote]Texte[/quote], [b]Texte[/b], [i]Texte[/i], [u]Texte[/u], [url]www.sample.com[/url] ou bien [url=www.sample.com]Nom du lien[/url].
Vous pouvez utiliser ces balises pour mettre votre texte en évidence ou insérer un lien dans votre commentaire.

Nom ou surnom (obligatoire) - visible publiquement sur le site

Email (obligatoire) - non visible sur le site

Site Web

CAPTCHA image
Entrer le code ci-contre

  



Home | AVID Studio | Pinnacle Studio | Hollywood FX | proDAD | Boris | Links/Liens | Download/Téléchargements | Contact
 Copyright 2004 by Déclic Vidéo FX