em , , , ,

Tutorial: Como editar Vídeos no Photoshop CS3 Extended

Preview Descrição: Feature exclusivo do Photoshop CS3 Extended hoje veremos como fazer uma editação simples de vídeo no Photoshop CS3 Extended criando alguns efeitos, máscara e exportação do vídeo.

  • [message]
    • ##check##AVISO: Como editar Vídeos no Photoshop CS3 Extended

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Antes de começar caso queira usar o mesmo vídeo do tutorial clique aqui com o botão direito do mouse e escolha a opção Save Link As para baixar o vídeo, logo após pressione Ctrl+N para criar um novo documento e defina os valores abaixo, vá em Layer> Video Layers> New Video Layer From File, escolha o vídeo que será trabalhado e clique em Ok (no caso do tutorial o vídeo do link acima), na paleta de layers clique com o botão direito do mouse sobre a layer do vídeo e escolha a opção Convert to Smart Object, renomeie a layer para “Video”, vá em Window> Animation para abrir a paleta de Animation.

02. Clique no ícone de Add New Adjustment Layer no rodapé da paleta de layers e escolha a opção Levels, defina os valores abaixo e pressione Ok, isto irá criar uma layer de levels para o vídeo inteiro.

03. Novamente clique no ícone de New Adjustment Layer no rodapé da paleta de layers e escolha a opção Photo Filter, escolha a cor #704302 e defina 100% para o valor de Density e pressione Ok.

04. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho pequeno e pontas duras, defina os valores mostrados abaixo na barra de opções da ferramenta, com a tecla Shift pressionada clique em um ponto e logo após arraste no sentido vertical para criar algumas linhas, depois de criadas as linhas pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e tamanho médio, defina os valores mostrados abaixo na barra de opções da ferramenta, passe em algumas partes das linhas criadas para apagar como na foto abaixo, vá em Layer> Group Layers, isto irá criar uma pasta em sua paleta de layers, coloque todas as layers que existem na paleta de layers dentro desta pasta como na foto abaixo.

05. Agora vá na sua paleta Animation (Timeline), nela você verá que todas as layers e a pasta criada na paleta de layers estão lá, e que cada layer contém uma pequena seta ao lado, clique na seta que existe ao lado da layer “Layer2” (que é a layer com os traços criados no passo anterior), você verá que existem 3 opções chamadas, Position, Opacity e Style.

06. Clique no ícone de Time-Vary Stop Watch (o ícone do relógio indicado na foto abaixo), você verá que um pequeno ponto amarelo aparecerá na posição 00:00f da timeline, cada vez que o ícone de Time-Vary Stop Watch é clicado ele cria um ponto na timeline para criar pontos em outros lugares na timeline basta arrastar o slider azul que está no topo da paleta posicionar no ponto desejado e clicar no ícone de Time-Vary Stop Watch, com o primeiro ponto criado pressione a letra V do teclado para selecionar a Move Tool, clique na layer das linhas na paleta de layers e agora clique e arraste (um pouco) para a direita, esta será a primeira posição do efeito criado para as linhas.

07. Agora clique no ícone de Time-Vary Stop Watch (o ícone do relógio) da opção Opacity, vá na paleta de layers e defina a opacidade da layer em 0% como na foto abaixo.

08. Para criar o segundo Keyframe da animação das linhas clique no Slider azul na parte superior da paleta Animation e arraste alguns segundo para frente como na imagem abaixo, pressione a letra V do teclado para selecionar a Move Tool, clique e arraste no documento (mesmo que não esteja vendo as linhas) um pouco para a esquerda, isto irá criar automaticamente um novo ponto na opção Position da paleta Animation, na paleta de layers defina a opacidade em 75%, isto também criará um novo ponto na opção Opacity da paleta Animation.

09. Novamente clique no Slider azul no topo da paleta Animation e arraste mais alguns segundos como na foto abaixo, pressione a letra V do teclado para selecionar a Move Tool e arraste (um pouco) as linhas clicando no documento e arrastando as linhas para a direita, ao soltar o botão do mouse você verá que outro ponto foi criado na Timeline da paleta Animation, defina a opacidade na paleta de layers em 0%, isto irá criar mais um ponto na opção Opacity na paleta Animation.

10. Agora temos 3 Keyframes que formam uma animação simples em uma única layer, para aumentar este efeito por todo o filme o que precisamos fazer é duplicar a layer, para isto vá na paleta de layers e clique com o botão direito do mouse na layer Line (onde criamos as linhas) e escolha a opção Duplicate Layer, veja que na paleta Animation a layer Line também foi duplicada criando uma nova layer chamada Layer2 copy, clique na seta ao lado desta layer para abrir as opções de Opacity, Position e Style como foi feito anteriormente, com a tecla Shift pressionada clique em cada um dos pontos de Keyframe e depois clique e arraste estes pontos para o meio da timeline como na imagem abaixo, repita todo o processo afim de repetir o efeito até o fim do vídeo, no caso deste tutorial foi preciso repetir apenas 3 vezes o efeito (um no começo, outro no meio e o último no fim do vídeo).

11. Agora clique com o botão direito sobre cada uma das layers que contém as linhas e escolha a opção Convert to Smart Object afim de transformar as layers em Smart Objects, defina as opacidades mostradas abaixo para cada cópia da layer.

12. Pressione Ctrl+Shift+Alt+N para criar uma nova layer (certifique-se de que esta layer esteja acima da layer de linhas), dê o nome de “Noise” para esta layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher toda a layer de preto, vá em Filter> Render> Clouds e depois em Filter> Noise> Add Noise, defina o valor de 30% para Amount, Uniform para Distribution, selecione a opção Monochromatic e pressione Ok.

13. Mude o modo de blend da layer para Color Burn e defina a opacidade em 25%.

14. Na paleta Animation deixe o Slider azul que existe no topo da paleta na posição 00:00f (começo do vídeo), clique na seta ao lado da layer “Noise” para abrir as opções de Position, Opacity e Style, clique no ícone de Time-Vary Stop Watch da opção Position, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique no documento e arraste o efeito Noise totalmente para fora da área visível do documento como na foto abaixo, posicione o Slider azul que está no topo da paleta Animation no fim do vídeo, pressione a letra V novamente para selecionar a Move Tool, com a tecla Shift pressionada clique e arraste para a direita afim de posicionar o efeito sobre a imagem novamente, isto irá criar uma animação na layer Noise como veremos a seguir.

15. (Opcional) Caso queira adicionar mais “sujeira” ao vídeo, pressione Ctrl+Shift+Alt+N para criar uma nova layer, posicione esta layer abaixo da layer “Noise” e dê o nome de “Bold Lines” e repita os passos 06 até o 09 trocando apenas a grossura das linhas e posição como pode ser visto nas imagens abaixo.

16. (Opcional) Nesta passo o autor do tutorial colocou uma mensagem subliminar, caso você não saiba o que é uma mensagem subliminar leia este texto, na verdade ele colocou sua própria assinatura em 1 frame da animação, para isto usou o mesmo processo usado anteriormente.

17. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de “New Video”, clique e arraste esta layer para fora da pasta criada na paleta de layers como indicado na foto abaixo, pressione Ctrl+A para selecionar seu conteúdo e depois Ctrl+Alt+D para abrir a caixa de Feather, defina o valor de 50 pixels para o Radius e pressione Ok, pressione Ctrl+Shift+I para inverter a seleção, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher com a cor preta.

18. Vá em Layer> Group Layer para criar uma nova pasta na paleta de layers, dê o nome de Full Video e jogue todas as layers, inclusive a pasta que criamos anteriormente dentro desta nova pasta como na foto abaixo.

19. Agora clique aqui (com o botão direito do mouse e escolha a opção Salvar Link Como) para baixar a imagem da tv usada no tutorial, pressione Ctrl+O e abra a imagem no Photoshop, pressione Ctrl+A para selecinar todo o conteúdo da imagem, pressione Ctrl+C para copiar, volte ao documento que estavamos trabalhando e pressione Ctrl+V para colar, delete a parte da tela, para isto basta pressione a letra W do teclado para selecionar a Magic Wand Tool, defina o valor de Tolerance na barra de opções da ferramenta em 50 pixels, clique na tela e pressione Delete.

20. Agora clique com o botão direito do mouse sobre a pasta “Full Video” na paleta de layers e escolha a opção Convert to Smart Object, caso queira editar o vídeo posteriormente basta clicar duas vezes sobre a layer criada, agora pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do teclado dentro da caixa de Free Transform e escolha a opção Warp e distorça a imagem afim de dar o efeito da tela de tv como na foto abaixo, pressione Enter quando estiver pronto.

21. Para exportar o vídeo vá em File> Export> Render Video, selecione a pasta de destino, nome do arquivo etc, selecione a opção QuickTime Export (caso esta opção esteja desabilitada você terea que baixar o Quicktime 7.4.x ou posterior do site da Apple) e pressione Render.

22. Ao final seu vídeo estará como na foto abaixo.

site de origem: http://psdtuts.com/designing-tutorials/create-a-vintage-film-style-video-using-photoshop-cs3-extended/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário para André SugaiCancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

28 Comments

  1. Cara, meu photoshop é CS3 extended e simplesmente não está abrindo vídeos! Tento abrir um mov nele e dá a mensagem "could not complete your request because it is not the right kind of document" . Instalei o quick time, reiniciei, e nada!

    Existe extended falso? Se alguém puder me ajudar, cara, to numa emergencia aqui pq preciso disso pra fazer minha job!

    Vlw!!!

  2. Ola, achei muito legal esse tutorial, mais gostaria de saber se tem como (no exemplo acima retirar o atleta do caiaque?
    Pois gostaria de fazer um video executando a escala de um instrumento musical (trombone de vara) e depois retirar a pessoa e deixar somente o instrumento.

  3. Olá André! eu estou trabalhando em um sircuito interno de pc tv! eo sistema em wmv ou os codecks não permiti q eu conciga gravar os videos q eu edito em um dvd!
    tem alguma dica q poça me ajudar??

  4. Eu gostaria de saber, se teria algum jeito, de selecionar uma cor ou parte do cenario durante o vide, e apagar ela, durante o video todo, gostaria de fazer algo semelhando ao Chroma key, ja que o Adobe After Efects q eu tinha ja expirou e não tenho mais o Chroma key. se tiver algum jeito de fazer algo pareçido com isso me ajudem pufavor. obrigado

  5. Evaldo, o photoshop edita video e fica bom.
    Mas essa técnica de edita video no photoshop, não era oque a Adobe queria mesmo.
    Ela queria inovar com a edição de Frame por frame. Não com timline.
    E a timeline foi colocada no programa pois seria mais fácil organizar os video que vc fez frame por frame.
    Na verdade, o photoshop é mais usado para criação de vídeo frame por frame, e não edição.
    Se a Adobe queria edição de vídeo mesmo, teriam caprichado mais no programa. Ele ficaria muito pesado.

  6. Olá Andre!

    nossa cara vc me deixa de poca aberta!
    toda hora que tenhu um tempo livre venho aprende novos efeitos e etc…
    mais fiz tudo oque pediu nesse tutorial mais meu vídeo fico com 222.433kb não sei se isso é muito grande, mais o fato é que o vídeo começa e tranca e depois acaba,
    teria alguma forma de deixar mais leve??

    obrigado!

  7. Ei mano o meu photoshop é o cs3 extended e não tem new video layer essas coisas de videos num tem nada se puder me ajudar posta ai pra resolver meu problema e seus tutoriais são muito shows daóra mssa d+.

  8. realment a grande globalizacao do photoshop se da a estes tipos de funcoes! o photoshop lhe permite q vc crie algumas ferramentas ao seu gosto! enquant q os outros simplest vc aperta um botao e pronto!esta ffeito o efeito!enquant q no photoshop os profissionais com suas capacidads de criacao conseguem explorar muit mais!eh simplesment fantastico!!!esse soft foi um grand passo para as pessoas q estao na area de edicao imagens e video,como eu!
    se as pessoas acham que o photoshop cs3 extended e` poderoso,voces precisam conhecer o novissimo photoshop cs4 extended!!!!so` oque nao me agradou foi o preco!!na minha opiniao um programa com tao grande expassao profissional poderia ter um preco mais acessivel as outras camadas!

  9. Aff o cara posta um tutorial de graça tentando ajudar os outros a ter uma vida mais fácil e vem gente apelando pra Sony vegas, melhor ficar calado do que falar algo que todos ja sabem, fora que a maioria dos profissionais em video nem usa vegas, tem coisa melhor no mercado. Na boa Andre vc foi 1000 em paciencia.Por que lugar de estrela é no ceu.
    Informaçao boa sempre é bem vinda. Tem gente que só tem photoshop. Por isso é bem vindo. PARABENS.
    abraços, junior

  10. Olá… Gosto muito desse blog…
    visito todos os dias, para ver as coisas nova..
    Gostaria que você colocasse o link da imagem da tv corretamente, só está o texto sem link..
    Obrigado..
    Preciso Dessa imagem

  11. Olá..eu estou tentando abrir o video no PS. soh que ele fala q eu não tenho o quicktime 7.1 i por isso ele não abr o vido no PS. gostari ade saber como faço pra colocar o quick time. pq eu acho soh o 7.1.3 ou o 7.1.5 e nem um deles adiantou..gostaria de saber qual e onde eu poderia encontrar ele pra q eu possa editar meus videos…ele não abre nem o video do tutorial..meu email eh diego_15_bmx[at]hotmail.com…por favor me responda…MTO obrigado e até + !!!

  12. OLÁ ANDRÉ,SINCERAMENTE EU TE ADMIRO MUITO,POIS VC FAIS COISAS INACREDITÁVEIS,E EU ME EMPRESSIONEI MUITO COM ESSE VÍDEO QUE VOCÊ EDITOU,E POREM EU ESTOU COM UMA GRANDE DÚVIDA,O MEU PHOTOSHOP É O CS3 EXTENDED,AI EU FUI TENTAR FAZER UM VÍDEO ASSIM COMO O SEU,SÓ QUE EU FUI LÁ EM LAYERS,E NÃO ENCONTREI VIDEO LAYER,AI EU FIQUEI INTRIGADO SE O MEU PHOTOSHOP CS3 EXTENDED NÃO TEM ESSA FUNÇÃO OU EU QUE NÃO ESTOU CONSEGUINDO ACHAR,EU JA INSTALEI O QUICK TIME 7 MAS NADA,SERÁ QUE VC SABE O QUE PODE SER,DESDE JÁ TE AGRADEÇO.THAU THAU

  13. Oi Mônica, realmente é um feature útil se existir necessidade de uso de efeitos do Photoshop em algum vídeo, coisa complicada de se conseguir com outros editores de vídeo, veja que estou falando de efeitos complexos na imagem e não do efeito mostrado neste tutorial (que é bem simples por sinal), obrigado pela visita! volte sempre! 😀

    Oi Diego, sim, estou planejando isto há um bom tempo, inclusive já consegui todo o material necessário para criar as vídeo-aulas, porém ainda estou pesquisando microfones USB com boa captação, depois que achar farei algumas vídeo-aulas sim, obrigado pela visita!

  14. PARABÉNS!!

    FODASTICO ESSE TUTO.
    KEM DERA CONSEGUIR FAZER ISSO..
    DEPOIS DE ALGUNS ANOS FAMILIARIDADE COM O CS3, KEM SABE
    CRIO CORAGEM DE TENTAR FAZER ISSO!!!

    MAS VALEU ADOREI SABER Q EXISTE ESSA TECNICA!!

    BJOO

  15. Oi Evaldo, erro corrigido, obrigado pelo toque e desculpe o deslize, realmente existem muitos outros programas mais práticos para este tipo de trabalho, eu costumo usar o iMovie, que aliás tem um efeito “pronto” do mesmo tipo, mas como a CS3 Extended é a primeira versão do Photoshop que permite este tipo de edição acho que ainda ocorrerá muitas melhorias neste Feature do programa, a timeline o modo de trabalho me lembrou muito a timeline do Flash, o que facilita bastante para quem já trabalha com ele, uma coisa legal e que muitos programas de edição não permitem é que usando este tipo de recurso você pode tratar um filme usando qualquer efeito que você aplicaria em um foto usando o Photoshop, imagine então aplicar um efeito de desenho ou este outro tipo de efeito em um filme inteiro? o exemplo do tutorial é bem simples mas abre porta pra muitos outros tipos de trabalho em cima dos filmes, obrigado pelo toque e pela visita! 😀

    Oi Ramon, o Photoshop CS3 Extended só suporta os formatos MPEG‑1, MPEG‑4, MOV, AVI, FLV através do QuickTime se você tiver o Flash 8 instalado em sua máquina e MPEG‑2 se você tiver o codec apropriado para ver este tipo de arquivo no seu computador, infelizmente o .WMV não é suportado, obrigado pela visita.

  16. André,

    eu fiz tudo que está explicado no passo 1, mas na hora que eu vou abrir o vídeos que eu quero não aparece nada.

    Você sabe o que está ocorrendo?

    Obs: O vídeo está no formato .wmv.

    Flw!

  17. Ah, me lembrei de outra coisa… programas como o Sony Vegas e o Adobe Premier, próprios para edição de vídeo, fazem um efeito superior a este e muito mais fácil, basta configurar alguns parâmetros e o efeito está pronto. Rápido e fácil.

  18. É muito bom aprender a usar a opção de editar vídeo do Photoshop CS3 Extend.
    Mas amigo, pra variar, o tutorial deixou passar uma parte.
    No passo 12 está faltando algo, antes de aplicar o Noise, acredito que tenha um Render/Clouds.

De(ath)sign – Apocalypse later (pt01).

F.I.L.E. 2008 de 05 a 31 de Agosto.