Renderização com V-Ray e Photoshop

Prévia do material em texto

08/10/2020
INFORMÁTICA 
APLICADA À 
ARQUITETURA E 
URBANISMO II
Unidade 4
Renderização, iluminação e pós-produção 
de imagem
Profª Ma. Thaís Cardoso e Oliveira
• Unidade de Ensino: 04
• Competência da Unidade: Criar iluminação e aplicar materiais nas cenas, 
utilizando o V-Ray. Aplicar melhorias e efeitos nas imagens, utilizando o 
Photoshop.
• Resumo: Criação de iluminação e aplicação de materiais nas cenas, com uso 
do V-Ray. Modificar e melhorar imagens com o Photoshop.
• Palavras-chave: V-Ray, iluminação, Materiais, 
Photoshop.
• Título da Teleaula: Renderização, iluminação e pós-
produção de imagem
• Teleaula nº: 04
Conceitos
Contextualização
Contextualização
01
02
Interface, configurações e operações básicas
Desenho, modelamento, edição e blocos
03 Materiais, texturas, apresentações e plotagens 
em pranchas
04
Renderização, iluminação e pós-produção de 
imagem
Contextualização
Plugin de Renderização: V-Ray
V-Ray mecanismos de Iluminação Global
V-Ray processo de Renderização
SP
Contextualização
V-Ray: Configurações de materiais – parte 1
V-Ray: Configurações de materiais – parte 2
V-Ray e Photoshop: Pós-produção de Imagem
SP
1 2
3 4
5 6
08/10/2020
Contextualização
• Nesta unidade, completaremos seu aprendizado 
falando sobre renderização com o V-Ray, um 
plugin de renderização profissional, capaz de 
criar imagens fotorrealistas.
• Conheceremos os principais mecanismos que ele 
oferece para simulação de iluminação global, 
configurações de render, opções de luzes e 
materiais disponibilizados pelo V-Ray.
Contextualização
• Aprenderemos também as ferramentas 
essenciais do Photoshop para melhorar ainda 
mais suas imagens renderizadas.
• Você já conheceu os conceitos mais básicos no 
SketchUp, as ferramentas de desenhos e 
modelagem 3D.
Contextualização
Fonte: BARATELLA, 2017 - editado.Fonte: ORTHEY E BARATELLA, 2018.
Contextualização
• Aprendeu a usar no SketchUp o recurso para 
agrupar um conjunto de entidades. Esses 
agrupamentos são de dois tipos: os “Grupos” e 
os “Componentes”.
Fonte: ORTHEY E BARATELLA, 2018.
Contextualização
Conheceu como realizar a criação e aplicação de 
materiais e a importação de modelos.
Fonte: ORTHEY E BARATELLA, 2018.
Contextualização
Ou então:
• Janela” “3D Warehouse”
•https://3dwarehouse.sketchup.com/> “Importar” do 
menu “Arquivo”.
Fonte: ORTHEY E BARATELLA, 2018.
7 8
9 10
11 12
08/10/2020
Contextualização
Fonte: ORTHEY E BARATELLA, 2018.
Você aprendeu a criar cenas e animações que 
podem simular um “passeio virtual” pelos 
ambientes do projeto.
Aprendeu também a utilizar o programa LayOut, 
como empregar e editar uma janela de 
visualização, como modificar as medidas das 
margens, o formato e a orientação do papel e 
as cores e qualidade de impressão.
• a. “Posicionar câmera” 
• b. “Girar”
• c. “Percorrer”
Conceitos
Plugin de Renderização: V-Ray
Plugin de Renderização: V-Ray
O V-Ray é um plugin multiplataforma de 
renderização com recurso para criar imagens 
fotorrealistas.
Fonte: BARATELLA, 2017.
Plugin de Renderização: V-Ray
Fonte: BARATELLA, 2017.
Ao instalar o V-Ray surgem três novas barras 
de ferramenta:
• V-Ray for SketchUp;
• V-Ray Objects;
• V-Ray Lights.
Plugin de Renderização: V-Ray
Fonte: BARATELLA, 2017.
V-Ray for Sketchup
1. V-RAY ASSET EDITOR
Principais configurações de renderização: 
• Controle de qualidade;
• Exposição;
• Tamanho da imagem;
• Opções para o cálculo de iluminação 
indireta;
Fonte: ORTHEY E BARATELLA, 2018.
13 14
15 16
17 18
08/10/2020
V-Ray for Sketchup
2. V-RAY RENDER
Inicia a renderização da vista atual;
5. V-RAY SHOW FRAME BUFFER
Abre a janela de renderização;
Fonte: ORTHEY E BARATELLA, 2018.
Conceitos
V-Ray mecanismos de 
Iluminação Global
V-Ray mecanismos de Iluminação Global
O Global illumination (GI) é o recurso mais 
importante que o V-Ray traz, sendo o processo em 
computação gráfica que simula o rebatimento da 
luz no ambiente.
Fonte: Light by Scribble.liners from the Noun Project
V-Ray mecanismos de Iluminação Global
O V-Ray oferece três mecanismos de 
iluminação global do V-Ray:
Brute Force: abordagem mais simples, calcula 
a iluminação de forma independente para cada 
ponto da superfície. A renderização é demorada; 
Fonte: ORTHEY E BARATELLA, 2018.
Fonte: Light by Scribble.liners from the Noun Project
V-Ray mecanismos de Iluminação Global
Irradiance Map: Calcula a iluminação indireta 
somente em alguns pontos da cena e, a partir 
disso, preenche o restante da cena; 
Fonte: ORTHEY E BARATELLA, 2018.
Fonte: Light by Scribble.liners from the Noun Project
V-Ray mecanismos de Iluminação Global
Light Cache: traça muitos raios a partir do ponto 
de vista da câmera, pode ser usado para cenas 
internas e externas. Bom para gerar prévias 
durante o estudo da cena.
Fonte: ORTHEY E BARATELLA, 2018.
Fonte: Light by Scribble.liners from the Noun Project
19 20
21 22
23 24
08/10/2020
V-Ray Asset Editor
A janela V-Ray Asset Editor possui quatro 
abas em que reúne todas as configurações que o 
V-Ray possui para você realizar o seu render. 
• Materials;
• Lights;
• Geometry;
• Settings;
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray Asset Editor
SETTINGS
• Modo de renderização;
• Configurações de qualidade para iluminação 
indireta;
• Precisão da imagem;
• Exposição da câmera;
• ...
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray Asset Editor – Renderer
Os modos de renderização estão disponíveis 
no painel RENDERER
O V-Ray oferece dois mecanismos de 
renderização ao usuário: V-Ray (Production mode) 
e V-Ray Interactive (modo Real Time). 
Vamos utilizar apenas o modo V-Ray.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray Asset Editor - Câmera
PAINEL CAMERA
Controla os aspectos da câmera e 
a exposição de entrada de luz na 
câmera (Exposure Value – EV) –
quanto mais alto o valor, mais 
escuro ficará;
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray Asset Editor - Câmera
PAINEL RENDER OUTPUT
Permite definir as dimensões da 
imagem renderizada;
PAINEL MATERIAL OVERRIDE
Substitui todos os materiais da 
cena pela cor definida no campo 
Override Color.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray Asset Editor - Settings
Podemos expandir a janela 
V-Ray Asset Editor e ter 
acesso a configurações 
avançadas da aba SETTINGS.
Fonte: ORTHEY E BARATELLA, 2018.
Controla a Iluminação Global – Primary Rays (Brute Force; 
Irradiance Map; Light Cache) e Secondary Rays.
25 26
27 28
29 30
08/10/2020
Conceitos
V-Ray Processo de Renderização
Processo de Renderização no V-Ray
Seguindo um passo-a-passo para configurar 
a iluminação de uma cena, com o que foi visto até 
agora...
1º) Abrir a cena no SketchUp, ativar as sombras e 
ajustar o dia e a hora para definir a posição do sol 
e a projeção da luz no ambiente.
Fonte: 3d render by monkik from the Noun Project
Processo de Renderização no V-Ray
2º) Na janela V-Ray Asset Editor, acesse a aba 
Settings.
3º) Habilite a opção Material Override e escolha 
como cor um cinza médio – isso vai substituir 
todos os materiais da cena pela cor cinza, 
permitindo que você se concentre na iluminação e 
qualidade do render.
Fonte: 3d render by monkik from the Noun Project
Processo de Renderização no V-Ray
4º) Expanda o painel Camera e modifique o 
Exposure Value (EV) e Renderize novamente para 
ver a diferença. Fique à vontade para testar outros 
valores no EV, até ficar satisfeito com o resultado.
5º) Em Quality, coloque em High e renderize
novamente.
Fonte: ORTHEY E BARATELLA, 2018.
Processo de Renderização no V-Ray
6º) Quando estiver satisfeito com a iluminação e 
qualidade da imagem, desative a opção Material 
Override para voltar a exibir os materiais no 
render, defina a resolução final da imagem no 
painel Render Output (sugere-se 1920x1080 para 
apresentações em monitor) e renderize
novamente.
Fonte: 3d render by monkik from the Noun Project
Processo de Renderização no V-Ray
A janela de 
renderização (V-Ray 
Frame Buffer) apresenta 
diversas funçõespara o 
processo de renderização. 
Fonte: ORTHEY E BARATELLA, 2018.
31 32
33 34
35 36
08/10/2020
Processo de Renderização no V-Ray
Fonte: ORTHEY E BARATELLA, 2018.
Processo de Renderização no V-ray
Imagem sem correção e com correção aplicadas
Fonte: ORTHEY E BARATELLA, 2018.
Resolução da SP
SP
SP
Você ficou responsável por criar a 
iluminação e renderização de uma cena do projeto 
desenvolvido por você desde a Unidade 2, com o 
objetivo de demonstrar ao escritório como criar 
imagens fotorrealistas.
Fonte: Study by Dev Patel from the Noun Project
Resolvendo a SP...
O primeiro passo é a criação de iluminação 
adequada e fazer configurações de render para 
atingir uma boa qualidade de renderização.
1. Na bandeja “Sombras”, no SketchUp, ative as 
sombras e configure a data e o horário 
desejado;
2. Na janela V-Ray Asset Editor > 
Settings > Renderer;
Fonte: Study by Dev Patel from the Noun Project
Resolvendo a SP...
Fonte: adaptado de Sketchup (2016).
Fonte: Study by Dev Patel from the Noun Project
37 38
39 40
41 42
08/10/2020
Resolvendo a SP...
3. Para garantir uma boa qualidade de 
renderização com baixo tempo de render, 
escolha “Irradiance map” em Primary Rays e 
“Light cache” em Secondary Rays como 
mecanismos de iluminação global, no painel 
Global Illumination;
4. Em Quality escolha a opção Draft;
Fonte: Study by Dev Patel from the Noun Project
Resolvendo a SP...
5. Ative a opção Material Override e escolha um 
cinza médio em Override Color, para que possa 
concentrar sua atenção apenas na iluminação 
e qualidade do render;
Fonte: Study by Dev Patel from the Noun Project
Resolvendo a SP...
Fonte: adaptado de Sketchup (2016).
Resolvendo a SP...
6. Em Camera ajuste o Exposure Value (EV) até 
uma iluminação adequada;
Comparação entre imagens com exposição 14,24 e 12 na 
exposição da câmera
Fonte: ORTHEY E BARATELLA, 2018.
Resolvendo a SP...
7. Faça quantos testes desejar e, quando estiver 
satisfeito com o resultado da iluminação, 
acesse a janela V-Ray Asset Editor, aumente a 
qualidade para High e o tamanho da imagem 
para 1920x1080px.
Fonte: Study by Dev Patel from the Noun Project
Processo de Renderização no V-ray
Fonte: ORTHEY E BARATELLA, 2018.
43 44
45 46
47 48
08/10/2020
Resolvendo a SP...
Renderize novamente e salve a imagem.
Pronto! Seguindo esses passos, você terá 
uma imagem com iluminação realística!
Fonte: Study by Dev Patel from the Noun Project
Interação
Interação com professor
Interação
Lembre-se: mande suas dúvidas 
e contribuições no chat!
Conceitos
V-Ray: Configurações de materiais
Parte 1
V-Ray: Configurações de materiais - Parte 1
Você sabe que para impressionar clientes é 
preciso ir além da representação da iluminação, 
acrescentando materiais realistas em sua cena. 
Você irá finalizar o projeto aplicando 
materiais do V-Ray e deve criar ao menos um 
render externo e um render interno de um 
ambiente da sua escolha.
V-Ray: Configurações de materiais - Parte 1
Como criar reflexo e transparência? 
Quais luzes o V-Ray disponibiliza
para luzes artificiais?
O que fazer nas etapas de 
renderização para facilitar o 
tratamento das imagens no 
Photoshop?
49 50
51 52
53 54
08/10/2020
V-Ray: Configurações de materiais - Parte 1
O V-Ray Material é o material padrão usado no V-Ray. Ele possui 
um sistema de configuração simples e conveniente, que gera resultados 
realistas com baixo tempo de render.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray: Configurações de materiais - Parte 1
• Sempre que possível, é preferível utilizar os 
materiais presentes na biblioteca do V-Ray;
• Os materiais da biblioteca estão 
configurados para representar com 
fidelidade cada tipo de material;
• É possível fazer ajustes na textura, reflexo, 
transparência, etc.
V-Ray: Configurações de materiais - Parte 1
Ao selecionar uma categoria, os materiais 
associados a ela são exibidos no campo Library. 
Para aplicar um desses elementos à sua cena, 
arraste-o para o campo Material List.
V-Ray: Configurações de materiais - Parte 1
Para realizar alterações em um material (trocar 
a textura ou torná-lo mais reflexivo ou transparente) 
devemos usar a aba Quick Settings para acessar seus 
parâmetros.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray: Configurações de materiais - Parte 1
Os parâmetros Reflection e Refractions são 
controlados pela cor, sendo que o primeiro 
determina se o material será ou não reflexivo, e o 
segundo define se o material será transparente ou 
opaco.
Fonte: ORTHEY E BARATELLA, 2018.
Conceitos
V-Ray: Configurações de materiais
Parte 2
55 56
57 58
59 60
08/10/2020
V-Ray: Configurações de materiais - Parte 2
• O V-Ray oferece dois mapas especiais para 
simular o efeito de relevo na superfície dos 
materiais.
• Bump: utiliza um artifício visual que 
passa a sensação de relevo;
• Displacement: cria relevo alterando a 
geometria (cria efeito mais pronunciado, 
porém, exige mais memória).
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray: Configurações de 
materiais - Parte 2
• Outro material que merece destaque á o V-
Ray Light Material ou Emissive. Ele é usado 
para qualquer entidade que emita luz própria.
• Lâmpadas, fitas LED, telas de TV, entre 
outros.
• É necessário criar um novo material, 
classificá-lo como Emissive e configurar a 
cor (1) e a intensidade (2) da luz que emite. 
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray: Configurações de 
materiais - Parte 2
Além dos sistemas de sol e céu 
que já vêm criados por padrão, você 
ainda pode acrescentar luzes esféricas, 
retangulares e spots. As configurações 
de todas essas luzes, inclusive do sol, 
estão no V-Ray Asset Editor, aba Lights.
Fonte: ORTHEY E BARATELLA, 2018.
Conceitos
V-Ray e Photoshop: Pós-
produção de Imagem
V-Ray e Photoshop: Pós-produção de Imagem
Para facilitar a pós-produção no Photoshop, 
existe a possibilidade de renderizar canais extras de 
suas cenas. 
A imagem renderizada é o resultado da 
mescla de diversos efeitos computados pelo V-Ray.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray e Photoshop : Pós-produção de Imagem
A função Render Elements permite dividir sua 
renderização em canais como: cores, reflexos, 
sombras, luzes, emissão, etc.
• V-Ray Asset Editor > Settings > Advanced
Settings > Render Elements;
• Add Render Element: na lista de 
elementos disponíveis, escolha 
quantos forem necessários;
Fonte: ORTHEY E BARATELLA, 2018.
61 62
63 64
65 66
08/10/2020
V-Ray e Photoshop : Pós-produção de Imagem
• Você pode visualizar os elementos na lista de canais 
no V-Ray Frame Buffer após renderizar a cena.
• Na lista de canais do V-Ray Frame Buffer (1), 
verifique se todos os elementos adicionados 
estão presentes;
Fonte: BARATELLA, 2017.
V-Ray e Photoshop : Pós-produção de Imagem
Salve todos os elementos, a cena e os canais.
• Save (2) > Save all image channelsto separate file 
(3);
• Escolha o local, o nome e o formato que deseja 
salvar o arquivo e clique em Salvar.
Fonte: BARATELLA, 2017.
V-Ray e Photoshop : Pós-produção de Imagem
• O Photoshop é um editor de imagens amplamente 
utilizado, sendo usado para criação de desenhos, 
pintura digital, edição e tratamento de fotos, etc.
• Nosso foco será o seu uso para melhorar as 
imagens renderizadas no SketchUp, ajustando 
brilho e contraste, corrigindo cores, aumentando 
nitidez e aplicando efeitos sobre a imagem.
V-Ray e Photoshop : Pós-produção de Imagem
Fonte: ORTHEY E BARATELLA, 2018.
1. Menu;
2. Painel de 
controle;
3. Janela do 
documento;
4. Barra de 
ferramentas;
5. Área de 
desenho; 
6. Painéis.
V-Ray e Photoshop : Pós-produção de Imagem
• O painel Camadas possui várias funcionalidades 
importantes para o processo de trabalho no 
Photoshop.
• Esse painel exibe e organiza todos os elementos 
presentes no seu documento. Cada imagem 
adicionada ao documento é colocada em uma 
nova camada.
V-Ray e Photoshop : Pós-produçãode Imagem
No Photoshop, todas as ações realizadas 
(mover, ajustes de cores, brilho, efeitos, filtros, etc.) 
é aplicada apenas sobre a camada ativa.
•Você pode transformar todas as 
camadas do seu documento em uma 
única: Camadas > Achatar imagem.
67 68
69 70
71 72
08/10/2020
V-Ray e Photoshop : Pós-produção de Imagem
Comandos, tais como mover, panorâmica e 
zoom também estão presentes no Photoshop.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray e Photoshop : Pós-produção de Imagem
Você pode abrir imagens no Photoshop de 
duas formas: 
1. Arquivo > Abrir.
2. Arrastar um arquivo de imagem do 
Windows diretamente para dentro do 
programa.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray e Photoshop : Pós-produção de Imagem
Há ainda como adicionar mais imagens no documento aberto:
• Arquivo > Colocar incorporados... 
Basta selecionar o arquivo desejado e clicar em “Inserir”.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray e Photoshop : Pós-produção de Imagem
O Photoshop disponibiliza ao usuário 
diversas ferramentas de seleção, entre elas, a 
Varinha Mágica, que permite selecionar 
grandes áreas com padrão de cor similar, sem 
precisar traçar seu contorno.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray e Photoshop : Pós-produção de Imagem
Fonte: ORTHEY E BARATELLA, 2018.
Clique com a varinha sobre um ponto 
da imagem e ele será usado como cor 
de referência para que o Photoshop 
busque toda área similar
Essa ferramenta é uma boa 
forma de seleção quando há 
cores distintas e uniforme.
V-Ray e Photoshop : Pós-produção de Imagem
Os ajustes básicos de uma imagem se 
referem ao balanceamento entre claro e 
escuro. Você pode ajustá-los usando duas 
ferramentas: BRILHO/CONTRASTE E NÍVEIS.
Fonte: ORTHEY E BARATELLA, 2018.
73 74
75 76
77 78
08/10/2020
V-Ray e Photoshop : Pós-produção de Imagem
Entre os ajustes que podemos fazer nas 
imagens, destacamos também duas opções para 
correção de cor: 
Equilíbrio de cores e Matiz/Saturação, 
encontradas no menu Imagem > Ajustes.
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray e Photoshop : Pós-produção de Imagem
Fonte: ORTHEY E BARATELLA, 2018.
V-Ray e Photoshop : Pós-produção de Imagem
O Photoshop disponibiliza diversos filtros e 
efeitos para serem aplicados sobre suas imagens. 
Esses efeitos afetam apenas a camada ativa, 
portanto, quando você quiser aplicá-los à 
composição inteira, é necessário unir todas as 
camadas (Camada Achatar imagem).
V-Ray e Photoshop : Pós-produção de Imagem
Fonte: ORTHEY E BARATELLA, 2018.
O filtro Máscara de Nitidez permite 
aumentar a nitidez da imagem. Também podemos 
destacar o filtro Reflexo de Flash. Ele aplica um 
efeito de flash de luz sobre as imagens.
Resolução da SP
SP
SP
Você está realizando o projeto de 
interiores de um quarto e, depois de 
já ter renderizado a imagem, você 
decide modificar a cor de uma 
almofada.
Como você deve proceder?
Fonte: BARATELLA, 2017.
79 80
81 82
83 84
08/10/2020
Resolvendo a SP ...
• Certifique-se que a camada que 
contém a imagem esteja ativa. Vá em 
“Imagem > Ajustes > Níveis”. 
Configure os níveis conforme a 
Figura a baixo:
• Agora selecione apenas a almofada 
amarela usando a Varinha Mágica.
Fonte: BARATELLA, 2017.
Resolvendo a SP ...
• Com ela selecionada, vá em Imagem > Ajustes > Matiz / Saturação. 
Configure os níveis para modificar a cor da almofada.
• Com pequenos ajustes conseguimos melhorar significativamente a 
nossa imagem.
Fonte: BARATELLA, 2017.
Interação
Interação com professor
Interação
Lembre-se: mande suas dúvidas 
e contribuições no chat!
Conceitos
Recapitulando...
85 86
87 88
89 90