X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close
Criar ambientes 3D no Photoshop e After Effects
Traduzido pelo Google Translate

Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

O artigo de David Smith MPVHub " Perspectiva 3D: Vanishing Point no Photoshop CS5 "é uma boa introdução para o filtro Vanishing Point no Photoshop. Mas você sabia que no Photoshop CS3 Extended ou mais tarde você pode exportar imagens Vanishing Point que você cria com o filtro no After Effects tão cheio de cenas 3D que você pode voar através? Neste Tutorial de recursos, vamos mostrar-lhe como fazê-lo. Vamos começar.


Passo 1 - Encontrar uma imagem apropriada

Primeiro, é claro, precisamos de uma imagem para trabalhar. Ao escolher uma imagem que vai funcionar bem com o filtro Vanishing Point, que ajuda a entender um pouco como Ponto de Fuga em si funciona. Essencialmente, quando você aplica Ponto de Fuga a uma imagem, então você precisa para definir os principais planos de perspectiva na imagem - o piso, as paredes, o teto, e qualquer outros grandes objetos planos pode ser na imagem. Isso não significa que você literalmente tem que usar uma imagem que tem um piso e um teto e assim por diante, mas ele não ajuda se você tiver bem definidos planos de perspectiva em sua imagem, junto com um forte senso de perspectiva na cena si. No meu caso, eu vou estar usando este tiro de férias recente da minha esposa de uma viela antiga, em Edimburgo, na Escócia:

Source image


Como você pode ver, temos um bem definido, se estreita chão, para o beco com paredes paralelas de cada lado, e um para trás "muro" que começa onde os passos cair fora. Nós não podemos ver em cima, por isso não terá que se preocupar com o "teto" neste caso.

Uma vez que tenhamos definido os planos de perspectiva da imagem, exportar a coisa toda para After Effects irá criar uma composição contendo um objeto 3D composto pelos planos que você definiu, juntamente com arquivos de imagem das áreas que serão mapeados para esses aviões e uma câmara de 3D correctamente (mais ou menos) orientada na cena. Então, podemos animar a câmera para "andar" o beco, enquanto After Effects automaticamente distorce os mapas de imagens com paralaxe para criar a ilusão de espaço 3D - tudo em uma imagem plana 2D.

(Não vamos entrar em detalhes aqui, mas você pode aprender mais sobre paralaxe em meu artigo MPVHub " Parallax Tutorial: 2D para 3D com Photoshop

Então, para recapitular, uma imagem boa fonte de Fuga Ponto de trabalho entre Photoshop e After Effects terá um forte senso de perspectiva e bem definidas paredes, pisos e tetos, ou o equivalente.


Passo 2 - Aplique o filtro Vanishing Point

Em seguida, depois que você abriu a sua imagem no Photoshop (note que você tem que ter a versão Extended do Photoshop para usar o Ponto de Fuga), aplique o filtro Ponto de Fuga (Filtro

Vanishing Point window


Passo 3 - Criar o Plano primeira perspectiva

É importante que o seu plano de perspectiva primeiro ser colocados precisamente, porque todos os outros planos na imagem será obtida por que - se os ângulos ou cantos do primeiro avião está fora, o resto dos aviões vai ser muito, e você ganhou " t ter a perspectiva correta quando animar nossa câmera mais tarde.

Então, certifique-se a ferramenta Plane Criar é ativo, o que será por padrão (é o segundo de cima na barra de ferramentas).

Create Plane Tool


Clique com ele na imagem, no canto mais distante da parte da imagem que vai definir um dos seus planos - o plano de chão ou no fundo da imagem é normalmente um bom lugar para começar, se ele está bem definido. Uma vez que o primeiro ponto é colocado, mova o cursor para a próxima esquina adjacente (não clique e arraste, apenas mover), e você verá uma linha azul seguem o cursor. Alinhe a linha azul com a borda do plano de perspectiva em sua imagem, e clique novamente para colocar o segundo ponto:

Placing points


NOTA: Não há problema em colocar o segundo ponto para além da borda da imagem, na verdade, ele pode ser útil para fazê-lo para se certificar de suas linhas de avião alinhar corretamente com o plano de perspectiva em sua imagem.

Seguindo o mesmo procedimento, coloque o terceiro ponto na esquina plano adjacente perspectiva próxima, e terminar com o quarto ponto na última curva - ao contrário de uma seleção, você não precisa clicar no primeiro ponto novamente para fechar o plano fora . Se você colocou os seus pontos corretamente, você verá uma grade azul que define o seu primeiro avião:

The third point


Se você ver um contorno vermelho em vez do azul cingirá, isso significa que o Photoshop não é capaz de igualar o avião para o plano de perspectiva na imagem. Normalmente, porém, você pode facilmente corrigir isso, arrastando um pouco sobre um dos pontos brancos no canto do contorno vermelho


Passo 4 - Criar o Plano segunda perspectiva

Em seguida é preciso definir o plano de segunda perspectiva, que fará uma das paredes. Então, segure a tecla Command, clique em um dos pontos de meados do plano que você acabou de criar, e arraste para cima ao longo do plano da parede - como você faz, você vai ver outro plano completo (sem necessidade de se colocar cantos neste momento) que segue a linha do muro, como figuras Photoshop fora do alinhamento perspectiva correta com base no seu plano de grade em primeiro lugar:

Getting the correct perspective alignment


Mantenha arrastando o novo avião para cima até chegar à borda da imagem - você vai ver que o canto superior do plano vai muito fora da imagem, que é OK. Você também verá que o novo avião não vá todo o caminho até a frente da parede, que vamos corrigir em seguida.


Passo 5 - Ajuste o plano de perspectiva Segunda

Em seguida, é necessário para arrastar o bordo da frente do segundo plano de modo que se alinha com a borda frontal da parede visível. Para isso, basta pegar o ponto de edição branca na borda frontal (o cursor vai ter alterado automaticamente para a ferramenta Plane Edit) e arrastá-lo para que o plano vai apenas fora da borda da imagem:

Working with the white edit point


Nós também precisamos fazer isso com a parte superior do segundo plano, então pegue um dos pontos de retaguarda brancas e arraste-o para cima de modo que o plano cobre completamente a parede:

Covering the wall with the plane


Passo 6 - Criar os planos de perspectiva Restantes

Seguindo os mesmo passos, Command na primeira grade (clique nele primeiro para exibir os pontos brancos editar) para criar o plano parede oposta, em seguida, ajuste-o para que cobre a parede (pode ser necessário diminuir o zoom para arrastá-lo longe suficiente para cobrir a parede, que você pode fazer com Comando menos; Comando-plus zooms de volta, como seria de esperar):

Covering the opposite wall


Por fim, o Comando do mouse sobre o ponto de edição na extremidade do primeiro avião para arrastar o traseiro "parede" de avião. Você pode precisar de ajustar a largura um pouco para que ele atenda as bordas dos planos da parede lateral - para isso, basta arrastar um dos pontos brancos editar ao longo da borda vertical

Four planes should now cover all parts of the image


Passo 7 - exportar os arquivos After Effects

Nosso último passo aqui no Photoshop é exportar a nossa imagem como um Ponto de Fuga After Effects. Arquivo VPE (Fuga do Exchange Point). Para fazer isso, clique em Configurações pequenos e comandos de menu no canto superior esquerdo da janela, e escolha Exportar para After Effects (VPE). ...:

Save as a .vpe


Você vai querer guardar este em uma sub-pasta própria, como você estará criando um After Effects. Arquivo VPE, um arquivo .3 ds objeto 3D, e um arquivo de imagem. Png para cada um dos planos criados aqui . Depois de criar o seu sub-pasta e dada a exportação um nome apropriado, clique em OK na janela Ponto de Fuga e lançar After Effects.


Passo 8 - Importe os arquivos VPE.

No After Effects, escolha Arquivo

Uma vez que você fizer, você verá uma pasta contendo os arquivos. PNG para cada plano de grade que você cria, e um arquivo de Composição. VPE. Clique duas vezes em que abri-lo e ver como tudo aconteceu:

PNGs for each grid created


Passo 9 - Ajuste o VPE Comp.

Mas que ...? Como você pode ver, toda a imagem é girada, o que obviamente não é o que queremos. Esta é uma das peculiaridades do filtro Vanishing Point - muitas vezes você terá uma cena rodada quando você importá-lo para o After Effects. Mas isso é fácil de corrigir.

Olhe na janela Layer, e você verá uma camada pai de que todas as camadas. PNG e seus objetos 3D associados são crianças. (Observe também a Câmara que foi criada automaticamente na importação.) Para corrigir o problema de rotação, selecione a camada Controladora e R tipo de solo de sua propriedade Rotation. Você notará que a rotação Z é definido como um valor ímpar:

The image rotated


Você acha que você poderia apenas configurá-lo de volta a zero e tudo ficaria bem, mas infelizmente isso não é frequentemente o caso. Para mim, eu tive que arrastar o valor de rotação Z até -17 para obtê-lo olhar para a direita - sua milhagem pode variar, sem dúvida:

manually adjust the Z value


Passo 10 - Animar um passo a passo

Agora, finalmente, depois de tudo isso, temos que fazer algo legal - um pequeno passeio pela viela. Os importados VPE padrões comp para 30 segundos, que você pode querer encurtar - Eu fiz meus 10 segundos de duração. Em seguida, abra as propriedades de transformação para a Câmara no comp, e definir um quadro-chave para a posição às 0:00 em sua Timeline. Em seguida, mova para o ponto de 10 segundos, e arraste o valor da posição Z para a câmera na direção positiva para mover a câmera para o beco.

Até onde você vai é até você, é claro - você vai notar que, eventualmente, você começará a ver alguns embaçamento e distorção das imagens do lado da parede, como não há resolução cada vez menos disponível na imagem o mais em você ir, mas ainda é muito milagroso como convencer o efeito pode ser. Para terminá-la, aplique o Assistente Easy Ease Keyframe para sua câmera keyframes de posicionamento Z, e visualizar o resultado:

[Vídeo id = "9018"]


E é assim que você criar ambientes 3D navegáveis ​​a partir de imagens planas usando o Photoshop e After Effects. Como sempre experimentar e se divertir.


Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

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.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link