Efeito 3D Card Flip

1

Index

Tagged

Stats

4,407 visits, 5,646 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 4 Feb, 2015. Last updated 25 Feb, 2019

Neste tutorial, vamos aprender como fazer um efeito 3D de card flip usando Blender e InkScape. A idéia não é mudar a carta 3D em sí cada vez que você criar um novo jogo ou aplicação, mas sim mudar a imagem da frente e do verso de uma carta.

Vejo o demo aqui:

Demo

[

NdT: link mantido, mas ele apenas dá acesso aos raws e não ao demo renderizado (testado em 3 browsers diferentes) ]

Você vai precisar do Blender e do InkScape ou qualquer outro aplicativo de edição de imagem. Não vou explicar muito a fundo como usar o Blender, mas aqui estão alguns passos para criar a animação de carta 3D:

Blender

Criando o objeto "carta":

Mova a câmera para o modo "top view" (topo).

Rotacione a carta no eixo-Y, e insira key frames ao longo da rotação.

Eu criei 60 frames:

InkScape

Desenhe as imagens para a parte da frente e do verso da sua carta, tendo a certeza de que são do mesmo tamanho da carta criada no Blender; para melhores resultados, não coloca bordas nas imagens, pois as mesmas serão comprimidas para simular o efeito de flip da carta.

  • 0 Comments

Want to leave a comment? Login or Register an account!