116 lines
5.2 KiB
HTML
Executable file
116 lines
5.2 KiB
HTML
Executable file
<!doctype html>
|
|
<html lang="pt-br">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" type="text/css" href="../styles/reset.css" />
|
|
<link rel="stylesheet" type="text/css" href="../styles/root.css" />
|
|
<link rel="stylesheet" type="text/css" href="../styles/fonts.css" />
|
|
<link rel="stylesheet" type="text/css" href="../styles/projects.css" />
|
|
<link
|
|
rel="icon"
|
|
href="../images/viniciusalucas-qr-code.ico"
|
|
type="image/x-icon"
|
|
/>
|
|
<title>
|
|
Exploring camera matching with Blender and Fspy| Vinícius Alexandre
|
|
Lucas
|
|
</title>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<img
|
|
src="../images/projects/exploring-camera-matching-with-blender-and-fspy/viewport.webp"
|
|
alt="Capa da pagina, exibindo o viewport 3D do Blender, contendo uma pré-visualização do projeto gráfico"
|
|
/>
|
|
<h1>Explorando camera matching usando o Blender e Fspy</h1>
|
|
<h2>10/2023</h2>
|
|
</header>
|
|
|
|
<section>
|
|
<p>
|
|
Uma fas formas mais interessantes de produção gráfica
|
|
fazendo o uso de recursos digitais é o camera matching.
|
|
Neste processo, uma fotografia tem a sua perspectiva
|
|
analisada e reconstruída digitalmente para que novos
|
|
elementos sejam adicionados na pós-produção, de maneira fiel
|
|
e presente ao ambiente da imagem.
|
|
</p>
|
|
|
|
<p>
|
|
O Blender é um software open-source, feito para a
|
|
manipulação geral de objetos 3D, e inclui múltiplas
|
|
funcionalidades para modelagem, animação e composição, sendo
|
|
uma ferramente extremamente poderosa e flexível para
|
|
diversos processos de criação gráfica e simulação
|
|
tridimensional.
|
|
</p>
|
|
|
|
<p>
|
|
Assim como o Blender, o Fspy também é um programa de código
|
|
aberto, mas este possui um propósito mais específico. Ao
|
|
importar uma imagem no Fspy, ele permite que as linhas de
|
|
perspectiva da imagem sejam manualmente traçadas pelo
|
|
usuário, com o objetivo de exportar ao Blender as
|
|
configurações de ângulo, posição e distância focal. Ao
|
|
importar as configurações da câmera, o ambiente 3D se alinha
|
|
perfeitamente com a fotografia original, permitindo os
|
|
efeitos de composição de elementos.
|
|
</p>
|
|
|
|
<p>
|
|
Um dos primeiros testes que fiz consiste em uma fan-art do
|
|
Pikmin, um jogo desenvolvido e lançado pela Nintendo para o
|
|
Gamecube, que fiz tentando replicar o estilo da capa do
|
|
disco jogo.
|
|
</p>
|
|
|
|
<p>
|
|
Cada uma das imagens representa uma etapa, e na sequência,
|
|
elas representam a fotografia original, a tag de referência
|
|
de alinhamento, o ambiente 3D e a renderização final:
|
|
</p>
|
|
</section>
|
|
|
|
<div>
|
|
<img
|
|
src="../images/projects/exploring-camera-matching-with-blender-and-fspy/background-min.jpg"
|
|
alt="Fotografia original utilizada no projeto, consiste em uma foto de um pequeno canteiro de plantas coberto, com a perspectiva rente ao chão e em direção ao toldo do local"
|
|
/>
|
|
<img
|
|
src="../images/projects/exploring-camera-matching-with-blender-and-fspy/tracking-plane-min.jpg"
|
|
alt="Fotografia do mesmo local, mas com a pequena de tag de referência de ângulo ao chão"
|
|
/>
|
|
<img
|
|
src="../images/projects/exploring-camera-matching-with-blender-and-fspy/viewport.webp"
|
|
alt="Imagem do projeto 3D rodando dentro do Blender, exibindo a interface do programa, assim como a pré-visualização dos modelos em cena"
|
|
/>
|
|
<img
|
|
src="../images/projects/exploring-camera-matching-with-blender-and-fspy/render-output.png"
|
|
alt="Saída da imagem gerada pelo Blender, sem tratamentos adicionais"
|
|
/>
|
|
</div>
|
|
|
|
<section>
|
|
<p>
|
|
Ao processar todas estas imagens e editá-las, este foi o
|
|
resultado
|
|
</p>
|
|
|
|
<img
|
|
src="../images/projects/exploring-camera-matching-with-blender-and-fspy/pikmin-final-edit.webp"
|
|
alt=""
|
|
/>
|
|
</section>
|
|
|
|
<footer>
|
|
<a href="../index.html"
|
|
><button>Ir até a página inicial ➜</button>
|
|
</a>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|