-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy path5voando_num_path.html
270 lines (151 loc) · 15.3 KB
/
5voando_num_path.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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<!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">Blender – Voando num path</h1>
<p>1- Comece por criar uma cena limpa de objectos (no início, o Blender começa sempre com um cubo já inserido). Clique na tecla “Delete” ou X para apagar o cubo. </p>
<p>2- Vá ao menu File e escolha a opção Append. Através desta função, vamos importar para este ficheiro cópias de objectos existentes noutros ficheiros .blend. Estas cópias são independentes dos objectos originais, as alterações que vamos implementar agora não se aplicam aos objectos originais.</p>
<p>3- Navegue na janela File Browser até encontrar o ficheiro .blend onde armazenou a nave criada no tutorial 3. Quando clicar no ficheiro, este irá dar lugar a uma estrutura de pastas com tudo aquilo que existe dentro desse ficheiro .blend (i.e. Mesh, lamps, materiais, câmara, etc.).</p>
<p>Para perceber melhor a natureza de um ficheiro .blend, imagine que é um ficheiro compactado com diversos ficheiros e pastas independentes. Por exemplo, na pasta Lamp vão estar armazenadas as lâmpadas existentes, na pasta Material estão os materiais criados, etc. No entanto, estes objectos também estão ligados entre si. Por exemplo, na pasta Scene estão armazenadas as Scenes criadas e uma Scene pode ter ligação a vários ficheiros (i.e. Mesh, lamps, materiais, etc.). Se importar a Scene, vai importar tudo o que estiver a ser utilizado na Scene importada (i.e. Mesh, lamps, materiais, câmara, etc.)</p>
<img src="img/img5/1voando79f84861.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>4- No nosso caso, queremos importar os objectos que correspondem ao avião/nave e a cada um dos motores. Seleccione os 3 objectos (clique com SHIFT) e depois clique no botão Link/Append (topo, lado direito) para importar os objectos e materiais aplicados (caso tenha aplicado algum).</p>
<p>Repita o processo no ficheiro criado no tutorial 4 e importe os 5 objectos criados.</p>
<p>Como já deve ter reparado, não vamos importar a câmara e lâmpada existentes em cada um desses ficheiros.</p>
<img src="img/img5/2voando701673cb.png" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/img5/3voando592b7274.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>5- No final da importação, deverá ter os objectos todos sobrepostos. Distribua os objectos pelos vários layers: avião/nave e motores no primeiro layer; desfiladeiro no segundo layer; espiral no terceiro; círculos no quarto layer e espigado no quinto.</p>
<img src="img/img5/4voando58f1f617.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>6- Vá activando e desactivando os layers com conteúdo (para activar vários layers, SHIFT + clique do BER nos layers) à medida que vai redimensionando e posicionando os objectos.</p>
<p>No final, com todos os layers com conteúdo activos, deve obter uma sequência semelhante à apresentada na imagem abaixo.</p>
<img src="img/img5/5voando2fbe5304.png" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/img5/6voando27d95171.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>Redimensione à vontade. O objectivo é fazer passar o avião/nave por esses objectos. Não é preciso que os objectos estejam exactamente alinhados, o avião não vai andar em linha recta, mas é preciso que haja espaço suficiente para o avião passar.</p>
<p>7- Coloque-se em Object Mode, visão de topo (NUMPAD 7) e visão ortogonal (NUMPAD 5). Adicione um Path (SHIFT+A > Curve > Path) à sua cena.</p>
<p>Se se aproximar do path adicionado e passar para Edit Mode, consegue ver a direcção do Path. No nosso caso, está a seguir o eixo X.</p>
<p>Passe para Object Mode e rode 90º em torno do eixo Z (R > Z > 90).</p>
<img src="img/img5/7voando33de2157.png" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/img5/8voando73481bce.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>8- Posicione o Path ao lado do percurso criado com os objectos e redimensione-o de forma semelhante à exibida na primeira imagem à direita.</p>
<p>Depois alinhe o Path com os objectos (segunda imagem à direita).</p>
<p>Os X marcam o início e fim do Path por nós utilizado.</p>
<img src="img/img5/9voando19f13d3e.png" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/img5/10voando66a809ac.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>9- Coloque-se na visão lateral (NUMPAD 3), visão Wireframe (Z). Seleccione o Path, passe para Edit Mode e clique 3 vezes no botão Subdivide (painel de ferramentas) para criar mais vértices no Path.</p>
<p>Ainda na visão lateral, seleccione os pontos necessários e desloque-os em Z para criar um caminho para a nave. Se reparar na imagem abaixo, existe uma subida na entrada da espiral e uma descida na saída. No entanto, a descida na saída vai desaparecer porque os pontos seguintes também foram movidos em Z. Mova os pontos que considerar necessários. </p>
<img src="img/img5/11voando58ad00e.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>No final, a nossa configuração do Path é esta:</p>
<img src="img/img5/12voando40d7b39b.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>10- Posicione o avião no início do path, perto do primeiro vértice. Veja na visão de topo para assegurar-se que o avião também está alinhado com o Path.</p>
<img src="img/img5/13voando5022cd67.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>11- Seleccione o objecto avião e depois o Path para criarmos um parentesco entre eles. O avião vai ser o “filho” que segue o “pai” Path. Escolha o parentesco Follow Path.</p>
<img src="img/img5/14voando3c3120f0.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>12- Afaste-se de forma a conseguir visualizar todo o percurso. Em Object Mode, prima ALT+A para ver a sua animação (ESC para sair). Já deve ter reparado que existe uma pausa longa antes de o avião repetir a animação. Isto deve-se ao facto de existirem 250 frames prédefinidas para animação (durante a animação, se olhar para o rodapé do ecrã vê o número de frames) mas o Path ter uma prédefinição de 100 frames.</p>
<p>13- Seleccione o Path em Object Mode, vá ao painel Object Data e altere as 100 frames no Path Animation para 250.</p>
<p>Repita o ALT+A para ver a diferença.</p>
<img src="img/img5/15voando196e78c9.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>14- Movimente a câmara (G) e proceda às rotações (R) necessárias até obter uma perspectiva semelhante à da imagem abaixo na visão da câmara. (NUMPAD 0).</p>
<img src="img/img5/16voando42041e52.png" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/img5/17voando324d1a2e.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>15- Seleccione a câmara e depois o avião para criarmos um parentesco entre eles. A câmara vai ser o “filho” que segue o “pai” avião.</p>
<img src="img/img5/18voando58011456.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>16- Coloque-se no modo de visão câmara (NUMPAD 0) e depois active a animação com ALT+A.</p>
<img src="img/img5/19voando389e13f9.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>17- Se necessário, proceda a ajustamentos nos vértices do Path ou na posição/dimensão dos objectos do cenário.</p>
<p>18- Assegure-se que está na frame 1 e em Object Mode. Seleccione o objecto “espigado” e insira uma keyframe (I) de rotação.</p>
<img src="img/img5/20voando6bf59631.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>19- Avance até à frame 11 (clique na seta para cima do teclado ou utilize as setas no indicador de frame). Rode o objecto 20º em Y (R > Y > 20) e insira nova keyframe (I) de rotação.</p>
<p>20- Ainda com o objecto “espigado” seleccionado, passe para a janela de tipo Graph Editor.</p>
<p>21- Nova janela apresenta uma representação em gráfico da animação que acabou de criar. À esquerda pode ver o nome do objecto que animou e o tipo de keyframe inserida.</p>
<p>Na coluna da esquerda, clique no Rotation. Se clicar em A selecciona todos (ou retira a selecção) de todas as keyframes de rotação do objecto.</p>
<p>Assegure-se que tem todas as keyframes seleccionadas (surgem num tom laranja).</p>
<img src="img/img5/21voando7370562d.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>No menu Key, submenu Extrapolation Mode, escolha a opção Linear Extrapolation. A extrapolação vai permitir calcular movimento com base nas keyframes seleccionadas. Neste caso, o objecto vai estar sempre a rodar à mesma velocidade sem que seja necessário inserir novas keyframes.</p>
<img src="img/img5/22voando89248.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>22- Volte à janela 3D View e repita o processo para os dois círculos de caixas que antecedem este objecto no percurso. Sugestão: para não andarem todos à mesma velocidade e na mesma direcção, insira uma rotação de 10º em Y num círculo e de -20º no outro.</p>
<p>Para facilitar a visualização no Graph Editor (para não estar a ver todas as linhas de animação de todos os objectos presentes na cena) active apenas as caixas necessárias no menu do lado esquerdo. Não se esqueça de clicar em cima da Rotation que pretende extrapolar e seleccionar todas as keyframes dessa rotação antes de ir ao menu activar a Linear Extrapolation.</p>
<img src="img/img5/23voando58a80fc.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>23- Se voltar à janela 3D View e animar, irá reparar que os 3 objectos estão permanentemente em movimento. No entanto, os dois círculos de caixas não devem estar a rodar como esperado. Isso deve-se ao centro/origem do objecto. Como não alterámos a origem/centro do objecto, os círculos estão a rodar em torno do centro do primeiro cubo.</p>
<p>24- Em Object Mode, seleccione um dos círculos de caixas, clique no botão Origin (painel de ferramentas) e escolha a opção Origin to Geometry para o centro/origem do objecto ser o ponto mediano entre todos os vértices do objecto. Ou seja, para o centro/origem ser o centro do primeiro círculo de cubos. Repita o processo para o outro círculo.</p>
<img src="img/img5/24voando1df0c402.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>25- Seleccione cada um dos objectos e atribua um material colorido.</p>
<img src="img/img5/25voando7f308461.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>26- Seleccione a lâmpada existente e escolha o tipo Hemi. Não irá sem uma iluminação muito interessante (não tem sombras, por exemplo..) mas permitirá ver tudo claramente.</p>
<img src="img/img5/26voando12bc1056.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>27- Vá ao painel World e active a opção Blend Sky para que o fundo da imagem a renderizar seja a transição entre a cor definida para a linha de horizonte (escolha um azul mais escuro) e a cor do zénite (escolha um azul mais claro). Active o Real Sky se quiser renderizar com um horizonte real.</p>
<img src="img/img5/27voando1a6129e7.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>28- Vá ao painel Render e verifique as suas configurações. Se não alterou as pré-definições, deverá estar pronto a renderizar com uma resolução de 50% de 1920x1080, 250 frames (começando na 1 e terminando na 250), a 24 frames por segundo (FPS).</p>
<p>Defina a pasta para onde a renderização será enviada. Por pré-definição está configurada para a pasta TMP. </p>
<p>Escolha o tipo de ficheiro que pretende criar. No nosso caso, escolhemos AVI JPEG.</p>
<img src="img/img5/28voando21e03ea2.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>29- Clique em Animation e espere... Quando terminar de renderizar deverá ter um ficheiro AVI na pasta que escolheu com cerca de 10 segundos.</p>
<img src="img/img5/29voando4d1d4516.png" alt="..." class="img-responsive img-thumbnail center-block">
<h3>Sugestões</h3>
<p>Melhorar a iluminação (experimente trocar a Hemi pelo Sun ou adicionar várias Spots), modificar os materiais, melhorar a modelação...</p>
<p>Inserir novas câmaras e renderizar de outras perspectivas. Se quiser adicionar outras câmaras, tenha em atenção que a renderização é feita na câmara activa. Ou seja , se adicionar simplesmente outra câmara e mandar renderizar vai obter o mesmo resultado. Para definir a câmara activa, seleccione a câmara em Object Mode e clique em CTRL+NUMPAD 0.</p>
</div>
</div>
<!-- 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>