L'objectif de ce didacticiel est de démontrer certains outils de base pour développer un menu animé de DVD à partir de zéro. Dans notre exemple, le menu animé sera lu pendant 30 secondes et les spécifications seront au format NTSC, en utilisant un rapport d'aspect de 4:3. Pour ce didacticiel, nous allons créer un "menu principal" typique à partir d'un projet de long métrage. Le menu lui-même affichera un extrait de 30 secondes de notre film, ainsi que trois boutons de navigation. Les trois boutons seront Play Program, Scene Selection et Bonus Features.
Lire l'article complet Menus animés DVD.
Voir la transcriptionSalut, je suis Brian Brodeur de New York DVD. Merci de m'avoir rejoint pour mon tutoriel DVD Motion Menu. Aujourd'hui, je vais vous expliquer les éléments de base de la création d'un menu animé à partir de zéro, qui comprendra un clip de 30 secondes, trois boutons et un arrière-plan. Je vous expliquerai quelques éléments de base de l'utilisation de Photoshop et d'After Effects, puis le rendu final et toutes les spécifications que vous devez comprendre pour créer un menu animé simple et professionnel.
Ce didacticiel comprendra un menu animé au format NTSC et au format d'image quatre par trois. Voici un court extrait du clip de mouvement que nous allons utiliser. Les trois boutons que nous utiliserons dans notre menu de mouvement seront le programme de lecture, la sélection de chapitre et les fonctionnalités bonus. C'est assez typique pour un long métrage. Voici un court extrait de notre menu d'animation rendu final.
Notre première étape consistera à créer notre disposition de menu de base dans Photoshop. Lorsque nous aurons terminé, ce fichier Photoshop sera importé dans After Effects, mais pour l'instant, commençons par lancer Photoshop et nous créerons un nouveau document Photoshop. D'accord, notre disposition de menu de base comprendra un arrière-plan, les trois boutons de texte, puis nous allons enregistrer ce fichier pour l'importer dans After Effects.
Maintenant, Photoshop est généralement livré avec de nombreux modèles différents que nous pouvons ouvrir et créer un nouveau fichier et tout sera prêt à être utilisé. Le modèle que vous souhaitez utiliser sera NTSC D1 Square Pixels, 720 par 540 avec guides. Si vous l'avez, c'est un bon début, si vous ne l'avez pas, voici comment créer un modèle personnalisé qui répondra à nos besoins. Définissez la largeur du document sur 720 pixels, définissez la hauteur du document sur 540 pixels, définissez la résolution sur 72 pixels par pouce. Définissez le mode couleur sur Couleur RVB, également avec une profondeur de huit bits, et les paramètres avancés doivent être définis sur le profil de couleur SMPTE C, et assurez-vous que le rapport d'aspect des pixels est carré.
Bon, permettez-moi de parler un peu des pixels carrés et des pixels rectangulaires. Vous pouvez en savoir beaucoup plus à ce sujet sur le Web, mais je vais en parler un peu ici. Maintenant, nous faisons des DVD depuis dix ans et nous avons un flux de travail et une politique qui fonctionnent en pixels carrés, puis convertis en pixels rectangulaires pour le processus d'encodage, puis la lecture du DVD. De nombreux progiciels élimineront ce processus pour vous et compenseront automatiquement, mais pour nous, créer des menus animés à partir de zéro, c'est notre processus. Nous allons créer le document Photoshop en utilisant des pixels carrés, 720 sur 540. Lorsque nous allons dans After Effects, cette composition sera également de 720 sur 540, et lorsque nous effectuerons le rendu, nous réduirons le menu à 720 sur 480, puis nous encoderons il, et il sera assemblé dans la création de DVD. Lorsque ce menu est lu, que ce soit sur un écran LCD ou un moniteur de diffusion, les rapports de pixels apparaîtront corrects et les images ne seront pas déformées.
D'accord, laissez-moi aborder le titre et l'action en toute sécurité, prenez-en deux. D'accord, parlons du titre et de l'action en toute sécurité. Lorsque nous visualisons notre menu animé sur un écran d'ordinateur, nous voyons l'image entière. Lorsque nous visualisons des menus sur un moniteur de diffusion, certains bords peuvent être coupés à cause du tube. C'est assez standard dans l'industrie. Ce que nous devons faire, ou ce dont nous devons être conscients, c'est une bordure de 10 % autour du bord de notre menu, et nous concevrons tous nos graphiques et boutons à l'intérieur de cette bordure de 10 %. Maintenant, cette frontière de 10 % s'appelle le titre sûr ou la sécurité du titre. Un autre 5% en dehors de cela s'appelle l'action en toute sécurité. Maintenant, vous pouvez tester vos menus lorsque vous les gravez sur un DVD-R et vous pouvez voir exactement comment ils sont lus sur les ordinateurs et les moniteurs de diffusion, mais pour notre usage, nous aimons garder cette bordure complète de 10 % pour nos boutons et tout d'autres titres ou graphiques que nous voudrons vraiment voir sur notre menu. Pour notre exemple, notre menu a le clip et les boutons bien centrés au milieu, donc ce n'est vraiment pas un problème, mais c'est très bon pour vous de savoir quel que soit le projet pour lequel vous concevez.
Maintenant, une fois que nous avons créé un document Photoshop 720 par 540, nous voulons commencer par créer le calque d'arrière-plan pour notre menu animé. Maintenant, pour ce tutoriel, ce que j'ai fait est de prendre la couleur de premier plan et d'arrière-plan et d'utiliser le filtre de fibres de rendu pour créer un arrière-plan simple strié. Vous pouvez faire un certain nombre de choses, rendre les nuages, c'est un autre filtre, vous pouvez mettre une image, un dégradé, une couleur unie, tout ce que vous voulez faire. Mais pour ce tutoriel, nous avons utilisé un vert foncé et un noir et cela crée un arrière-plan simple.
OK, ensuite, créez un nouveau calque dans votre document Photoshop et utilisez votre outil de texte pour créer trois lignes de texte indiquant le programme de lecture, la sélection des chapitres et les fonctionnalités bonus. Nous avons formaté ce texte dans ce didacticiel pour qu'il soit entièrement en majuscules. Il est généralement blanc à 90 % avec une ombre portée et centrée, mais vous pouvez utiliser le sens de conception que vous souhaitez.
Désormais, pour plus de lisibilité lors de la lecture de votre DVD, nous vous recommandons d'utiliser une police de 18 points ou plus. Pour ce didacticiel, quelque chose entre 30 et 36 points fonctionnerait très bien, mais lorsque vous descendez en dessous de 18 points, il devient difficile à lire et vous obtiendrez un bourdonnement du texte qui n'aura pas l'air vraiment correct.
Une fois l'arrière-plan et le calque de texte terminés, enregistrons ce fichier sous menu.psd. Ce document Photoshop sera importé dans After Effects, puis notre clip sera ajouté et nous passerons par le processus de rendu.
Pour cette partie du didacticiel, nous travaillerons avec Adobe After Effects. Il s'agit d'un logiciel de composition d'animation graphique standard. Je suis sûr que certains d'entre vous ont la version la plus récente de ce logiciel, mais nous utiliserons la version 5.5. C'est la version la plus ancienne que nous ayons dans notre studio.
Lorsque vous lancez After Effects, il crée généralement un nouveau projet. Nous voulons créer une nouvelle composition. Vous pouvez le faire de différentes manières, mais sous le menu déroulant appelé Composition, vous verrez une nouvelle composition. Lorsque vous faites cela, nous voulons créer, encore une fois, un pixel carré, une composition de 720 par 540 qui dure 30 secondes. Nous avons utilisé un préréglage intitulé NTSC D1 Square Pixels, 720 par 540. Nous avons appelé le menu de mouvement de composition. La largeur et la hauteur, bien sûr, sont de 720 et 540. Nous avons verrouillé le rapport d'aspect des pixels à quatre par trois. Nous nous sommes assurés que le rapport d'aspect était en pixels carrés. La fréquence d'images sera de 29,97 images par seconde. Nous utilisons la résolution au maximum et nous utilisons le code temporel de début de 0 image à tous les niveaux, et bien sûr, le code temporel de fin sera de 30 secondes 0 image. Maintenant, cette composition After Effects 720 par 540 correspondra exactement à la configuration de notre fichier Photoshop qui était en pixels carrés et 720 par 540 également.
Une fois que vous avez créé votre composition, vous verrez apparaître une fenêtre de chronologie. Nous allons maintenant importer notre fichier Photoshop dans After Effects pour le faire descendre dans la chronologie. Importons le menu que nous avons créé dans Photoshop dans After Effects. Utilisez le menu déroulant Fichier pour sélectionner Importer un fichier, avec cette boîte de dialogue, puis recherchez le fichier menu.psd que nous venons de créer, sélectionnez-le. Et After Effects nous donnera le choix d'importer cela sous forme de calques fusionnés, donc tous ces calques dans un calque ou des calques individuels. Pour les besoins de ce didacticiel, je pense que nous pouvons simplement utiliser des calques fusionnés, l'arrière-plan et les boutons de texte viendront en un seul calque. Dans les animations plus complexes que nous pourrions réaliser à l'avenir, nous créerions des calques individuels afin de pouvoir les traiter séparément comme des animations graphiques pendant une animation.
La prochaine étape consistera à importer le clip de mouvement que nous utiliserons dans notre menu de mouvement. Pour les besoins de ce didacticiel, j'utilise une séquence d'archives de 30 secondes de Santa Monica. Il s'estompe et s'estompe. Ce n'est pas vraiment quelque chose de spécial, mais c'est en plein écran. Ce que nous voulons faire, c'est que nous voulons éventuellement le réduire à un demi-écran, 320 sur 240, et ce clip de mouvement sera lu juste au-dessus des trois boutons de texte. Voici un autre extrait de notre menu animé terminé pour que vous puissiez voir ce que je veux dire.
Donc, en utilisant la même technique que le menu, utilisez le menu déroulant Fichier, sélectionnez Importer et Fichier, et allez trouver votre clip de menu animé; dans mon cas, il s'appelle clip.mov et le fichier sera importé dans After Effects. Vous verrez dans la fenêtre du projet que nous avons notre menu.psd et notre clip.mov, ainsi que le nom de la composition, menu de mouvement. Ce que nous allons faire maintenant, c'est faire glisser ces deux éléments, le clip et le menu, vers le bas dans la timeline. Faites glisser et déposez l'élément menu.psd dans la chronologie sous le nom de la source. Ce faisant, cela importera le menu.psd, qui est l'arrière-plan et les boutons de texte, en tant que calque dans la chronologie et le justifiera à l'image 0.
Maintenant que nous avons l'arrière-plan du menu dans la timeline d'After Effects, nous voulons ajouter le clip de mouvement à un nouveau calque au-dessus de l'arrière-plan du menu. Faisons cela en faisant glisser et en déposant le clip.mov dans la colonne du nom de la source de la chronologie au-dessus de l'endroit où se trouve le menu.psd. Lorsque je fais glisser le fichier clip.mov, il masque naturellement les boutons que nous avons créés en arrière-plan. Eh bien, nous allons redimensionner ce clip de mouvement à 320 par 240 afin qu'il y ait suffisamment de place pour que les boutons et le clip vivent dans le menu.
Bon, redimensionnons notre clip de menu animé. Assurez-vous d'avoir le calque appelé clip.mov que vous venez d'importer dans la timeline, assurez-vous de l'avoir sélectionné. Allez dans le menu déroulant Couche, choisissez transformer puis mettre à l'échelle. Cela ouvrira une boîte de dialogue qui vous permettra de changer l'échelle à 50 %. Voici les paramètres que vous souhaitez utiliser, la largeur et la hauteur doivent être de 50 %, les unités sont en pourcentage de la source, conservez le rapport hauteur/largeur actuel et incluez le rapport hauteur/largeur des pixels ne doit pas être coché.
Maintenant que nous avons redimensionné le clip à la moitié de sa taille, utilisez votre souris ou les flèches pour repositionner le clip au-dessus des trois boutons. Votre composition After Effects est maintenant prête à être rendue. Nous avons notre clip de mouvement redimensionné, nous avons nos trois boutons et notre arrière-plan, ils sont tous assis dans la chronologie et jouent pendant 30 secondes. Nous sommes prêts à ajouter cette composition à la file d'attente de rendu. Pour ajouter la composition à la file d'attente de rendu, utilisez le menu déroulant sous Composition et ajoutez à la file d'attente de rendu.
La fenêtre de la file d'attente de rendu comporte quatre sections sous les détails du rendu. Ces sections sont les paramètres de rendu, le module de sortie, le journal et la sortie vers. Les paramètres de rendu doivent afficher un lien hypertexte vers les paramètres actuels. Sélectionnez ce lien, ce qui ouvrira une boîte de dialogue. Spécifiez les paramètres suivants à l'aide des menus déroulants et modifiez uniquement les paramètres applicables que je spécifie. Pour le menu de mouvement de composition, nous voulons sélectionner la qualité la meilleure, la résolution la plus complète, la durée doit être la longueur de la composition, que nous avons fixée à 30 secondes.
Une fois ces paramètres de rendu spécifiés, cliquez sur OK et choisissez le lien hypertexte du module de sortie. Cela ouvrira une autre boîte de dialogue. Cette étape du didacticiel est peut-être la plus importante car c'est là que nous allons écraser le menu de 720/540 pixels carrés à 720/480 pixels rectangulaires ou au format DV.
Avec la boîte de dialogue du module de sortie ouverte, assurez-vous que la liste déroulante des formats est définie sur Quick Time Movie. Vous pouvez choisir MPEG 2 si vous l'avez installé, mais pour ce didacticiel, laissons-le de côté. Assurez-vous que la case de sortie vidéo est cochée et sélectionnez le bouton des options de format. Définissez les paramètres suivants dans la boîte de dialogue qui apparaît et choisissez OK lorsque vous avez terminé. Le type de compression doit être DV, DVC Pro NTSC. Le mouvement doit être en images par seconde égal à 29,97. Le compresseur doit être de qualité égale à la meilleure et c'est un réglage de curseur. Le mode de numérisation doit être entrelacé et le format d'image doit être de 4,3.
Ensuite, cochez la case Étirer, qui devrait afficher les paramètres de rendu actuels en tant que 720 par 540. Sélectionnez le menu déroulant Étirer à et modifiez la sélection de personnalisé à NTSC DV 720 par 480. Assurez-vous que la liste déroulante de la qualité de mise à l'échelle est définie sur élevée.
Pour ce didacticiel, nous allons sortir ce fichier sans audio, donc la case de sortie audio doit rester décochée en bas de la boîte de dialogue des paramètres du module de sortie. Maintenant, sélectionnez OK pour fermer et enregistrer les paramètres de la boîte de dialogue des paramètres du module de sortie.
En revenant à la boîte de dialogue de la file d'attente de rendu, laissez la liste déroulante du journal définie sur les erreurs uniquement. Utilisez le lien hypertexte de sortie pour définir une destination pour le fichier de temps rapide à enregistrer. Avec les quatre paramètres configurés dans la file d'attente de rendu, vous pouvez maintenant appuyer sur le bouton de rendu en haut à droite. Cela commencera le processus de sortie de votre fichier vers la destination que vous avez spécifiée. Une fois que c'est terminé, vous pouvez ouvrir ce fichier de temps rapide et revoir le rendu de mouvement final que nous venons de créer. Bien sûr, à partir de cette étape, vous pouvez passer à un encodeur et créer le fichier MPEG 2 qui sera ajouté à votre création et lu sur votre DVD.
Merci de m'avoir rejoint pour ce didacticiel DVD Motion Menu et bonne chance pour la création et le développement de votre menu animé à l'avenir. Prenez soin de vous.
[Fin du son]