Como fazer seu próprio cinemagraph no photoshop cs5

Cinemagraphs são pequenos arquivos GIF animados criados a partir de um filme, que capturam uma pequena seção movendo desse filme em uma seqüência sempre looping. Veja o exemplo para a direita se você não tem idéia do que estou falando, ou check-out próximo artigo de Tim sobre os 5 melhores blogs para encontrar Cinemagraphs. Hoje vou mostrar-lhe como fazer o seu próprio a partir de um arquivo de filme, usando o Photoshop CS5 Extended, e você pode ver o meu produto final à direita!

Nota: Você precisa ter a versão estendida do Photoshop para fazer isso, já que inclui os componentes de animação. Você também vai precisar de um conhecimento de trabalho básico de Photoshop, como eu não vou explicar conceitos-chave como camadas, ou como lixo-los ou torná-los invisíveis. Os usuários do Windows, substitua CMD com CTRL, e OPÇÃO com ALT chaves no tutorial.

Filmes, Timelines & QuickMasks

Vá em frente e abrir um arquivo de vídeo como faria com qualquer outro arquivo. Se a janela de animação não carregar automaticamente, ligue-o a partir do menu do Windows. Aqui eu escolhi um pequeno vídeo que eu tomei em meu iPhone de um esquilo em St James Park, em Londres.

Video: Como fazer um Banner Simples | Photoshop Banners #1

Encontre o ícone pequeno para a animação menu drop-down no canto superior direito da linha do tempo, como vamos usá-lo muito. Clique nele e encontrar o Configurações do documento. Alterar a taxa de quadros para cerca de 15 se for superior. Geralmente, vídeos vai começar em cerca de 30 quadros por segundo, o que é muito alto para animações simples.

Em seguida, se familiarizar com o cronograma um pouco mais. Ao longo do topo da linha do tempo é um ponteiro azul que indica o quadro corrente na sequência. Arraste-o para esfregar frente e para trás através de seu filme. Há também jogar controles no canto inferior direito.

Arraste o ponteiro para onde você quer que seu filme para começar. Agora, arraste o retângulo azul que marca o início do filme para onde o ponteiro mudou-se para. Mantenha pressionada a tecla shift para ter um estalo em seu local do ponteiro. Se você acertar jogar novamente, você deve perceber que o filme começa agora onde você configurá-lo para.

Arraste o marcador novamente para onde você quer que o filme final, e fazer o mesmo com o pequeno marcador extremidade azul do lado direito. Agora visualizar novamente, e você deve ver o ciclo básico de seu lugar filme tomada. Se tudo é bom, selecione Apare Documento Duração to Work Area a partir do menu cronograma de novo no canto superior direito.

Em seguida, você precisa encontrar o seu quadro master - este é o único quadro de vídeo que será o cenário - o pouco de sua animação que não se move. Esfregue o marcador até ver o quadro desejado, em seguida, bateu CMD-A para selecionar todos e CMD-C para copiar, em seguida, CMD-V colar. Isso deve criar uma nova camada com o seu quadro-chave selecionado.

Em seguida, bateu o Q chave para abrir QuickMask modo. Selecione os pincel ferramenta e uma escova de tamanho adequado, e começar a pintar as áreas de seu filme que você deseja permanecer estático. Dentro QuickMask modo, você deve vê-los destacou vermelho quando você pinta (se não, você não está no modo de máscara rápida, então desfazer e tente novamente). Deixar as áreas que têm o elemento móvel do filme que você deseja manter.

Tendo destacado todos os bits da cena que deseja ficar parado, bateu Q novamente para sair do modo QuickMask, então segure ALT e clique no Add Layer Mask botão na paleta de camada. Esse é o botão na parte inferior que é um retângulo com um círculo nele.

Isso deve criar uma nova camada de máscara na camada de imagem quadro-chave ainda, como abaixo.

Video: How to Make a Cinemagraph in Photoshop CS5

Neste ponto, você deve ser capaz de visualizar a animação se ambas as camadas são visíveis, basta jogar bater na janela de animação. Você também pode ainda cortar a animação se desejar, como eu fiz neste caso. Esta é agora uma boa indicação de que seu cinemagraph final vai parecer - o restante das etapas são simplesmente como exportar isso em um GIF animado.

Exportar a animação

Clique no menu de animação novamente e selecione Achatar quadros em camadas. Isto irá criar um grupo de camadas, cada um único quadro do filme. Apagar a imagem quadro-chave original, e a camada de filme, deixando apenas o quadro camadas de animação que você acabou de criar.

Em seguida, transformar o filme em um Animação quadro clicando neste botão no canto inferior direito da janela de animação cronograma. Quando você fizer isso, apenas um quadro será criado, mas não se preocupe.

Video: Como criar um Cinemagraph no Photoshop

Em seguida, volta para o menu de animação e selecione Criar Quadros de Camadas. Isto irá converter todas as suas camadas de animação em quadros.

Finalmente, o seu quadro de animação tem uma longa pausa no início. Clique no primeiro quadro para abrir o menu de atraso. Você pode removê-la completamente, ou começar a adicionar diferentes atrasos em vários quadros, se você quiser um efeito tempo particular.

Finalmente, você deseja que a animação para repetir para sempre, não apenas jogar uma vez, então logo abaixo do quadro inicial, clique no drop-down que diz uma vez e alterá-lo para sempre.

Agora você`r pronto para salvar. No menu Arquivo, selecione Salvar para a web & Devices. Escolha o tipo de arquivo GIF, e reduzir o tamanho físico, se necessário. Lembre-se que há uma indicação de tamanho final do arquivo no canto inferior esquerdo, por isso, brincar com as configurações para obter esta tão baixa quanto possível. I sugerem a utilização de um padrão de pontilhamento, e reduzir o número de cores a cerca de 32 ou 64, com uma selecção de cor selectiva.

Conclusão

Obviamente, se a câmera estava tremendo no filme original como o meu foi, então, o efeito vai ser um pouco estranho, e também é melhor se é capaz de laço sem problemas. Tenho certeza que você pode fazer melhor embora. Caso você tenha feito o seu próprio cinemagraph, sinta-se livre para compartilhar um link para ele nos comentários, e vamos ver quem é o melhor. Você também pode ler todas as outras artigos e tutoriais aqui Photoshop.