-
Notifications
You must be signed in to change notification settings - Fork 6
/
blender_e_arquitetura.html
247 lines (156 loc) · 11.1 KB
/
blender_e_arquitetura.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
<!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>Visualização de arquitetura <small>com Blender</small></h1>
<p><small>O presente texto foi escrito em colaboração com a artista 3D Joana Soares. Todas as imagens são da sua autoria.</small></p>
<div class="page-header">
<h2>Ideias iniciais</h2>
</div>
<p><strong>1.</strong> Existem vários motores de renderização que podem ser utilizados para criar visualização de arquitetura com o Blender mas nem todos são Software Livre. O Cycles é Software Livre e já vem integrado
de origem no Blender, o que o torna uma das melhores opções. O <a href="Luxrender.html">LuxRender</a> é outra excelente opção de Software Livre mas implica algum esforço adicional.</p>
<p><strong>2.</strong> Na visualização de arquitetura, é sempre desejável seguir medidas reais. Sugere-se fortemente a utilização do sistema métrico no Blender.</p>
<img src="img/arch/0.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p><strong>3.</strong> Existem vários addons bastante úteis que permitem expandir as funcionalidades do Blender nesta área de criação. Alguns já
existem no Blender mas não estão inicialmente ativos, outros têm de ser instalados antes de serem ativados. Segue-se uma lista de alguns dos mais úteis:</p>
<ul>
<li>Import Images as Planes (basta ativar)</li>
<li>Edit Linked Library (basta ativar)</li>
<li>Geographical Sun (basta ativar)</li>
<li>Measure Panel (basta ativar). Na imagem abaixo é possível ver alguma da informação fornecida pelo Measure Panel.</li>
<img src="img/arch/00.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<li>IES Lamps to Cycles <a href="http://blenderartists.org/forum/showthread.php?276063-IES-Lamps-to-Cycles" target="_blank">Download</a></li>
<li>Archimesh <a href="https://github.com/Antonioya/blender/tree/master/archimesh" target="_blank">Download</a></li>
<li>Blender Window Generator 2 <a href="https://vimeo.com/52236815" target="_blank">Download</a></li>
<li>Floor Board Generator <a href="http://www.swineworld.org/2015/03/floor-boards-revisted.html" target="_blank">Download</a></li>
<li>Jamb Generator <a href="https://vimeo.com/34210992" target="_blank">Download</a></li>
<li>Balcony Generator Script <a href="https://vimeo.com/35525542" target="_blank">Download</a></li>
</ul>
<div class="page-header">
<h2>Introdução: Iluminação Realista</h2>
</div>
<p>Para a criação de uma boa iluminação, no contexto de renderização fotorrealista de interiores e exteriores, é sempre bom ponto de partida tentar
simular as condições do mundo real, tentando desta forma recriar condições de iluminação mais credíveis e familiares para o público.</p>
<p>Neste contexto, importa destacar a iluminação global (Global Illumination, GI) enquanto ferramenta extremamente útil para obter uma iluminação realista. A GI
é um conjunto de técnicas utilizado em 3D para calcular todas as interações de luz possíveis entre as superfícies numa cena,
tendo em conta a luz proveniente de origens distintas/específicas (iluminação direta) e a luz proveniente dos raios refletidos nas superfícies existentes na cena (iluminação indireta).
A GI simula a interação da luz no mundo real, através da distribuição uniforme de diferentes valores de cor e de luz,
sendo que os raios de luz interagem com os objetos com os quais entram em contato, refletindo a luz de forma diferente e criando sombras de acordo.</p>
<div class="page-header">
<h2>Iluminação exterior</h2>
</div>
<p>Geralmente, as cenas exteriores são bastante simples de iluminar pois é comum não precisarem de muitas fontes de iluminação.
Normalmente, uma cena exterior precisa apenas de um sol e da luz proveniente do céu. Utiliza-se a iluminação global, com uma textura de imagem para influenciar a iluminação geral da cena (recomenda-se uma HDRI), e, posteriormente,
adiciona-se uma luz do tipo sol para complementar a iluminação e estabelecer a direção da luz e das sombras.</p>
<h3>Exemplo 1</h3>
<img src="img/arch/1.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Para a iluminação da cena apresentada acima, comecei por inserir a iluminação global. No painel World, inseri uma "Environment Texture" e ajustei a respetiva intensidade (Strength) tendo em
conta o nível de iluminação que procurava. Após alguns testes, o valor 3.5 revelou-se o mais indicado.</p>
<img src="img/arch/2.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Em baixo, é apresentada uma amostra da imagem utilizada como "Environment Texture". </p>
<img src="img/arch/3.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>A segunda etapa foi o adicionar de um sol à cena. Posicionei-o da forma que considerei mais interessante, tentando obter sombras e uma iluminação mais apelativa.
Posteriormente, alterei ligeiramente a cor do sol para obter uma tonalidade mais quente na imagem final. Finalmente, ajustei a força da luz alterando a "Strengh"para 7.0.</p>
<img src="img/arch/4.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>
Na minha opinião, o processo de iluminação de uma cena é algo intuitivo. Podemos seguir estes princípios de iluminação para uma cena exterior mas não existe uma fórmula exata para obter os resultados desejados.
A melhor forma de obter a iluminação que procura é através da observação e experimentação. Nesse sentido, após definido o layout e implementada a iluminação base da cena, é sempre útil pré-visualizar
em "render view" e ajustar os valores das intensidades e cores.</p>
<div class="page-header">
<h2>Iluminação interior</h2>
</div>
<h3>Exemplo 1</h3>
<img src="img/arch/5.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Neste exemplo, optei por usar a iluminação exterior com fonte de iluminação principal para a cena.</p>
<p>Nesse sentido, utilizei novamente uma "Environment Texture" (desta vez utilizei uma HDRI) e ajustei novamente a intensidade (Strength) da luz.
Após alguns testes, o valor 50 pareceu-me o mais indicado para o tipo de iluminação que procurava.</p>
<img src="img/arch/6.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Em baixo, é apresentada uma amostra da imagem utilizada como "Environment Texture". </p>
<img src="img/arch/3.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>
Para a iluminação artificial do candeeiro no canto, utilizei uma esfera no interior do candeeiro para simular a iluminação de uma lâmpada.
Usei um material (shader) do tipo Emission e alterei a sua intensidade (Strength) para 9 de forma a obter o impacto desejado. Escolhi um tom alaranjado forte para melhor simular o aspeto de uma lâmpada amarela.</p>
<img src="img/arch/7.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Paralelamente, adicionei ainda uma luz tipo Point, com intensidade de 40, para expandir a iluminação na direcção desejada.</p>
<img src="img/arch/8.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<h3>Exemplo 2</h3>
<img src="img/arch/9.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>
No exemplo acima, a iluminação é também primordialmente exterior. No entanto, neste exemplo, não uso nenhuma
"Environment Texture". A iluminação é realizada através de planos com material Emission posicionados em pontos diferentes.</p>
<img src="img/arch/10.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Para a iluminação proveniente das janelas grandes à direita, utilizei um plano inclinado na direção do solo, de forma a
simular a direção dos raios solares. O plano tem um material Emission com 50 de Strength.</p>
<img src="img/arch/11.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Para a janela existente no fundo do corredor, utilizei novamente um plano e posicionei-o no local onde estaria o vidro da janela.
Este plano tem material Emission com 10 de Strength 10 e alterei ligeiramente a cor do material de modo a aquecer um pouco a luz.</p>
<img src="img/arch/12.jpg" alt="..." class="img-responsive img-thumbnail center-block">
<p>Para terminar, adicionei uma luz do tipo Spot para recriar a iluminação de um foco de luz artificial.</p>
</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>