(Close)
Forgot password?
Join Now! Watch Tutorials
macProVideo.com
Close

Accès Premium gratuitement

Accédez à notre bibliothèque complète des articles Hub Premium, les fichiers projet et les premiers 10% de chaque Cours-vidéo de la Bibliothèque Didacticiel en ligne .

Créez votre compte gratuit!

Already a member? Login

Categories

Related Articles

  • Creating Hedgerow Text in Photoshop
  • by David Smith
  • This article is in honor of all lovers of well-pruned hedges, Photoshop CS6 and creative text effects. David Smith serves up a treat in this article: merging all three of the above to excellent effect
  • New Layer Features In Photoshop CS6
  • by Toby Pitman
  • There's new features a plenty in Adobe's flagship image editing application, Photoshop CS6. Toby Pitman uncovers the new features relating to layers and how they'll impact your image editing workflow.
  • Photoshop CS6: Using the Channel Mixer
  • by Iain Anderson
  • There's so much to explore in the Adjustment Layers of Photoshop CS6 and CS5.5. It's easy to miss the Channel Mixer and also understand how to use it effectively. Iain Anderson demonstrates!
  • 5 Color Tips For All Photoshop Users
  • by Toby Pitman
  • Toby Pitman picks his 5 favorite color tips available in Photoshop CS5 and CS6. From the simple to the sublime. There's something useful here for all Adobe Photoshop users!
  • Automated Image Correction Techniques in Photoshop
  • by David Smith
  • It's usually best to apply color correction manually to your photos But, there are times when applying auto correction can save time & produce interesting results. David Smith shows how in Photoshop.

Related Tutorial-Videos

  • Photoshop CS5 406
  • Custom Brush Controls & Grunge Brush Creation
  • Watch as Mark Stope walks you through Photoshop's many Custom Brush controls & learn how to create various types of 'Grunge' brushes to make stunning textures for your next drawing or rendering. 
  • Photoshop CS5 103
  • Adding Text To Images
  • One of the most common techniques as a Photoshop user is to add text to an image or graphic. In this tutorial Photoshop Pro Nathan Fullerton shows you all the different ways you can approach Adding Text to Images in Photoshop...
  • Photoshop CS5 405
  • Body Modifications
  • Mark Stope is back at it in his latest in the SCi-FI and Fantasy Effects Series as he shows you how to easily apply a grab-bag of body modifications to the subjects in your scene, using Photoshop CS5.
  • Photoshop CS5 404
  • Lighting & Light Effects
  • Join Film Industry Pro Mark Stope as he shows you how to light scenes and create dramatic lighting effects using Photoshop CS5.
  • Photoshop CS5 402
  • Drawing Objects In Photoshop
  • Sketch objects, create textures, and make photo-realistic mock-ups ... this tutorial-video shows you how to create graphics from the ground-up in Photoshop.
  • Photoshop CS5 104
  • Mastering Adobe Camera Raw 6
  • Take your raw photo editing skills to the next level: master Adobe Camera Raw 6 -and the best features of Bridge C5- from a seasoned photographer!
  • Photoshop CS5 101
  • Core Photoshop CS5
  • 5-hours of training (115 separate videos) covering the fundamentals of using Photoshop CS5. Learn Photoshop CS5 from a proven master who gets right to the tips & tricks that benefit you the most.
  • Photoshop CS5 105
  • Retouching & Image Adjustment
  • Take photo retouching and adjustments to a whole new level…Learn advanced, professional techniques from a seasoned photographer.
  • Photoshop CS5 204
  • Preparing Still Images for Final Cut Pro
  • Learn how to prepare crisp, clear, HD images for Final Cut Pro … Michael Wohl (one of Final Cut Pro's original designers) shows you the way!
  • Nov 08, 2011
Créer de meilleurs graphismes pour la télévision dans Photoshop CS5
  • Créer de meilleurs graphismes pour la télévision dans Photoshop CS5

  • Genre: Graphics
  • Level: Intermediate
  • Time to Complete: 30-45 minutes
  • 0 comments — Start Discussion
Traduit par Google Translate

Preview these Photoshop Tutorial-Videos

Photoshop CS5 204: Preparing Still Images for Final Cut Pro - Play IconPhotoshop CS5 204: Preparing Still Images for Final Cut Pro - Preview Video
Photoshop CS5 204: Preparing Still Images for Final Cut Pro - Play IconPhotoshop CS5 204: Preparing Still Images for Final Cut Pro - Preview Video
Photoshop CS5 204: Preparing Still Images for Final Cut Pro - Play IconPhotoshop CS5 204: Preparing Still Images for Final Cut Pro - Preview Video

Cet article va passer un long chemin à bannir la déception impliqués dans la préparation des graphiques dans Photoshop pour TV / moniteur de sortie, et sur ce que vous avez ma garantie personnelle. En fait, si vous ne voyez pas une amélioration, alors vous pouvez me retrouver et je vais vous inviter à dîner pour compenser pour cela.


Étape 1 - Découvrez ce que vous faites

Une chose de toujours faire premier est de créer un document Photoshop qui correspond aux normes codec de la modifier vous travaillez pour. Ce pourrait être quelque chose que vous savez si non, demandez à quelqu'un qui le fait.


Étape 2 - Utiliser le droit Photoshop prédéfinie

Ne jamais commencer avec le graphique que vous comptez utiliser à la télé, au lieu de toujours ouvrir une nouvelle image qui est mis en place pour la norme de codec correct.

New TV Doc


Dans les options Nouveau document Preset choisissez Film / TV, puis sélectionnez


Étape 3 - Sélectionnez l'espace colorimétrique correcte

Aucun des Photoshop Film / TV préréglages de sélectionner automatiquement une option de gestion des couleurs, mais vous feriez mieux de le faire.

Color Space


Pour une édition standard définition (DV NTSC / PAL DV, etc) utilisent SMPTE-C. Pour la Haute Définition éditions, utilisez HDTV (Rec 709).


Étape 4 - Utilisez les guides sûrs

Une fois les paramètres prédéfinis de document sont faits cliquez sur OK et le document sera ouvert à ressembler à ceci.

new Doc opened


Les options de fond sont à vous. Je préfère travailler avec un fond transparent, car il donne plus d'options de l'éditeur autour de compositing de votre graphique dans l'édition.

Avis des guides cyan couleur autour du bord de l'écran. La ligne extérieure marque de 80% de l'image totale et représente la zone action pour la sécurité de votre graphique. Plus simplement, vous devriez garder toutes les zones clés de la conception dans ce domaine car ils peuvent être coupés sur certains téléviseurs.

safe zones


La ligne intérieure représente le titre fort à environ 60% de l'image totale. Cette zone doit contenir tous les textes lisibles pour les mêmes raisons.

guides on/off


Étape 5 - Commencer à ajouter des graphiques

Ici, j'ai ouvert une image destinée à être utilisée comme arrière-plan dans mon graphique.

background pic & Square Pixels


Ce qui est vraiment important à noter est que cette image utilise des pixels carrés, comme toute image Photoshop. C'est super pour les moniteurs de PC. Téléviseurs

background pic into Graphic


Faisant glisser l'image dans notre nouvelle TV-prêts document Photoshop ne cependant une chose très astucieuse: parce que j'ai utilisé un DVCPro HD prédéfinis, Photoshop CS5 déjà compensés pour le décalage forme de pixels! Bonne Photoshop.

turn off pixel aspect ratio


Pour voir exactement comment intelligent Photoshop CS5 est, allez à Afficher

no aspect ratio


Étape 6 - Maintenant obtenir les niveaux corrects

Continuez à ajouter plusieurs couches sur le document TV-amicale jusqu'à ce que votre conception est presque prêt, alors nous allons avoir à faire une chose terrible!

Signaux de télévision ont une plage de luminance restreint. Au lieu de fourchette habituelle de Photoshop de 0 pour le noir et 255 pour les blancs, les signaux de télévision utilisent 16 pour le noir et 235 pour les Blancs. De limiter au mieux la portée de votre image à 16-235, ajoutez un calque de réglage Niveaux.

Levels Adjustment Layer


Ouvrez le Panneau de nom et cliquez sur Réglages Niveaux.

16-235 output


Assurez-vous que la couche d'ajustement des niveaux est au-dessus toutes les autres couches dans le panneau Calques pour qu'il les affecte tous. Ensuite, définissez les curseurs de sortie jusqu'à 16 pour le noir et

split screen luma


Il rendra l'image beaucoup moins dynamique, mais elle aidera à garder votre image à la recherche la même chose sur les deux plateformes.


Étape 7 - Suivi sur la couleur saturée

Comme avec Luma, à la télévision couleur a une gamme plus étroite et devrait également être limitée à un maximum de 235.

NTSC Filter


Vous pouvez constater que l'ajout d'un filtre nommé Couleurs NTSC (Filtres

Pour aider à cela, interrupteur sur le panneau Info (Fenêtre

info Panel


Déplacez votre curseur sur les zones colorées de votre image, en gardant un œil sur rien de plus de 235.


Étape 8 - Retrait sur les couleurs saturées

Ajout d'un calque de réglage secondes, en utilisant cette fois la teinte et la saturation permet la réduction de toutes les couleurs trop saturées.

Hue and Sat layer


Utilisez la couche principale de réduire de plus toutes les couches de saturation, continuez à utiliser le panneau d'information pour mesurer les zones les plus saturées jusqu'à ce qu'elles mesurent 235 ou moins.


Etape 9 - Donne-Rouge et Bleu un coup de pied

Rouge et Bleu peut s'avérer un peu plus délicat pour les signaux TV à manipuler et peut-être avantage à être encore réduit de 235,

Red/Blue Limiter


Utilisation de la même teinte et de calque de réglage de saturation, changer le sélecteur de canal à Blue et à réduire la saturation des zones bleues intenses encore. Faites de même avec les Rouges.

Low Range Image


Comme vous pouvez le voir, la réduction des couleurs et la luminance de façon spectaculaire en résulte une réduction considérable de la qualité, dans Photoshop, au moins. Gardez à l'esprit cependant que l'image est créée pour la télévision où il sera beaucoup plus agréable.


Étape 10 - Ajouter du texte

Alors que les images sur l'écran de l'ordinateur peut afficher même les plus belles lignes et des traits nets et précis, la lutte avec les téléviseurs minces non des lignes horizontales, les faisant apparaître en gradins. Cela n'est nulle part plus apparente que avec du texte, les polices Serif particulier.

serif font thin


Pour obtenir les meilleurs résultats à partir de texte, coller à ce qui suit:

  • Use text no smaller than 24pt
  • Bold Text usually reads better on a TV
  • Sans-Serif fonts are less likely to cause scanning problems 
  • Remember to keep text within the Title Safe guides

San Serif Font 24pt


Étape 11 - Exportation d'un fichier vidéo-Ready

Vous pouvez être tenté d'aplatir tous les calques et l'exportation au format JPEG, mais pour assurer un meilleur résultat, et de donner un éditeur plus d'options à utiliser avec votre graphique, essayer de coller à l'aide. Psd lieu.

FCP 7 PSD sequence


Un psd couches. Seront acceptées par After Effects, Premiere, FCP7

layered effect


Une chose à garder à l'esprit est ce qui peut arriver à des styles de calque Photoshop une fois qu'ils sont dans un paquet edit: ils peuvent se laisser distancer. Pour éviter cela, Aplatir tous les styles première couche.

Dans l'image ci-dessus, j'ai ajouté une couche de style Lueur externe aux couches qui nécessitent aplatissement.


Étape 12 - Aplatir les styles de calque

Créez un nouveau calque en dessous de la Styled Layer, sélectionnez le calque et choisissez stylisée Fusionner vers le bas ou appuyez sur Commande-F.

Merge Down


Votre image est maintenant prêt à importer dans un logiciel d'édition, et vous pouvez être assuré que le résultat final que vous verrez sur l'écran du téléviseur sera un match beaucoup plus proche de celui que vous avez créé sur votre ordinateur. Il peut sembler un peu étrange d'avoir à faire une image plus pire dans l'ordre pour qu'il regarde mieux, mais quand c'est pour la télévision, thats juste ce que vous avez à faire.


Preview these Photoshop Tutorial-Videos

Photoshop CS5 204: Preparing Still Images for Final Cut Pro - Play IconPhotoshop CS5 204: Preparing Still Images for Final Cut Pro - Preview Video
Photoshop CS5 204: Preparing Still Images for Final Cut Pro - Play IconPhotoshop CS5 204: Preparing Still Images for Final Cut Pro - Preview Video
Photoshop CS5 204: Preparing Still Images for Final Cut Pro - Play IconPhotoshop CS5 204: Preparing Still Images for Final Cut Pro - Preview Video
David Smith

David Smith

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2012 macProVideo.com
a division of NonLinear Educating Inc.

About

Our Plans

Tutorials

Community

Help

Legal

Link