-
Notifications
You must be signed in to change notification settings - Fork 6
/
camera_tracking_4_pontos.html
232 lines (150 loc) · 8.7 KB
/
camera_tracking_4_pontos.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="description" content="Manual Livre de Blender" />
<meta name="keywords" content="Blender, Free Software, Libre Software, Open Source, Free Culture, Animation, 3D, Animação, Illustration, Ilustração, Education, Educação, Software Livre, VFX, Efeitos especiais, Visual Effects, CGI, 3D printing, impressão 3D">
<meta name="author" content="nafergo" >
<meta charset="UTF-8">
<title>Manual Livre de Blender</title>
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- custom css -->
<link rel="stylesheet" href="css/mine.css" media="all" />
</head>
<body>
<div id="topo"></div>
<!-- início do menu -->
<div data-include="menu.html"></div>
<!-- fim do menu -->
<div class="container-fluid">
<div class="row">
<div class="col-xs-10 col-xs-offset-1">
<h1 class="titulopagina">Tracking de 4 pontos</h1>
<div class="page-header">
<h2>Introdução</h2>
</div>
<p>Se ainda não leu, por favor comece pelo texto <a href="preparacao_camera_tracking.html">Recomendações e Introdução</a>. Neste texto vamos utilizar o ficheiro 1ponto.mp4 (dados e ficheiro disponibilizados nesse texto) e é fortemente recomendado que aumente a memória RAM disponível
para tarefas de tracking e edição de vídeo (explicação no mesmo texto).</p>
<p>Geralmente, o tracking de 4 ponto é uma técnica simples e rápida. É algo limitada
mas suficiente para implementar alguns efeitos
interessantes. O processo é muito similar ao do
<a href="camera_tracking_1_ponto.html">tracking de 1 ponto</a>, apenas variando um pouco na janela 3D View.
Recomenda-se a leitura do texto sobre <a href="camera_tracking_1_ponto.html">tracking de 1 ponto</a> antes
de fazer este exercício porque diversos passos estão abreviados. Parte-se do princípio que quem está
a fazer este exercício já fez o <a href="camera_tracking_1_ponto.html">tracking de 1 ponto</a>.</p>
<div class="page-header">
<h2>Início</h2>
</div>
<p>O primeiro passo foi a conversão do vídeo para uma sequência de imagens. No nosso caso, foram
utilizadas 125 frames (5 segundos), desde a frame 3 até à 128, convertidas para
Targa Raw para não perder qualquer pixel com compressão.</p>
<p>O segundo passo foi a importação da sequência de imagens para o Movie Clip Editor. Selecione o Movie Clip Editor, clique em Open. Selecione a primeira frame da sequência e clique em
Open Clip.</p>
<img src="img/tracking/t1_1.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/tracking/t1_2.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/tracking/t1_3.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Acertámos as configurações de renderização de acordo com os ficheiros de imagem e vídeo original (25 FPS, 1920x1080) e definimos a timeline para 125 frames (Start no 1 e End no 125)
pois vamos trabalhar com 125 frames.</p>
<p>Através do Play Animation (Alt+A) inserimos a frames na cache.</p>
<div class="page-header">
<h2>Tracking</h2>
</div>
<p>Coloque-se na primeira frame a partir da qual pretende fazer tracking.
No nosso caso, é a partir da frame 1 e, portanto, colocámos a timeline na frame 1.</p>
<p>Clique no botão Add do painel Marker, disponível na barra de ferramentas (barra à esquerda) e
clique no local onde pretende fazer o tracking. Vamos fazer 4 trackings, um de cada vez. </p>
<p>Posicione o seu markers de forma similar aos das imagens abaixo e siga a seguinte sequência:</p>
<ol>
<li>posicione marker 1</li>
<li>tracking do marker 1</li>
<li>verifique e corrija (se necessário) o tracking do marker 1</li>
<li>volte à frame 1</li>
<li>posicione marker 2</li>
<li>etc.</li>
</ol>
<p>No nosso caso, decidimos fazer um redimensionamento da área pattern (aumentámos a área) para obter um
bom contraste e definição nos cantos.</p>
<img src="img/tracking/t4_1.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Depois de ter as 4 tracks, selecione todos os markers e utilize a opção Link Empty to Track (menu
Reconstructions).</p>
<img src="img/tracking/t4_2.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/tracking/t4_3.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Apague o cubo. Ative Background Image para a câmara, tipo Movie Clip, e selecione a sequência utilizada. Em visão de câmara deverá ver algo similar à imagem abaixo.</p>
<img src="img/tracking/t4_4.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Selecione os 4 Empties. Clique em Shift+S e escolha Cursor to Selected para colocar o cursor no
centro dos 4 Empties.</p>
<img src="img/tracking/t4_5.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Adicione um plano.</p>
<img src="img/tracking/t4_6.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Selecione o Empty do canto superior esquerdo e faça Shift+S, Cursor to Selected para colocar o cursor 3D
no local do Empty.</p>
<img src="img/tracking/t4_7.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Selecione o plano e ative o Edit Mode. Selecione o vértice mais próximo do canto superior esquerdo e
faça Shift+S, Selection to Cursor para colocar o vértice no local do cursor 3D. Como este está no local do
Empty, o vértice vai também ficar no local do Empty.</p>
<img src="img/tracking/t4_8.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/tracking/t4_9.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Repita o processo até os 4 vértices do plano estarem alinhados com os 4 Empties.</p>
<img src="img/tracking/t4_10.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Nesta frame, os 4 vértices do plano estão alinhados com os 4 Empties mas
é preciso que os vértices acompanhem os Empties durante a sua movimentação. Selecione um Empty e
depois o plano. Ative o Edit Mode e selecione o vértice que se encontra alinhado com o Empty selecionado.
Clique em CTRL+H e escolha a opção Hook to Selected Object. O vértice vai ficar "preso" (hook significa
anzol ou gancho) ao Empty.</p>
<img src="img/tracking/t4_11.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/tracking/t4_12.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Depois dos vértices estarem enganchados nos Empties, é altura de definir um material
para o plano (pode ser vídeo!) e utilizar o compositor para sobrepor imagem
renderizada à sequência original. </p>
<img src="img/tracking/t4_final.jpg" alt="..." class="img-responsive img-thumbnail center-block">
</div>
</div>
</div> <!-- /container -->
<!-- início do footer -->
<div data-include="footer.html"></div>
<!-- fim do footer -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.localScroll.min.js"></script>
<script src="js/csi.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("[rel=tooltip]").tooltip();
});
</script>
<script type="text/javascript">
jQuery(function( $ ){
/**
* Most jQuery.localScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
* @see http://flesler.demos.com/jquery/scrollTo/
* You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.LocalScroll.
*/
// The default axis is 'y', but in this demo, I want to scroll both
// You can modify any default like this
$.localScroll.defaults.axis = 'y';
/**
* NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
* also affect the >> and << links. I want every link in the page to scroll.
*/
$.localScroll({
target: 'body', // could be a selector or a jQuery object too.
queue:true,
duration:1000,
hash:true,
onBefore:function( e, anchor, $target ){
// The 'this' is the settings object, can be modified
},
onAfter:function( anchor, settings ){
// The 'this' contains the scrolled element (#content)
}
});
});
</script>
</body>
</html>