All Articles After Effects
Parallax Tutorial: 2D para 3D com Photoshop
Richard Lainhart on Sun, April 10th 0 comments
In Part 1 of our tutorial, we began the process of turning a static 2D image into a 3D animation by opening the image and isolating each major section of the image onto its own layer in Photoshop. In

Na parte 1 do nosso tutorial , nós começamos o processo de transformar uma imagem estática 2D em uma animação 3D, abrindo a imagem e isolar cada seção principal da imagem em sua própria camada no Photoshop .

In Part 2, we're going to continue in Photoshop to fill in the empty areas in the image left by isolating the sections. Then we'll move over to After Effects to put the layers into 3D space and complete the animation.

Passo 6 - preencher as lacunas

Agora vem a parte difícil, se o que se passou antes não era complicado o suficiente para você. Você pode ter descoberto até agora que se fôssemos trazer esta imagem Photoshop em seu estado atual para o After Effects, separar cada camada no espaço em sua própria camada 3D e comece a movimentar-se as camadas com uma câmera, nós imediatamente ver os espaços vazios nas camadas para trás onde cortar as camadas para a frente. E você estaria certo.

Então o que precisamos fazer é um pouco de trabalho Photoshop fantasia para preencher as partes ausentes da imagem com pixels de forma que não vemos quaisquer lacunas. Para isso, vamos usar a ferramenta Carimbo. Com o Stamp Clone, vamos pegar pixels de outras partes da imagem e pintá-los nas áreas em falta para criar a ilusão de uma imagem contínua em cada camada. Não vai ser perfeito, mas vai ser bom o suficiente para enganar o olho.

Não precisa se preocupar com a camada de Marinheiros, como que vai estar na frente. Mas vamos ter de preencher as lacunas nas camadas de Água e Cidade. Vamos começar com a água. Desligue a visibilidade para as outras camadas, certifique-se a camada de água é selecionado, desativar qualquer seleção de pixels na camada (Select

Em seguida, Option-clique em algum lugar na água para definir o ponto de clone, e começar a pintar nas áreas vazias da imagem com pixels de água:

Felizmente, porque essa água é bastante indefinido, não temos que preocupar-se muito sobre a repetição pixels ou clonagem óbvio. Basta lembrar a Option-clicar regularmente nos pixels de água existentes para clonar a partir de um ponto diferente, e atente para as bordas da imagem que você pode bater. Se você acertar algumas arestas, apenas clone-los com pixels de outro lugar. Seu objetivo é preencher a área de recorte inteiro com razoável aparência de água:

Nota: Eu clonado em água bem acima do ponto de corte linha d'água, você vai ver porque em breve.

Mas, por agora, estamos a fazer com a água.

Passo 7 - Paint Na Cidade

Este será um pouco mais complicado, porque os edifícios da cidade estão mais familiarizados, formas regulares, mas não há tanto para pintar, e temos um bom estoque de outros edifícios na imagem para clone a partir de. Porque estamos a pintura com mais detalhes, comece com uma escova menor, digamos 25 pixels mais ou menos, e escolher um ponto de clone bem fora da área vazia. Esta camada será bem dentro do fundo, e vamos aproveitar a imprecisão geral e elevado detalhe desta área da imagem para preencher as lacunas com as seções outro edifício. Gostaria de sugerir pintura com traçados horizontais apenas, uma vez que os edifícios têm tais linhas fortes horizontais, mas não há nada de errado com a combinação de peças de construção de vários edifícios em nosso novo clonado:

Como antes, continue até que a clonagem toda a área cortada é preenchidos Ao contrário de antes, porém, não precisamos de clonar abaixo da linha d'água:

Se você olhar de perto, você verá alguns edifícios de aparência estranha na área encheu-in, mas nada que seja demasiado intrusivos - este certamente será melhor para os nossos propósitos.

Salve suas alterações, e estamos a fazer no Photoshop! As etapas finais no After Effects não vai demorar quase tão longo. Então, vamos saltar sobre a AE e acabar com isto.

Passo 8 - Importar o arquivo de Photoshop

Queremos ter certeza de que não perca nenhum centavo do nosso trabalho duro quando trazemos este arquivo Photoshop complexo em After Effects, então escolha Arquivo

Passo 9 - Configurar a Composição 3D

Estamos quase lá. Nós temos importado o arquivo do Photoshop como uma composição, o que significa que cada camada no arquivo original do Photoshop será agora uma camada separada na nova composição, incluindo informações das camadas originais "transparência e até mesmo a sua ordem na paleta Layer.

Então, clique duas vezes na nova composição, e arraste suas camadas (se já não estiverem nessa ordem) para que os marinheiros estão no topo, a água no meio, e da cidade na parte inferior. (Se algumas de suas camadas não eram visíveis devido à sua forma, isso deve corrigir isso. A água, embora, provavelmente ainda cobrir o City, por causa dos pixels extra que pintado em anteriores.) Você pode deixar o fundo original em de referência se

Neste ponto, ele ainda se parece com os marinheiros estão perdidos no mar, porque nós ainda não podemos ver a cidade, mas vamos corrigir isso em breve:

Em seguida, adicionar uma câmera ao comp escolhendo Camada

Agora estamos prontos para configurar as camadas no espaço. Selecione a camada de Marinheiros, tipo "P" para solo de suas propriedades de posição e observe que agora tem três propriedades posição - X, Y e Z. Z é a profundidade, então vamos mover a camada Marinheiros para a frente, arrastando o valor da posição em Z o intervalo negativo - no meu caso, cerca de -340. Isso irá mover a camada Sailors bem na frente dos outros dois.

Posição de solo para a próxima camada City, e definir a sua posição Z a 200. Isto irá mover a camada de volta no espaço, embora ainda não podemos ver a maior parte por causa da água:

Com a camada ainda selecionada Cidade, tecle Shift-S para adicionar às suas propriedades Escala solado, e escalá-lo até 120% ou mais, por isso enche o quadro. Agora, selecione a camada de água, eo tipo "P" para a posição de solo, Shift-R para adicionar Rotation às propriedades solado, e Shift-S para adicionar escala também. Defina sua rotação X a -45 graus, o que fará girar a água longe da câmera e dar-lhe uma perspectiva de recuo. (A água é um plano que liga para primeiro plano de fundo, assim girando-a como isso vai ajudar a enfatizar a distância entre a frente e para trás quando nós animar a câmera.) Em seguida, defina a sua posição Y (o do meio) para cerca de 1120 para revelar a cidade no passado e obter os marinheiros fora da água, e definir sua escala para cerca de 120, então ele preenche o quadro. A água deve ser posicionado de modo que apenas cruza a cidade na linha d'água. Todas as propriedades para as três camadas deve ser algo como isto:

E a imagem comp deve ser algo como isto:

Passo 10 - Animar a Câmara

Nosso último passo é animar a nossa câmara para adicionar algum movimento para a cena e definir a paralaxe para o trabalho. Também vamos aproveitar a oportunidade para ajustar as configurações de camada. Assim, com a câmera selecionada, tipo "P" para solo de suas propriedades de posição, e permitir keyframing no Quadro 0 para Posição. Mover a câmera para a direita, aumentando a sua posição X para 530 ou menos, mova-a para baixo no quadro (assim ele dispara a partir de uma posição inferior e move os marinheiros se no quadro), aumentando a sua posição Y para 780 ou menos, e de zoom em um pouco, diminuindo a sua posição Z a -775 ou menos como mostrado, o que trará os marinheiros muito mais perto:

Mover o cronograma para o ponto de 10 segundos, e animar a câmera para cima, dentro, e para a esquerda, definindo o X, Y, Z e os valores de posição a cerca de 420, 600 e -700, respectivamente:

Finalmente, selecione ambos os quadros-chave de posicionamento e aplicar Facilidade Fácil para eles (Animação

Você pode precisar de ajustar a escala ou o posicionamento das camadas neste momento, para que você não vê todas as bordas uma vez que você animar a câmera. Quando você tem as camadas set a seu gosto, render o comp (que eu dimensionado e colocado em outro comp 720p para compatibilidade YouTube), e você deve ver algo como isto:

E é isso! Note-se que a paralaxe dá uma forte impressão de camadas de imagens em diferentes distâncias a partir dos olhos, como a câmera se move para cima para revelar a cidade. Experimente movimentos de câmera diferentes e posições camada e rotações para ver o que acontece. Acima de tudo, experimentar e se divertir!

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: