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

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

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
Criar gráficos melhores para a TV em Photoshop CS5
  • Genre: Graphics
  • Level: Intermediate
  • Time to Complete: 30-45 minutes
  • 0 comments — Start Discussion
Traduzido pelo 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

Este artigo irá percorrer um longo caminho a banir a decepção envolvidos com a preparação de gráficos no Photoshop para TV / Monitor de saída, e no que você tem a minha garantia pessoal. Na verdade, se você não ver uma melhoria, então você pode me derrubar e eu vou te levar para jantar, para compensar isso.


Passo 1 - Descubra o que você está fazendo

Uma coisa que sempre fazer primeiro é criar um documento Photoshop que corresponda aos padrões codec da edição que você está trabalhando. Isso pode ser algo que você sabe, se não, pergunte a alguém que faz.


Passo 2 - Use o direito pré-Photoshop

Nunca começar com o gráfico que pretende utilizar na TV, em vez sempre aberta uma nova imagem que está configurado para o padrão codec correto.

New TV Doc


Entre as opções Document escolha Nova predefinição de Cinema / TV, em seguida, selecione


Passo 3 - Selecione o espaço de cor correto

Nenhum dos Cinema / TV Photoshop presets selecionar automaticamente uma opção de gerenciamento de cores, no entanto você seria melhor fazê-lo.

Color Space


Para uma Definição Standard Edit (DV NTSC / PAL DV etc) use SMPTE-C. Para Alta Definição Edita uso HDTV (Rec 709).


Passo 4 - Use os Guias de Seguro

Uma vez que o documento Presets são feitas, clique em OK eo documento será aberto para ficar assim.

new Doc opened


As opções de fundo são até você. Eu prefiro trabalhar com um fundo transparente, já que fornece o editor mais opções de composição em torno de seus gráficos para o editar.

Observe as guias Cyan coloridas ao redor da borda da tela. A linha de marcas exteriores de 80% do total da imagem e representa a área de acção segura de seu gráfico. Simplificando, você deve manter todas as áreas-chave de design dentro desta área, pois podem ser cortadas em algumas TVs.

safe zones


A linha interna representa o Título segurança em cerca de 60% da imagem total. Esta área deverá conter todo o texto lido pela mesma razão.

guides on/off


Passo 5 - Comece adicionando gráficos

Aqui eu abri uma imagem destinada para uso como um fundo no meu gráfico.

background pic & Square Pixels


O que é realmente importante para notar é que essa imagem usa pixels quadrados, como qualquer outra imagem Photoshop. Isso é ótimo para monitores de PC. TVs

background pic into Graphic


Arrastar a imagem em nosso documento Photoshop nova TV-pronto no entanto faz uma coisa muito inteligente: porque eu usei um DVCPRO HD preset, Photoshop CS5 já compensou a incompatibilidade forma de pixels! Bom Photoshop.

turn off pixel aspect ratio


Para ver exatamente como é inteligente Photoshop CS5, vá em Exibir

no aspect ratio


Passo 6 - Agora, se os níveis corretos

Continue adicionando mais camadas ao documento TV-friendly até que seu projeto está quase pronto, então vamos ter que fazer uma coisa terrível!

Sinais de TV têm um alcance restrito luminância. Em vez da faixa usual de Photoshop 0 para preto e 255 para as brancas, os sinais de TV use 16 para Preto e 235 para as brancas. Para melhor limite de alcance da sua imagem para 16-235, adicione uma camada de ajuste Levels.

Levels Adjustment Layer


Abra o Painel de Ajustes nome e clique em Níveis.

16-235 output


Verifique se a camada de ajuste Levels está acima de todas as outras camadas no painel de camadas, para que ela afeta a todos. Em seguida, defina os controles deslizantes de saída até 16 para Preto e

split screen luma


Isso fará com que a imagem muito menos vibrante, no entanto, ele irá ajudar a manter a sua imagem com a mesma aparência em ambas as plataformas.


Passo 7 - Monitorização sobre a cor saturada

Tal como acontece com Luma, de cores na TV tem uma faixa mais estreita e também deve ser restrito a um máximo de 235.

NTSC Filter


Você pode achar que a adição de um filtro chamado Cores NTSC (Filtros

Para ajudar com isso, ligue o Painel de Informações (Window

info Panel


Mover o cursor em torno de todas as áreas coloridas da imagem, mantendo-se atento para qualquer coisa acima de 235.


Passo 8 - Removendo Mais de cores saturadas

Adicionando uma camada de ajuste segundo, desta vez usando Hue e Saturação permite a redução de todas as cores muito saturadas.

Hue and Sat layer


Use a camada principal para reduzir o excesso de todas as camadas de saturação, continuar usando o painel de informações para medir as áreas mais saturadas até que medida 235 ou menos.


Passo 9 - Dê vermelho e azul chutar uma

Vermelho e Azul pode provar um pouco mais complicado para os sinais de TV a cabo e poderiam se beneficiar de ser ainda mais reduzida do que 235,

Red/Blue Limiter


Usando a mesma Hue e Saturation Adjustment Layer, mude o canal seletor para azul e reduzir a saturação das áreas de intenso azul mais longe. Faça o mesmo com Reds.

Low Range Image


Como você pode ver, reduzindo cores e luminância de forma tão dramática resulta em uma redução considerável na qualidade, no Photoshop, pelo menos. Tenha em mente, contudo, que a imagem está sendo criada para a TV onde ele ficará muito melhor.


Passo 10 - Adicionar Texto

Enquanto as imagens na tela do computador pode exibir até as linhas mais finas e acidentes vasculares cerebrais nítidas e claras, TVs luta com finas linhas horizontais não, fazê-los aparecer pisou. Em nenhum lugar isso é mais aparente do que com o texto, fontes particularmente Serif.

serif font thin


Para obter os melhores resultados a partir de texto, para manter o seguinte:

  • 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


Passo 11 - A exportação de um arquivo de vídeo-Ready

Você pode muito bem ser tentado a achatar todas as suas camadas e exportar um JPEG, mas para garantir um resultado melhor, e dar um editor mais opções para usar com o gráfico, e tentar furar a usar. Psd vez.

FCP 7 PSD sequence


A psd em camadas. Serão aceitos pelo After Effects, Premiere, FCP7

layered effect


Uma coisa a ter em mente é que pode acontecer com Layer Styles Photoshop uma vez que começam em um pacote de edição: eles podem ficar para trás. Para evitar isso, Flatten todos os estilos primeira camada.

Na imagem acima eu adicionei uma Layer Style Outer Glow para as camadas que necessitam de achatamento.


Passo 12 - Flatten Layer Styles

Crie uma nova camada abaixo da camada de estilo, selecione a camada estilizada e escolha Merge Down ou pressione Command-E.

Merge Down


Sua imagem já está pronto para importar para um software de edição, e você pode ter certeza que o resultado final você vai ver na tela da TV será uma partida muito mais próximo do que você criou no seu computador. Pode parecer um conceito estranho ter que fazer uma imagem parecer pior para que ele a olhar melhor, mas quando é para TV, isso é apenas o que você tem que fazer.


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