-
Notifications
You must be signed in to change notification settings - Fork 6
/
9outras_opcoes_materiais.html
206 lines (116 loc) · 7.79 KB
/
9outras_opcoes_materiais.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
<!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">Outras opções de materiais<small>: stencils, vídeos, etc.</small></h1>
<h2>Stencils</h2>
<p>Stencils é uma técnica que permite utilizar texturas para controlar o modo como outras texturas se misturam.</p>
<p>No exemplo abaixo, utilizámos 3 texturas. A última (círculo preto sobre fundo branco) foi utilizada para controlar a sobreposição das duas primeiras.</p>
<img src="img/misturar_materiais/stencil1.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/misturar_materiais/stencil2.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/misturar_materiais/stencil3.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/misturar_materiais/stencil4.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>As três texturas foram aplicadas com Coordinates: Generated e Projection:Cube.</p>
<p>A textura que serve de Stencil tem de estar inserida entre as duas restantes e ter ativadas as opções RGB to Intensity e Stencil.</p>
<img src="img/misturar_materiais/stencil5.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>E pode utilizar vários Stencils!</p>
<img src="img/misturar_materiais/stencil6.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/misturar_materiais/stencil7.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<img src="img/misturar_materiais/stencil8.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<h2>Utilização de vídeos como texturas</h2>
<p>Em vez de uma imagem sem movimento, pode aplicar um filme como textura...</p>
<p>6- Abra um novo ficheiro. Aplique uma textura ao seu cubo.</p>
<p>7- Escolha uma textura do tipo Image or Movie. No nosso caso, optámos por uma projecção do tipo Cube para a textura ser projectada em todos os lados. Se quiser aplicar só a uma face, terá de estar em Edit Mode e utilizar o botão Assign (ver tutorial nº 2).</p>
<p>O filme que utilizámos é o primeiro episódio da série “Pantera Cor-de-Rosa”.</p>
<img src="img/img9/3outras_opcoes27ccfe1b.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>8- Nas opções Image surgem alguns dados importantes como o nº de frames do filme importado que pretende utilizar, etc.</p>
<p>Utilize a opção Start para definir em que frame da sua animação pretende que se inicie o filme importado.</p>
<p>Utilize Offset para definir a frame em que começa o filme importado.</p>
<p>Utilize AutoRefresh para actualizar o filme importado a cada frame da sua animação.</p>
<p>Utilize Cyclic para que o filme importado esteja em reprodução em ciclo (i.e. chega ao seu final e recomeça).</p>
<img src="img/img9/4outras_opcoes80a9.png" alt="..." class="img-responsive img-thumbnail center-block">
<h2>Animar materiais</h2>
<p>Uma outra opção é animar os materiais através de keyframes.</p>
<p>9- Abra um novo ficheiro. Aplique um material vermelho ao seu cubo.</p>
<p>10- segure-se que está na frame 1. Coloque o cursor do rato em cima da cor vermelha (Diffuse) e insira uma keyframe (I). Acabou de inserir uma keyframe relativa à característica Diffuse do seu objecto.</p>
<p>11- Avance até à frame 25.</p>
<p>12- Mude a cor do seu cubo para verde. Insira uma nova keyframe (I). Atenção ao local onde tem o cursor do rato!</p>
<img src="img/img9/5outras_opcoes0d46c0.png" alt="..." class="img-responsive img-thumbnail center-block">
<p>13- Se fizer ALT+A irá ver o cubo a mudar de cor entre a frame 1 e a frame 25.</p>
<p>14- Mude para a janela Graph Editor para ver a sua animação em forma de gráfico. Para ajustar a janela e ver melhor a linhas do gráfico, clique no BMR para deslocar o painel do gráfico e em CTRL+BMR para ajustar a largura/altura do gráfico.</p>
<p>A linha verde vertical marca a frame onde estamos (na imagem estamos na frame 25). Clique com o BER para avançar/recuar a linha verde, avançar/recuar as frames.</p>
<p>Na coluna da esquerda surgem os canais de keyframes. Pode seleccionar, desactivar, esconder e bloquear canais.</p>
<img src="img/img9/6outras_opcoes6391dc6e.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>15- Seleccione todas as keyframes (A) e, no menu Key, escolha outras hipóteses de interpolação, outras formas de transição entre as 2 keyframes que inseriu.</p>
<p>No nosso exemplo, a transição de material no cubo vai comportar-se do seguinte modo:</p>
<p>Bezier: cubo muda suavemente de vermelho (frame 1) para verde (frame 25) mas a velocidade não é constante, acelera lentamente no início e desacelera no final (pense num automóvel a iniciar o movimento e a parar).</p>
<p>Linear: cubo muda de vermelho (frame 1) para verde (frame 25) mas a velocidade constante.</p>
<p>Constant: cubo fica vermelho até à frame 24 e na 25 muda abruptamente para verde (pense num semáforo: desliga vermelho, liga verde)</p>
<img src="img/img9/7outras_opcoes7d0df0b3.png" alt="..." class="img-responsive img-thumbnail center-block">
</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>